Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - FashionMart (SKU# FLEX-00008)

TOPIC: [SOLVED] JQuery Conflicts...

[SOLVED] JQuery Conflicts... 11 years 8 months ago #18

Hi there,

I love the template! I decided to use it on another project. It's outstanding.

I just can't get the lightbox to work. I'm sure it will be a jquery conflict I'm just not sure how to avoid it or solve it.

Any help would be awesome!

Thanks

41.86.105.41/~oohlalab/
Joomla 2.5
Virtuemart 2.0.8e
Last Edit: 11 years 6 months ago by Support.
The topic has been locked.

JQuery Conflicts... 11 years 8 months ago #19

Hi,

I am seeing that you are having a JAVA Conflict problem in your website.

Here is the error that prevents facebox to run:
ScreenShot2012-07-27at9.48.54PM.png



I am seeing in the source codes, there are 2 different jQuery's are loading. Both of them in different version. There should only 1 jQuery be loaded in a single page.

//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js (loaded by K2 Component)
//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js (loaded by Virtuemart Component)

Virtuemart requires jQuery1.6.4 to run, so you can't disable it. But you can disable the jQuery1.7 that comes with K2 Component.

Therefore; open the K2 Component in Joomla! Backend, and click "Parameters", Completely disable the jQuery loading.
Then the Conflict problem should be fixed and lightbox should start working again.
The topic has been locked.

JQuery Conflicts... 11 years 8 months ago #20

OKay so I disabled it but from some reason I can still see the conflict appearing.
The topic has been locked.

JQuery Conflicts... 11 years 8 months ago #21

Hi Also found that the Checkout Page is not aligned correctly either: 41.86.105.41/~oohlalab/index.php?option=com_virtuemart&view=cart
The topic has been locked.

JQuery Conflicts... 11 years 8 months ago #26

'Cause i am still seeing some Conflict problems in your website:


ScreenShot2012-07-28at7.38.41PM.png


There are lots of JAVA files and several different jQuery versions are loading in your website. It is hard to figure out which one creates the conflict issue. You should eliminate them one-by one and point out the corrupted feature when the conflict problem is gone.

ScreenShot2012-07-28at7.39.25PM.png


One of your extension/plugin or your joomla template loads jQuery1.7.2 . This loading seems so suspicious to me. Start from this.

As i said before; Virtuemart officially loads jQuery1.6.4 and it is a requirement. The not working functionality (facebox) is one of the feature that comes with virtuemart officially, in our VM Template, we just used this feature for "QUICK LOOK" functionality. I mean; the facebox plugin that doesn't work in your website; doesn't come with our VM Template, it comes with Virtuemart officially. Understand what i mean? More importantly, the "add to cart" button also doesn't work. Which is a serious issue. Virtuemart fails to add product to cart by AJAX updating. The products appear in shopping cart after a manual refresh. Therefore; the conflict problem must be solved. You should eliminate some jQuery and JAVA files that come with your joomla template or with other 3rd party extensions. Do this one-by one and each time check the website, once the problem is gone, you would know which extension or feature creates the conflict problem.

If you know what you are doing; you can organize your JAVA files by keeping all features alive but preventing conflict issue. The mixing order of jQuery library and JAVA files might create conflict problem as well. JAVA files must be loaded after jQuery library. For example; if jQuery is loaded in 18th line, all JAVA files that require jQuery Library must be loaded after 18th line. The java variable also must be changed if there is a different version jQuery are loaded.

About the alignment problem in shopping cart it is the simple one.;
open this CSS file:
41.86.105.41/~oohlalab/templates/theme956/css/template.css

And find this CSS rule:
textarea{
    height: 217px;
    padding:7px 10px;
    resize: none;
    width: 231px;
	border: thin solid #cecece;
	background:url(../images/input.png);
	background:rgba(255,255,255,.1);
	outline:none;
	overflow:auto;
	line-height:1.8em;
}

and
a.moduleItemReadMore,
a.k2ReadMore,
div.itemCommentsForm form input#submitCommentButton,
input[type="submit"],
button{
	background:url(../images/button.gif) repeat-x;
	padding:0 13px;
	color:#fff;
    display: inline-block;
    font-size: 11px !important;
	line-height:37px !important;
	height:37px;
	cursor:pointer;
	border:none !important;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:normal;
	box-shadow:1px 1px 3px rgba(0,0,0,.5);
	}


and
.PricesalesPrice { display:block; text-align:center; font-size: 100% !important; color: #cecece !important;}

And delete these RULEs completely.

The result:

ScreenShot2012-07-28at7.58.32PM.png



Cheers.
The topic has been locked.

JQuery Conflicts... 11 years 8 months ago #32

I understand what you are saying but I dont think I know how to solve it. Can i send you CPanel log in details to log in and see what you can do?
I think I'll just create more issues if I try to do it myself...
The topic has been locked.

JQuery Conflicts... 11 years 8 months ago #37

Hi,

Your joomla template includes lots of fancy effects and loading lots of JAVA files. The main problem is; your joomla template is not compatible to work with Virtuemart by default. IF you completely disable our VM Template and use the original Virtuemart; you would notice the "facebox" plugin and the "Add to Cart button AJAX updating" also don't work. Because of the jQuery Conflict issue. Your website's JAVAs need to be organized, for this purpose some of your template's features might be eliminated. I can do this for you. But it won't be included our FREE SUPPORT SERVICE. I have already guided you to fix your problems, but if you want me/us to do those edits for you, you should purchase "Premium Support Service for VM" from our website by clicking this link: www.flexiblewebdesign.com/Premium-Support/Virtuemart-Premium-Support

Purchase 2 hours "premium support", After completing the transaction, and email these information:
- This forum post link, as reference for us: www.flexiblewebdesign.com/forum?catid=5&id=8&view=topic
- Your FTP Account username and password
- Your Joomla Super Administrator account

to This email address is being protected from spambots. You need JavaScript enabled to view it. and your website will be taken care in 24 hours.
Cheers
The topic has been locked.

JQuery Conflicts... 11 years 8 months ago #39

I see.
The only effect I need would be on the HomePage?
Is this possible?

I don't need the rest of the effects...
The topic has been locked.

JQuery Conflicts... 11 years 8 months ago #44

Actually nothing will be changed. Once the conflict is solved in homepage and effects start working in homepage, then everything will be good to go in other pages as well.
The topic has been locked.

JQuery Conflicts... 11 years 8 months ago #46

Thanks, I will get this done today and hopefully we can get this all sorted out.

I have a separate question which no one seems to be able to answer. Is it possible to have a "City" dropdown in Virtuemart which will be linked to a "State" dropdown without hacking the Joomla code?

So if I selected California as the State it would then show me Los Angeles, Sand Diego etc?
The topic has been locked.

JQuery Conflicts... 11 years 8 months ago #64

This forum is used only for providing support for our extensions. Try forum.virtuemart.net and see if someone will come up with a solution about it.

TOPIC IS LOCKED

Flexible Support Team.
Last Edit: 11 years 8 months ago by Support.
The topic has been locked.
Time to create page: 0.108 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo