Aqua

Spa and Beauty Joomla 3.7.x VirtueMart Template


Aqua is a Joomla 3.7.x VirtueMart Template made for Spa and Beauty.

Aqua comes packed with features and options: powerful Helix 3 Framework, 4 Home Page layouts, Component Page Builder, Drag & Drop Layout Builder.

Aqua is fully responsive and it is automatically adapted to the screen size, resolution and device on which the web site is being viewed for on. This means your website will look great whatever the screen size or device your visitors use to visit your site, from desktop computers to tablets or mobile phones.

Hope, you will enjoy it.

Once you unzip your supplied package, this is where you will find the following files:

Documentation = All your technical and support info is in here

Modules = These are your free modules to use on any of your joomla projects

Quickstart Package = This is your main quickstart package

Template Install Only = This is the template only install file

Source Plugins = These are all the source plugin files

Database

Web Sever

Browser

Important! After downloading UNZIP package from our website, you must extract it before installing.

A) New Install

1. Install a Quickstart Pack in localhost

If you install the quickstart in your localhost, copy the extracted folder to: ...\wamp\www (if you are using WAMP) and ...\xampp\htdocs (if you are using XAMPP)

Start installation procedure:

After uploading is complete, open the browser and type your URL in the address bar:

STEP 1 : Pre-installation check

+ Make sure all your server settings are green click on Next

STEP 2 : Configure Database

  1. Database type: select the database type: MySQLi or MySQL.
  2. Hostname: enter your hostname in this field. In this example, we install in localhost so the hostname will be "localhost" but if you install from your hosting, you have to enter your hostname.
  3. Username: enter the username to access your host.
  4. Password: enter the password goes with the entered username to access your host.
  5. Database Name: paste the databse name that we created in.
  6. With existing tables: If the databse we enter here is an existing database, we can select to back-up or remove the old database.
  7. Database table name prefix: enter the table prefix to the database name.

+ After entering all required information , click on Next

STEP 3 : Site setup

  1. Site Name: Enter your site name to the field.
  2. Site e-mail address : The mail address where your site's emails will appear to be originating form.
  3. Site e-mail sender name : The name of the sender used for all emails sent out by your site.
  4. E-mail : Enter the e-mail address of the Super User. Make sure it's not used by another user on the site, otherwise your restored site will be broken!
  5. Password: enter the password for the admin account.
  6. Password (repeat): retype the admin password to confirm.

+ After entering all required information , click on Next

STEP 4 : Finished

Click to button Remove the installation directory

Visit your site's front-end

The installation process is complete, you can log in to the admin page to edit website

2. Install a Quickstart Pack from hosting

If you want to install the quickstart from your hosting, please upload all folders in the folder that you just extracted to the FTP Base folder (normally it is public_html).

After uploading is complete, open the browser and type your URL in the address bar.

Start installation procedure:


B) Install Template

Important Template require: Joomla v3.3 or later.

1. Install the template into website

Go to your Joomla administration and click on extensions then click on extension manager option which will lead you through a dialogue box for browsing the installed Framework from your computer.

Click on Browse button and select the template aqua_template_only_j3.zip. Finally, click on upload & install. Your extension is installed now.

You, however, need to activate it by going to Extensions -> Template manager. Now select the template and click on Default.

2. Install Components SpPageBuilder

This is the link to download Virtuemart SpPageBuilder: http://www.joomshaper.com/downloads/extension/sp-page-builder-free.

SP Page Builder is a full responsive component (J!3.x only) that allows you to easily create Joomla! pages, add them into menu and display with useful and cool effects inside. Whether you’re a beginner, web designer or developer building commercial sites for clients or a business owner managing and maintaining your own website, SP Builder’s flexibility and functionality means one thing: web content design made easy. It can be used for constructing unique-looking Pages. Take full control over your Joomla! 3.3+ site with our backend page builder extension.

You can readmore about Page Builder at here : http://www.joomshaper.com/documentation/joomla-extensions/sp-page-builder

3. Install Components Virtuemart

Here is the tutorial that will direct you to step by step Components Virtuemart installation process.

This is the link to download Virtuemart Components: http://virtuemart.net/download.

Step1 After downloading UNZIP package from our website, you must extract it before installing.

Step2 INSTALLATION

This will extract into two more zip-files:
1.com_virtuemart.3.0.9.zip - which holds the main VirtueMart component.
2.com_virtuemart.3.0.9_ext_aio.zip - which holds all modules and plugins essential for VirtueMart.

1. First, install the component com_virtuemart.3.0.9.zip via the Joomla Extension manager. This will install the Virtuemart 3 core component files.

Go to your Joomla administration and click on extensions then click on extension manager option which will lead you through a dialogue box for browsing the installed Framework from your computer.

Click on Choose File button and select com_virtuemart.3.0.9.zip file. Finally, click on upload & install. Your extension is installed now.

2. Second, install the component com_virtuemart.3.0.9_ext_aio.zip (aio = all-in-one) via the Joomla Extension manager. This will install the free modules and plugins supplied by the Virtuemart Team all at once. (Doesn't include any modules and plugins from 3rd party delvelopers)

To configure Virtuemart for your new website, please refer to the Virtuemart website for Support and Documentation if you use this component.

Please see the following links:

Documentation: http://docs.virtuemart.net/manual.html

Forum Support: https://forum.virtuemart.net

FAQ: http://docs.virtuemart.net/faqs.html


In our AQUA template we used additional extensions such as: K2 (getk2.org) and Virtuemart (virtuemart.net) components and as well as default Joomla modules, here is a full list of them:

The additional extensions included in QuickStart are not required for the template to fully work. But they can be used to get the full functionality of your website, in the most advanced and recommended way and always upon choice. Most of them can be replaced with others taken from JED. All extensions are 100% independent of each other. Using a Helix3 layout structure, the modules can be set one on the other like Lego bricks, making up a detached website within an hour.

1. Module Countdown Setting

+ Base Options:

+ Menu Assignment:

2. Plugin Ajax Load Listing

+ Base Options:

3. Plugin Ajax Load Listing K2

+ Base Options:

1. Header

Sticky Header :Enable to get the header content area to stay visible at the top of the screen as you scroll through that content. Header tend to contain navigation and this may improve UX of website.

Favicon :Upload a 16px x 16px .png or .gif image that will be your favicon.

2. Boxed Layout

4. Body Background Image

6 Preset Options

The following screenshot shows the detail view of AQUA a Joomla template with list of addons used on Home Page in the demo content configuration. Please note, Home page was built using SP Page Builder, but you can use layout structure to build similar appearance. Of course redesign using SP Page Builder is much easier.

a) Here is default "Home" created in SP Page Builder

b) Here is default "Home Full Width" created in SP Page Builder

c) Here is default "Home Shop" created in SP Page Builder

d) Here is default "Home Basic" created in SP Page Builder

e) Here is default "Home Full Height" created in SP Page Builder

First you need to add file custom.less into the directory: ROOT/templates/aqua/less/

Then you must include new css file to our template by follow : Open master.less file and add the following line of code to the end of file: "@import 'custom';"

Now you can override our css by adding code css into file custom.less

Note! Why should you write your css in folder custom.less ?

You can edit css by editing in template management or modify in any other css files. But when you update the latest template from us, your css edited will lose. Our system file will overwrite all.

==> Therefore we advise you to write css in file custom.less for the template update does not affect the great css that you have created.

Scripts

Again, thank you for purchasing this Template!