With Storefront template we’ve prepared several VirtueMart improvements which allows you to promote products and make checkout process as simple as possible. With all this features which comes built-in template or available using simple plugin you can create functional and accessible online store.

VirtueMart One Page Checkout

Specially for the Storefront template we’ve prepared additional GK One Page Checkout plugin which allows you to simplify checkout process and increase your conversion. Instead of going trough several different views like filling Billing Information, Shipping details or choosing payment now you can set all this details on one checkout view. Confirmation process is simplified and after choosing payment and shipping method and set your details you need just one click to finalise checkout.

Present your product images in attractive way

With additional code included in template your VirtueMart product view can include beautiful close-ups for images. All that you need to do is to hover mouse over the main image to see large preview area. This feature is working on tablet devices as well as on desktop view using touch events. Size of preview area may be specify via template settings.

Show your featured products on frontpage

New News Show Pro GK5 feature in VirtueMart settings allows you to add additional badge to promote your feature products. With this feature you can show products with special price, limited or just the most popular.

AJAX cart

Thanks to our Ajax cart the shopping process has never been easier. Your customers carts are constantly and instantly updated whenever changes are made or a product is added without the need for the website to refresh.

In the StoreFront template we have implemented the brand-new animation engine based on the scrollReveal.js script. This script makes creating elements onscroll animations very simple to define.

Thanks to this script you can describe an animation using natural language.

Description of the animation is placed in the data-scrollreveal attribute:

<!-- These 2 lines are equivalent -->
<p data-scrollreveal="enter top move 25px"> foo </p>
<p data-scrollreveal="enter from the top and then move 25px"> foo </p>

The full description of the syntax is available on the project documentation page

More details you can find in our article about this library