Suggestion Virtuemart2 CSS Files

[veeco]

Hi, i'm working on VM2 with a bootstrap template, and i found out there's several CSS conflict between vm2 and bootstrap based template. I would suggest if VM2 use prefix (for example : "vm2_modal" instead of "modal",  "modal" is too generic to use and can create conflict with other template/module/extension) with the css, this will avoid conflict with joomla base template.

i know that template can be override... but having prefix will sure helps lot of people in terms on rapid prototyping.

Thanks

[jjk]

Just for info - in my VM2 source code there isn't any "modal" in VM2 CSS files.

[bytelord]

Used by vm default template to call modal, not CSS, also js calls modal throught fancybox. But modal is a jquery function!

VM has one attribute relative to modal: .vm2-modallink
That is not CSS conflict.

Regards

[veeco]

Yeah you're right this conflict is more JS Conflict ...
i browse and found the same problem here:
https://help.joomlashack.com/entries/21934532-conflict-with-virtuemart-2-css-class

anyway, the bootstrap template i use is making vm2 default layout such a mess, one of the problem is the modal.. i also attached the firebug notification for you to review.

Any solution for this (beside template overrides of course)?



[attachment cleanup by admin]

[bytelord]

Hello,

Please unload some jquery instances ... load only one. Then will work fine i suppose.
Better to ask support from your template provider because i am not aware how this template is working, bootstrap framework does not include jquery, only a js file for its functions that to work NEEDS jquery library. So you could keep only one and prevent the others from loading (This in case you are loading jquery more than once, check it - if you are loading one time then please try to see if other js files produces conflicts)

To examine it, take a look in the html header to see all the js files you are loading (with firebug).

Use firebug to examine your site code and styling .. also for checking js conflicts ...
http://forum.virtuemart.net/index.php?topic=102850.0

Javascript conflicts:
http://dev.virtuemart.net/projects/virtuemart/wiki/General_JS-Problems_with_templates_and_jQuery
http://dev.virtuemart.net/projects/virtuemart/wiki/JavascriptCSS_Template_Overrides_and_Avoiding_Conflicts_between_Libraries

Regards