Virtuemart x Joomla! x Bootstraps

[iMilazzo]

Sorry for my BAD English!

I'm trying to use Virtuemart for the very first time. I have experience with Joomla! 1.5 and 2.5 and I'm using http://blank.vc/blog/19-blank-template-and-twitter-bootstrap-tutorial-for-joomla.html to make my sites responsives, like Bootstraps. But to make this happens I have to change a lot of codes in Joomla! components, modules and plugins.

I know Virtuemart use jQuery, jQuery-UI, Facebox (or Fancybox?) and a lot of custom Javascript codes.
My question is: How to change the look of buttom, modal screens, dropdowns and everything else to use Bootstraps template, cause I can't do it just making copies of VIEW/default.php files, there is a lot more to change include the core-behavior.

For example, I want to change the look of the ADD TO CART button, to do that I need to include 'btn btn-large btn-primary' on this button CLASS definition and i need to "turn-off" addtocart-button CLASS in the CSS customization file. This will change the core files and I don't want to change the core files.

Another one, Joomla! uses Mootools SqueezeBox, Virtuemart use Fancybox (why?) and I want to use Bootstraps Modal!

Thank you so much for you attention!
Ivan Milazzotti

[balai]

Hi Ivan

I had also the same question, why not to use the joomla's mootools functions instead of JQuery?

Your query is a bit general as there are a lot of files the you need to hack. 
I think that concerning the facebox you will have to change the facebox.js found in the assets/js folder

Also if you don't want to use facebox but another type of popup you can change that from the :
components\com_virtuemart\views\productdetails\tmpl\default.php

The facebox contructor is called at the first lines

[murdok]

hi i think this is a good feature request to be made, i guess that it will be coming with the VM compat with J3.X but meanwhile i guess that the workaround of template companies should be a moded bootstrap version to make it work with VM classes without modify the core, or a moded VM core this maybe if you are updating your own store, anyway when VM updates in the future for J3.X i guess there would be needed another template tweakin again, but it will be good to think in support for css boilers like bootstrap and foundation that have really good reception in the design community, more into bootstrap because of the J3.X preference

[PRO]

http://forum.virtuemart.net/index.php?topic=107911.45
http://forum.virtuemart.net/index.php?topic=112690.0
http://forum.virtuemart.net/index.php?topic=108039.0


many have done this already

[murdok]

yes that's true but most of them do like this guys (http://virtuemarttemplate.com/demo/bootstrap/index.php/2-column-left/19-widescreen-flat-panel-lcd-monitor-detail) ,they use additional css files for the Vm css to avoid core mod Fe to (class="addtocart-button") and use bootstrap for the Joomla only, but i think that the question of imilazzo is, that if he can use the bootstrap buttons (http://twitter.github.com/bootstrap/base-css.html#buttons) to overwrite the VM template classes, if we could do that we can use Fe this (http://bootswatch.com/) as mentioned in the black tutorial to change the store look because it use the bootstrap classes as joomla is doing now in 3x. So it will be nice if in the future VM use bootstrap or foundation for its templates or another css boiler convention.