MegaDeal II

MEGADEAL II template (and QuickStart package) for Joomla 3.4+, optimal design and settings that will fit your e-commerce goals and overall business vision. It allows you quickly set up your own online shop. Although template was originally created for electronic products, but it can be used for any other purpose as well. Modern, full of features and flexible design can be used to create any other website.


General Information

First, thank you and we are happy that you are one of our customers and we assure you won't be disappointed as well. Spending several minutes reading the manual may save lot's of your time and avoid questions with obvious answers.

To use this template you must be running on Joomla 3.4+ or higher, PHP 5.4 or higher. Please contact your web hosting service provider to be sure your server complies with the requirements.

Following guide contains the basic configuration settings for the Joomla 3 template. Using these information you will be able to configure your template when you cannot use the Quickstart package. This template has been based on Helix3 Framework  (more).


Template Demo Appearance

You may ask: "How to make my site look like the Demo" and the answer is quite simple. There are two ways to make your own site to look exactly like our Demo product:

  1. The Quickstart installation is the best solution if you are building a brand new website and you want to achieve the same look as the one in the template demo. Download from our site package ( which includes: Joomla 3+, template, modules, components, plugins and sample data. The Quickstart package is a complete website. Install the quickstart package like any other Joomla installation and  then change our demo texts and images.
  2. The Manual installation is preferred if you just want to install the template to an existing website which already has some content. However, keep in mind that when you install the template to an existing website, you will also have to reconfigure your modules because the new template has different module positions. If you have a site with your own content, that already exists, you have to install the template and all related extensions.

The images shown in the live preview are for demonstration purposes only and are not included in the download package. Due to license QuickStart package contain mostly only image placeholders (Pictures with JoomShaper logo inside). Unfortunately but we cannot include in Quickstart package all photos from original Template Demo. We assume that our customers have (or should have) their own photos, which better fit to real website purposes. First online impression is the most important, so please use high quality and legal photos.

home demo2 

Note! Template package (~2,5 MB) doesn't include any modules/components nor demo content. If you manually installed the template on your existing setup, you will have to manually create each article and install & set all modules to suit your needs using our example settings. So if you are not advanced user please install the template Quickstart (~80 MB) on your testing ground/environment, just to get more insights on sample content and advanced usage. You don't have to use demo content to build your own website, demo-dummy content is only for showing a features of current template and included components.

How to install Quickstart

  1. Unfortunately, it is not possible to install the Quickstart package inside an existing Joomla installation via the Extension Manager, because the Quickstart also includes the Joomla! CMS itself. This package is strictly for use with a new Joomla! installation to provide you with a duplicate of our demo for that particular template.
  2. You can install Quickstart just like a typical Joomla 3.x installation process (step by step).
  3. Unzip Quickstart package to get separate folders and files before sending to server.
  4. Please do not use "admin" as a your default Super Admin Username (!). Use something more unique during installation process (security reasons!).
  5. In most cases we suggest to use a new/fresh database (MySQL 5+) for all QS installations.

Template Default Settings

Helix3 template allows you to Export-Import its settings from "Advanced" tab. It means that you have to download >>text file<<, then open in any text editor and paste inside Import field. It includes all basic settings of Template only !. If you're using Quickstart you doesn't have to do this, default settings are already there.

import export


In template demo we used Google Font named: Poppins for whole main typography including headers and menu. Check template Typography tab inside MegaDeal II template settings, of course you can set your own font-family. More information about it you can find >> here <<. This font have wide range of font subset / character sets. Remember only some of the fonts in the Google Font Directory support multiple scripts (like Latin, Cyrillic, and Greek for example).


Blog settings

Here are default blog settings from demo template.


Virtuemart template settings

This is new and unique built only for this template settings tab. They are releated with product listing and product detail view.

vm3 settings

MegaDeal II Module Positions

The following screen-shot highlights the default layout module positions that we used in current template. By using Layout builder in Helix3 users will be able to move positions or change their size. Our in-build layout builder from template settings provide the opportunity to add new positions, columns, rows wherever you need as much as moving elements.

layout mega deal

Background color for Top Bar row: #f2f2f4
Background color for Bottom row: #444444
Background color for Footer row: #404040

Homepage Layout

The following screenshot shows the detail of MegaDeal II template settings of "Home" page with list of the addons used in the demo content configuration. Please note, Home page was built using SP Page Builder (PRO) component. Here is default "Home" layout from demo site created in SP Page Builder Pro tool provided by JoomShaper team.

home pb

Used Extensions

In our DEMO version of template we used core and additional extensions, here is a full list of them:

  • SP Page Builder (Pro) - Pro version is built-in in QuickStart only (
  • Virtuemart3 (component with modules) from
  • AcyMailing Starter (component with module) from
  • SP Virtuemart Product Slider II (JoomShaper module)
  • SP Virtuemart Countdown Slider (JoomShaper module)
  • SP Virtuemart Ajax Search (JoomShaper module)
  • SP VirtueMart Category Menu (JoomShaper module)
  • Articles - Latest (Joomla core module)
  • Banners (Joomla core module)
  • Breadcrumbs (Joomla core module)
  • Custom HTML (Joomla core module)
  • Search (Joomla core module)
  • Menu (Joomla core module)

Module Manager View -  list of all used modules in DEMO


SP Virtuemart Ajax Search

SP Virtuemart Ajax search

JoomShaper module used to search products inside Vituemart 3. This responsive live search engine, which will boost your user experience by providing a user friendly ajax powered search form - an ajax live search. You can filter the results with the product categories.

In demo we used additional class for it, Module Class Suffix: pull-right spvm-ajax-search

SP Virtuemart Countdown Slider

Virtuemart3 Countdown Slider

This is JoomShaper module which allows you to present Features, Random, Latest or Sales products from Virtuemart3 using a Slider. It also have countdown option to increase sale, to show people that price/product promotion is limited with time. Using options you can disable or enable several displayed information's. Final price depends on VM product settings. Discount percent and how many user will save is counted automatically.


And Countdown time is taken from each VM product, check its Availability Date in Product status tab.



 SP VirtueMart Category Menu 

menu vm module

It's also JoomShaper module, it was built to present Menu items from VM3 categories in modern and nice looking way, espiecially for those categories which have subcategories.

Default Module Class Suffix (from demo): sp-vmmenu-right   - used on right position. Module which was used on Home and Shop page didn't have any extra class.

Module have very basic settings, only two options:

  • Title wraper - which allows you to choose HTML tag used for tile : h4, h3, div, p etc.
  • Title Linkable - Yes/No

 menu categories

Example of VM Product Categories used in our demo and module as well.

products categories


All Deals - 3 Column Menu Item

This is default view of menu item named "All Deals" from demo site - as you can see, it has 3 column layout and bottom row with advertising banner.

View from Menu Manager

Details settings of menu item "All Deals"

We used ready menu layout from list. Of course you can choose different one.

Modules used in Menu item "All Deals"



MegaDeal II QuickStart was based on VirtueMart3. As always it uses the .ini files to keep the translation, inside those files you will find all phrases (texts) for both front-end and back-end. Translations tips: