VMuikit Documentation

What is VMuikit?

VMuikit is a Joomla component that install a override theme for Virtuemart. The component also adds a lot of extra settings to customize your Virtuemart/webshop setup. All the layouts/overrides in VMuikit is based on the UIkit framework from YOOTheme (all YOOtheme templates are built in UIkit framework).

The UIkit framework gives endless of possibilities for web designers to customize the look and feel of the website/webshop.

The full potential is that with one of YOOthemes templates you can actually build so many different webshop/websites with completely different look and feel (design and user interface). Are you serious about web design you should really give YOOtheme templates a go. Check out their templates: http://yootheme.com/

Who is VMuikit for?

VMuikit is for those that have built some Joomla and Virtuemart website before. For a first project you might run into some troubles. You need to know the basiscs of Joomla, templating, Virtuemart (and its settings) also understand the concept of what the UIkit framework is. Freelancers and Web Agencies that have built a few Joomla/Virtuemart websites will find VMuikit to be an absolute awesome companion!

Who is VMuikit NOT for?

Someone building their first Joomla website. You will need to have some pretty good understanding in building Joomla website. Not meaning PHP and Javascript knowledge. But you need to use FTP and advanced Joomla/Virtuemart settings. If you never used Virtuemart before we can not recommend VMuikit.

How to override files?

If you want to upgrade VMuikit in the future when we release new versions you need to do overrides of the files in good old MVC Joomla fashion. This is how:

1) you should enable "template override" param in Components -> VMuikit Settings

2) then "to override add to cart file", copy file from [joomla-root/webroot]\plugins\system\vmuikit_override\html_override\com_virtuemart\themes\default\productdetails\default_addtocart.php to [joomla-root/webroot]templates\yoo_xxx\html\com_virtuemart\themes\default\productdetails\default_addtocart.php after copied, do your changes there.

Doing override is ALWAYS the recommended way to do custom changes in the fiels for your webshop as this will never be overwritten. So it means you can update VMuikit without any problems.

Video Tutorial:

How to translate?

For VMuikit core language strings we use the Virtuemarts language files. So just install your language from: http://virtuemart.net/community/translations/virtuemart - Language file for One Page Checkout is in [webroot]/administrator/language [webroot]/administrator/languag/en-GB/en-GB.plg_system_vmuikit_onepage.ini here you find the english file and you need to add this to your language folder in /administrator/language/... (for example /administrator/language/de-DE/ for german) and rename the filefor your language code.

Please send your translated file to us at This email address is being protected from spambots. You need JavaScript enabled to view it. and we will add it to package!

Setup VMuikit for UIkit 2 (Warp 7) or UIkit 3 (YOOtheme PRO)?

There are two versions of VMuikit. The 4.x version is created for Warp 7 with UIkit version 2. The new VMuikit 5.x is for the YOOtheme PRO Page Builder / UIkit 3.

AJAX search

YOOtheme PRO: Use the search function in the Builder. Layouts -> Search = Show (make sure VirtueMart search plugin is enabled)

Warp 7: Uset the VM Search module in position "search".

Where can I find Change logs?

Since version 4.5+ changelogs will be listed on the product page.

Old changelogs since version 0.9 of VMuikit is archived here: Old VMuikit changelogs

How to install the One Page Checkout Cart?

The One Page Checkout is installed and published by default. So you dont need to do anything. You want to use the default VirueMart cart you disable plugin (VMuikit OnePage) in plugins in Joomla backend. Or if you want to use another One Page Checkout also disable this plugin first.

All the settings for this plugins you find in that place too. There are quite a lot of settings to make the cart work and look just as you want! Try the setting out to create you streamlined cart experience for your clients!

You have problems? - How to troubleshoot

First thing to do if you encounter problems is always to change to Protostar template (default Joomla template) and see if you have the same problem there. IF you do have the same problem there then its not a VMuikit issue and you should ask in http://forum.virtuemart.net to get help.

If you have only problem in VMuikit but not in Protostar then please post in our support forums.

We also recommend you install Web Developer toolbar in Firefox to see if you have any Javascripts error (https://addons.mozilla.org/en-US/firefox/addon/web-developer/). That can help a lot for you to pinpoint what type of problem you have.

*When asking questions in the support forum please always add you site details so we quickly can help you!

How to install VMuikit?

VMuikit 4.5 supports YOOtheme PRO and Warp 7 templates

You install the vmuikit_package_x.x.x.zip in the Extension Manager (like you install any other extension for Joomla).

This installation also installs all the override files to plugins/system/vmuikit_override/html_override/ However you can override these in the old fashion of adding same files in /html/ in you chosen template. This way you can update VMuikit without your custom code being touched. The installation also installs and enables the VMuikit One Page Checkout plugin and enables this by default. If you want to use other cart then please disable this plugin. 

Installation video tutorial



Add more information in the two extra module positions in Shopping Cart

There are two extra module positions in the One Page Checkout (Shopping Cart) the name of these positions are "onepage_promo_top" and "onepage_promo". You can add anything ot these and they are position above and uder the product list in the shopping cart. Try it out!

 We are a recommended expert in building extensions & websites with/for YOOtheme  

Joomla Extensions

JoomlaPro.com is not affiliated with or endorsed by the Joomla Project or Open Source Matters. The Joomla name and logo are used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

© Copyright 2011-2019 - JoomlaPro.com - All Rights Reserved | JoomlaPro.com is part of
 WNmedia.se, Joomlaproffs.se and Webbproffs.se