Aqua

Spa and Beauty Responsive Woocommerce Theme


Aqua is a modern, gorgeous, thoroughly responsive WordPress spa and beauty WooCommerce website theme. Aqua is well-designed, malleable, minimalist and modular, best suite for spas, hair salons, barber shops, wellness centres, yoga classes, any and all health care business websites. Pre-designed skins that can be further customized with powerful theme options convert your Aqua website into your business’ carefully, tastefully branded online foothold within minutes.

Thoroughly responsive across all devices and platforms, Aqua makes sure every client can see your website in its full visual glory. Retina enabled icons and images are crisp and clear regardless of screen size and resolution. On top of this, numerous features allow you to showcase your best services to all potential customers. WooCommerce plugin compatibility allows your customers to get their local currencies converted in real time. Unique homepages with a minimalist, fresh aesthetic will make your website sparkle and outshine the competition. HTML5 and CSS3 animations and visual effects engage your customers and keep them focused on where you want them to focus: your products and content.

Aqua is polished, manages your reservations, works as your online shop, and even features comprehensive video tutorials so you don’t miss a beat of what this potent theme is packing for your spa.

Installing AQUA Theme

Note: Before beginning the installation and configuring of your new theme, you must first have WordPress already installed on a server.

You can watch this video tutorial on how to install Wordpress.

You can install this WordPress theme using two installation methods:

METHOD 1

Using aqua.zip found in ZIP file you downloaded from ThemeForest.com you should perform the following steps:

METHOD 2

Note: If you are using FileZilla, make sure to fix it as described below before you copy the files:

http://stackoverflow.com/questions/554960/how-can-i-stop-filezilla-changing-my-linebreaks

Using aqua directory found inside of aqua.zip file located inside ZIP file you downloaded from ThemeForest.com you should perform the following steps:

This video tutorial will show you how to install new aqua Theme.

Importing Demo Content

One Click Install Demo Data

Note: Please, click Import button and wait about 2 - 3 minutes. If it spins, please, click again then waiting about 2 - 3 minutes. Importing will be done successfully.

This video tutorial will show you how to Active and Import Data aqua Theme One Click.

If you would like to learn the best practice of using aqua theme, you can import content from our demo web site. Importing theme is performed using XML file located in theme ZIP file downloaded from ThemeForest and following these steps:

Importing demo partial data

Install plugin:

Content import:

Widget setting import:

Revolution slider import:

Options import:

Setting page display and assign menu:

Upgrading aqua Theme

Note:If you are using FileZilla, make sure to fix it as described below before you copy the files:

http://stackoverflow.com/questions/554960/how-can-i-stop-filezilla-changing-my-linebreaks

You can upgrade our theme by performing following steps:

Feel free to ask us any questions about using features aqua theme offers.

Increasing the upload_max_filesize in WordPress via php.ini

The default upload file size for WordPress is 2 MB, which is a problem if you want to upload a large media files. If you get this error, "The uploaded file exceeds the upload_max_filesize directive in php.ini", follow these steps:

Increasing the upload_max_filesize in WordPress via .htaccess

If you get this error, "The uploaded file exceeds the upload_max_filesize directive in php.ini", follow these steps:

How to set upload upload_max_filesize in .htaccess:
http://stackoverflow.com/questions/2992376/how-to-set-upload-max-filesize-in-htaccess

The options panel is home to all of the theme's extensive configuration options. To view the panel, navigate to 'Theme Options' in the left-hand menu. Here you have the ability to alter many core aspects that make up how your theme looks and behaves. Any of the options that have some ambiguities to them conveniently have descriptions to explain their purpose.

Editing & Creating Content

Changing Your Favicon:

Note: You can create a favicon using Photoshop. Create a 16x16 pixels image and save it as favicon.png or favicon.gif.

This video tutorial will show you how to change the logo on your new aqua installation.

Styling Options:

Menu Color

Header Color

Title Bar Color

Footer Color

Typography:

The Typography option allows you to change the font aspects of your site, such as font size, family, and weight.

Typography

Title Bar:

Title Bar

Post Settings:

Title Bar
Archive Post

Single Post

Page Settings:

Shop Setting:

Title Bar
Archive Products

Single Product

Icons:

Custom CSS:

Import/ Export:

Aqua Theme comes with following custom widgets:

Sidebar - here you can add anything to the left side of page.

Left Sidebar , Right Sidebar, Header Top Widget 1, Header Top Widget 2, Header 2 Top Widget 1,Header 2 Top Widget 2 - here you can add content to footer columns (1-4)

Flexibility customized font

By default, the template loads this font from Standard Font, you can change the font with the one that suits you best.

 

Pages/Posts are built using shortcodes accessed by clicking aqua menu in the top right of the Add new Element . All shortcodes are in menu listed alphabetically.Head Section.

Adding Shortcode

Configuration

To configue a Shortcode

Create a responsive (mobile friendly) or full width slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page!

Customize this slider with our convenient drag & drop back-end to your very needs. This plugin features tons of unique transition effects, an image pre-loader, video embedding, auto-play that stops on user interaction and lots of easy to set options to create your own effects.

For premium support with this plugin please visit: Revolution Slider on Code Canyon.

Booking

Create a new slider:

Booking

Booking

* Before saving, you can select several of the slider's settings from this page. But choosing these settings are not required to officially create a new slider, as they can be adjusted afterward.

Booking

Slider Setting Options

Booking

1.General Settings

1.1 Slider Show

Booking

1.2 Defaults

Booking

1.3 Progress Bar

Booking

1.4 First Slide

Booking

1.5 Misc

Booking

2. Layout & Visual

2.1 Appearance

Booking

2.2 Spinner

Booking

2.3 Mobile

Booking

2.4 Position

Booking

3. Navigation

3.1 Arrows

Enable Arrows / Arrow Style: Choose to enable/disable navigation arrows, and if enabled, choose between 15 different pre-built styles.

Booking

3.2 Bullets

Enable Bullets / Bullet Style: Choose to enable/disable navigation arrows, and if enabled, choose between 15 different pre-built styles.

Booking

3.4 Tabs / Thumbs

Booking

Booking

3.5 Touch

Touch Enabled: Choose to enable/disable touch navigation for mobile. If enabled, swiping the slider left or right with your finger will change slides back and forth.

Booking

3.6 Misc

Booking

4. Parallax

Parallax can be used to apply movement to slide content based on mouse or scrolling.

Booking

5. Problem Handlings

5.1 Fallbacks

For compatibility with older mobile devices and legacy IE, you can choose to simplify the slider’s functionality or replace it with an alternative image.

Booking

5..2 Troubleshooting

Use the troubleshooting options to solve common conflicts with other plugins and themes.

Booking

6. Google Fonts

Chances are your theme is already loading Google Fonts that you can use for your slider’s text, but you can also load whatever new Google Fonts you want for your sliders.
To get started, click the Add New Font button.

Booking

  • Click Save settings.
  • Booking

    Create a new slide:

    Booking

    Booking

    Booking

    Booking

    Booking

    Booking

    ADD SLIDER TO MY PAGE

    I’ve created a slider, but how do I add it to my page?

    1. The Shortcode Method
    2. From the WordPress menu, select Pages and then Edit for the page you want to add the slider to. Then follow the steps are shown in the screenshot below:

      Booking

      • For example, if you want to edit Beauty Page, select your Slider from the Dropdown Box.
      • After selecting your Slider, the Shortcode will automatically appear inside the editor.

      Booking

      Booking

      Booking

      Booking

      Booking

    3. With Visual Composer
      • If you happen to have Visual Composer installed, Revolution Slider can be added from one of Visual Composer’s content options.
      • Follow the steps are shown in the screenshots below:

      Booking

      • Then click Add element button.

      Booking

      • Then choose Revolution Slider item.

      Booking

      Booking

      • Add text used as Widget Title (1)
      • Select your Revolution Slider (2)
      • Booking

      • Add a class name you wish to style particular content element differently and remember refer to it in your CSS file (3)
      • Click Save Changes to finish your editing (4)
    4. The Widget Method
    5. Your theme will have to support widgets in order for this to work. Often widgets are reserved for “Sidebar” content, but your theme may also use widgets for predefined areas of a page, such as “Homepage Slider”. To use the widget method, from the WordPress main menu, hover your mouse over the “Appearance” menu item and then select “Widgets”. In your list of “Available Widgets”, you’ll see one of the options is “Revolution Slider” as shown in the screenshots below:

      Booking

      • Click and drag the Revolution Slider into one of your predefined available widget content areas:

      Booking

      • You also can rearrange the order of these items.

      Booking

      • Then open the Revolution Slider tab and choose your options:

      Booking

      • Enter Title (1)
      • Choose Slider you wish to use (2)
      • Booking

      • Check this box for Homepage usage only (3)
      • Or enter a list of page ID's that should include the slider (4)
      • Click Save (5).

    Visual Composer is the most popular drag and drop editor for wordpress.

    If you need dedicated support for this component, please visit: Visual Composer on Code Canyon

    WooCommerce is the most popular WordPress eCommerce plugin. And it's available for free. Packed full of features, perfectly integrated into your self-hosted WordPress website.

    WooCommerce Transform your WordPress website into a thorough-bred eCommerce store. Delivering enterprise-level quality and features whilst backed by a name you can trust. Say "hello" to the WooCommerce eCommerce plugin.

    Shop Page:

    Single Page:

    Choose an option:

    Shop Cart Page:

    My Shop Cart:

    If you need dedicated support for this component, please visit: Documentation

    WooCommerce 101 Video Series

    WooCommerce Currency Switcher – is a plugin that allows you to switch to different currencies and get their rates converted in the real time – must have plugin for your WooCommerce powered online store! Currency Switcher is available as a with shortcode so and with widget.

    The Plugin Features:

    Press finace.yahoo button if you want to get currency from the selected aggregator above.

    Note: To update all currencies rates by one click - press radio button of the default currency and then press "Save changes" button!

    New curency after clicking finace.yahoo button.

    Note: To update all currencies rates by one click - press radio button of the default currency and then press "Save changes" button!

    Options: We can choose Currency aggregator from many source.

    Front End:

    In English - USD

    In France - EURO

    MY SHOPPING CART

    Accept restaurant reservations and table bookings online. Quickly confirm or reject bookings, send out custom email notifications, restrict booking times and more.

    Booking

    If you need know more about this component, please visit: Theme of the crop.

    Blog HomePage

    Blog Article Basic

    Blog Article Sidebar

    This video show how to create Blog page from grid element template using Visual Composer Grid Builder.

    Booking

    Booking

    Booking

    Booking

    Booking

    Booking

    Booking

    You can choose image from Upload Files or Media Library then click Insert.

    Booking

    Booking

    Booking

    For few past years, we have received all levels of questions (some beginner, some advanced). Overtime some questions have been asked over and over again. In this article, we will share most frequently asked questions by clients with answers.

    1. Sample data Demo Content Fails: Seems Like An Error Has Occurred

    If you attempted to import the CMS WordPress sample demo data, but it never completes the installation process or it fails with errors, there could be several reasons. Please read the following information. If you have duplicate menu item issue, please follow How To Remove Duplicate Demo Content After Import.

    Likely Causes For Demo Import Failing
    Recommended PHP Configuration Limits

    If the import stalls and fails to respond after a few minutes, or it fails with a simple error message like “Import failed,” You are suffering from PHP configuration limits that are set too low to complete the process. You should contact your web host and ask them to increase those limits to a minimum as follows:

    How To Verify Your Current PHP Limits

    You can verify your PHP configuration limits by installing a simple plugin found here. In addition, you can always contact your host and ask them what the current settings are and have them adjust them if needed. Please note though that many hosts will try to keep the PHP limits low without reason. However you are paying for it, and therefor should be getting your moneys worth.

    User Reported Fixes (may or may not work, worth a shot):

    If you get the ‘Warning: Illegal string’ error, try switching to a default WordPress theme (twenty twelve, thirteen, fourteen etc) and then back to CMS Theme. You can see how install sample data with cms WordPress theme .

    Please ensure that your hosting account is set as the owner of the WordPress directory, You can import XMLdata with simple import of WordPress .

    2. How to update Theme without Losing Customization

    It's highly recommended to update the theme (you'll have more features and it's FREE ;))

    This Video Tutorial will show you how to update Theme without Losing Customization:

    If you don’t like the video or need more instructions, then continue reading.

    3. Can I register my domain name at one company and host the site with another?

    Yes, all you need to do is point the domain name to the hosting account.

    4. What is the maximum number or plugins I can install on my WordPress website?

    There is no limit to the number of plugins you can install. However, too many plugins or even a few poorly coded plugins can slow your site down immensely, so it is important to install plugins correctly.

    5. I am locked out of wp-admin, and my website shows a blank white screen

    This most likely happens when you paste a code from a website with wrong formats. Sometimes the formatting error is done on the website where the code is available however most of the time, this error happens because you pasted the code on the wrong location. Unfortunately, you will not be able to make the edits using your wp-admin section. You will have to use FTP to login to your web host and modify your theme’s file.

    Consider following our Beginner’s Guide to Pasting Code from the Web into WordPress.

    6. My Facebook Like Button does not show the right title or image

    This is NOT a WordPress issue. It is because Facebook’s script cannot properly detect the information from your website. However, there are WordPress plugins that allows for a seamless integration with Facebook which will get rid of this plugin. Consider installing and activating Simple Facebook Connect plugin. You do not have to configure it or anything. Alternatively, you should be using WordPress SEO plugin, and it has a built-in Social feature that will solve this issue.

    7. My site loads slow, How can I speed it up?

    There are several things you can do to speed up your website. First thing you need to do is consider adding a caching plugin to WordPress. We use and recommend W3 Total Cache. Another thing you can do is use a Content Delivery Network provider. We use and recommend MaxCDN (See our infographic about What is a CDN and Why you need it). You should also consider using a better web hosting provider. Shared hosts are usually slower. If you are receiving a lot of traffic, then you should consider moving to a VPS or a Dedicated server. Last but not least, check out our presentation about Maximizing Performance and Speeding up WordPress.

    8. How can I install Google Analytics in WordPress?

    We have written an extensive article on How to Install and Setup Google Analytics in WordPress. It is important to mention that you will NOT be able to install Google Analytics in your WordPress.com blog. They provide a built-in feature called WordPress.com Stats.

    9. What’s the Difference Between a Page and a Post?

    Understanding the difference between a post and a page in WordPress will make a big difference. With both of these options within WordPress, you will be able to not only create a static website, but also a blog. This provides more SEO power and many benefits for your new WordPress website.

    If you want to understand the full difference between pages and posts, read our post called Pages vs. Posts.

    10. How can I make My WordPress Website Load Faster?

    Whether for SEO reasons or just to provide a better user experience, speeding up your WordPress site is very important. One of the easiest ways to speed up your site is to use the W3 Total Cache plugin or another Cache plugin.

    11. How do I Embed Videos Within My WordPress Posts?

    Embedding videos can add quite a bit of value to your blog and your content. Whether you want to use your own videos or just any video from YouTube or another video hosting site, you need to know how to embed videos within your posts.

    The process is very simple and you can just post the URL for the video within the post. Make sure to put it where you would like it to show up. For more information about embedding videos in WordPress, check out our post about The Easiest Way to Embed Videos in WordPress.

    12. Is it Possible to Install WordPress on my PC?

    Installing a copy of WordPress on your PC is possible. You can do this fairly easily, but you will need the right tools. Another thing to keep in mind, when you install WordPress on your PC, nobody will be able to see your website until you publish it with your own hosting account.

    You can find out how to install WordPress on your PC without post called, A Quick Guide to Installing WordPress with WAMP on your Windows Computer.

    13. Website Shows Blank White Page/Screen

    Mostly this happens when you paste a wrong code in your website from some source. Often it happens when the formatting code is not properly done and you paste it into your website. And it can also take place when you paste the code in wrong location. Most of the times, it happens because of the installation of the incompatible plugin in your wp-admin section. This all makes the screen blank and you are not able to even open the wp-admin section. Your website will also not open – only blank white page appears. To solve this trouble, you have to login into your hosting control panel and delete the wrong code or plugin.

    14. How to boost speed?

    Boosting speed is quite a common question most bloggers and site builders have in mind. There are plenty of ways using which you can boost the speed of your website. But for that you will have to catch some plugin to WordPress. You can use W3 Total Cache. Something else you can do is getting hold of a better web provider. The shared holders tend to be slightly slower than the rest. If you have been getting a whole lot of traffic, then you must know that getting a VPS or even like a dedicated server would be good. You can consider one.

    15. 500 Internal Server Error

    If you just installed WordPress, a WordPress plugin, or a theme for your site and out of nowhere your site returns a 500 Internal Server Error, please read the information below.

    If you have been surfing the web for any length of time you have probably encountered a 500 internal server error. These errors are not confined to WordPress. They are generic errors that report very little on what the actual cause is. First, don’t panic. Lot’s of people have been confronted with these errors, and they can be fixed. In fact, I fix them all the time.

    There are five major reasons why these errors occur in WordPress:

    1. Incorrect web server configuration – If your web server (whether it be Apache or IIS) is configured with incorrect directives, they can cause 500 errors to occur. The problem is that web hosting support will often blame the error on software you have installed without even checking to see what is contained in their error logs. Just know that after you have checked the following remaining causes, and they fail to resolve the issue, you will need to (sometimes forcefully) get your web host to help diagnose and fix the problem.

    2. Incorrect file permissions – With very few exceptions, file permission for WordPress, plugins, and themes need to be set at 755 for folders, and 644 for files. You may think that setting permissions more loosely, like 777, will relieve the problem, but you would be wrong. Setting permissions either too strict or too loose often cause this and other errors.

    3. Corrupt files or files that contain errors in code – – Usually improper/errors in file transfers to the web server cause corruption to occur. It may look like the file is sitting there just fine, but something in the process caused the file to be unusable by the server. For example, if you uploaded a text file in binary language instead of ascii it will render the file unreadable by the web server. Coding errors can also create this error, whether that be in WordPress, a plugin, or a theme.

    By far the most common 500 error produced by a file is related to the WordPress .htaccess file. The .htaccess file is primarily designed to be used with custom permalink structures. But it is also used by some third party plugins, and for overriding certain server configuration directives if allowed. If it contains errors, it can return the dreaded 500 internal server error. The .htaccess file is located in the root folder of your WordPress installation (not the theme).

    You should now be able to nagivate to www.yoursite.com or http://www.yoursite.com/wordpress (depending on whether WordPress is running your entire site or just a blog etc.) and all should be well once more.

    4. PHP memory limits set too low, There two ways to solve this problem.

    5. Conflicting Third Party Plugins Should Be Deactivated

    Recommended PHP configuration limits are as follows:

    You can verify your PHP configuration limits by installing a simple plugin found here. If you still cannot resolve the 500 error, talk with your web hosting support.

    HOSTING

    To run WordPress with the theme your web host needs to meet the following technical requirements: PHP version 5.4.x or greater MySQL version 5.0 or greater (recommended: MySQL 5.5 or greater) The mod_rewrite Apache module There are many hosts that meet the requirements. Just email your potential host and ask if their hosting is compatible with WordPress. Don’t rush for the cheapest offer. We recommend you to read reviews first in order to choose the right web host.

    Scripts

    Support center: https://jwsthemes.ticksy.com
    If you have any questions, submit a ticket and validate your purchase code to we can follow your question better.
    Please, give us a chance to support you. Have a good time.
    Again, thank you for purchasing this theme!