VMuikit Documentation

Recommended VirtueMart Configuration Settings:

Please set you VirtueMart Configuration to these settings to start with. If you "know what you are doing" then you can of course change these. But its a good practise to set these settings to begin with. This is setting up a very minimal setup - which is what most actually prefer. It removes a lot functions but give a very clear and good interface. If you want to add more functions just go through them one by one.

Download Recommended_VirtueMart_Settings.pdf

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!

Latest News from JoomlaPro.com

VMuikit 5 is finally out!

Our next version of our popular VMuikit package is out. This time we have some quite nice new features.

Electroneum Joomla/VirtueMart plugins

JoomlaPro.com are not only web & Joomla enthusiast, we cannot stay away from checking other tech trends as well. The last few years its been hard to miss the crypto/blockchain ...

New plugin: Secure Joomla Login

We have released a new plugin that adds a extra PIN code and a reCaptcha v2 check on Joomlas login. Security is very important on all fronts of a website. One often missed one is ...

We accept PayPal, 2Checkout & Electroneum payments:

We accept PayPal payments    We accept 2checkout payments  electroneum payment

For news and updates please like :