1. General info & Installation

1.1 Few words on start

Spa Lab Theme is a clean and fresh business theme perfect for spa, salon and health and wellness centre. It is fully responsive and runs smoothly on different kinds of devices such as computers, smartphones, tablets and iPhone. Its design includes retina display graphics that makes your business website standout. Its modern layout design is built using clean and valid HTML5 and CSS3 coding to help you keep pace with the latest trends in web design.

Spa Lab has a sleek design equipped with powerful features to help you promote your services and wellness packages online. It has an advanced page builder that enables you to generate unlimited page layout in an instant. It also includes custom pages that enable you to showcase your facilities, services, staff and products, which gives you an amazing opportunity to build a good relationship with your customers and show off what makes you stand out. With its capability to present your services in a sophisticated way, your visitors will be lured to see your offers and facilities. This website template also allows visitors to send Gift Cards to their friends with a pre-paid experience at your salon or spa, with the checkout and delivery process all taking place online.

Some of other notable features include: 600+ Google Fonts options, multilingual support and translation readiness, mega menu with image, advanced gallery options, social sharing option and tons of shortcodes. If you plan to sell your works or products online, Spa Lab also offers WooCommerce support. Lastly, this theme is not only visually refreshing and beautiful but it is also fully functional and SEO friendly.

Thank you for purchasing our theme. We understand that no business is complete without a prompt after sales support.If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form. We will be more than happy to be of any service as and when you require.

Help Videos

1.2 Package from themeforest

1. At first, after purchasing this theme, please download the package from Themeforest. All you need to do that, is move your mouse over your login name in the right top corner (of course after you`re logged in Themeforest) and then click Download. Here you will find all the items that you have purchased.

2. In the next step click the Download > Main File(s) button next to DesignThemes theme and save the package on your computer.

3. In that package, you can find things like documentation, license, zipped file and a folder with theme files called spalab and spalab-child. Please unpack the whole package after downloading it from Themeforest.


1.3 Installation & Update

At first please make sure that you have unpacked the whole package shown in the last point. This is very important! You can complete installation in two different ways:

  1. WordPress Theme Manager - Please go to "Wp-admin (Dashboard) > Appearance > Themes > Add new > Upload", select zipped theme folder called spalab.zip and press "Install Now" button. The WordPress will do the rest for you.
  2. FTP upload - upload un-zipped theme folder called Spa Lab into the "/wp-content/themes" folder in your WordPress installation folder on your server.

If you haven`t changed any theme files, all you need to do is update your version of theme by downloading the latest package from themeforest, unpacking files and uploading new files on the server by replacing (overwriting) the old files simply.

All your data in the database are safe. Because after updating the theme, files don`t change anything in the database. However, please make a backup of your files and database always.

 

IMPORTANT!!! Spa Lab Themes includes 3 plugins that must have to be installed and activated: 'DesignThemes Core Features Plugin', 'Revolution Slider', 'LayerSlider'. Only the 'DesignThemes Core Features Plugin' is required for the theme to work, as it contains all of our theme features like Shortcodes, Shortcode generator and all other theme options.


1.3.1. Theme Installation via WordPress

Kindly follow the steps given below for installing this theme from WordPress.

  1. First get into "Wp-admin (Dashboard) > Appearance > Themes" and click "Add New" button thereby
  2. So, you will be loaded to "Add Themes" page, where you need to hit "Upload Theme" button then.
  3. Find and select "spalab.zip" (inside 'spalab-1.0.zip') file from your computer and click on "Install Now" to proceed installation.
  4. Once if your theme is uploaded and installed, you will then activate it from "Appearance > Themes"
  5. Then you will get a notification message to activate the required and recommended plugins: 'DesignThemes Core Features Plugin', 'Responsive Styled Google Maps', 'Contact Form 7', 'LayerSlider WP' and 'Revolution Slider'.
  6. Once after the required plugins are activated, navigate to Settings > Permalinks, and select 'Post Name' in 'Common Settings' tab and save it finally.

 

Note : Sometimes, you may get "Are You Sure You Want To Do This" message while installing theme, which means you have an upload file size limit. Contact your hosting service provider and ask them to increase the upload_max_filesize limit or install the theme using FTP instead.


1.3.2 Theme Installation via FTP

You can also install this theme through FTP server by using the following steps,

  1. Log into your Hosting server space using any FTP software (applications like FileZilla) at first.
  2. Extract the "spalab.zip" (inside "spalab-1.0.zip") file as you've downloaded.
  3. Upload that extracted folder into your "wp-content / themes" directory.
  4. Once if the theme is uploaded and installed, you need to activate it from "Appearance > Themes".
  5. Then you will get a notification message to activate the required & recommended plugins: 'DesignThemes Core Features Plugin', 'Responsive Styled Google Maps', 'Contact Form 7', 'LayerSlider WP' and 'Revolution Slider'.
  6. Once after the required plugins are activated, navigate to Settings > Permalinks, and select 'Post Name' in 'Common Settings' tab and save it finally.

Please take a look at the structure of the spalab-1.0.zip archive you've got after purchasing.

 


1.4 Folder Structure

  • style.css - main style.css
  • responsive.css - makes the template as responsive
  • The skins folder - contains the css for predefined skins that comes with the template.
  • The css folder - contains the css for all major browsers & for the font awesome. - ( Please ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours. )
  • The images folder - contains all the images that are used in the stylesheets for the layout purpose
  • The js folder - contains javascript files & plugins ( Which includes)

     

    1. Easing (easing.js)
    2. Modernizr (modernizr-2.6.2.min.js)
    3. Mean Menu (jquery.meanmenu.js)
    4. Isotope plugin (isotope.js)
    5. Nice Scroll (jquery.nicescroll.min.js)
    6. CarouFredSel plugin (jquery.carouFredSel-6.2.0-packed.js)
    7. Tabs (jquery.tabs.min.js)
    8. bx Slider plugin (jquery.bxslider.min.js)
    9. video ratio(jquery.fitvids.js)
    10. Smart Resize (jquery.smartresize.js)
    11. And custom js like (custom.js)

 


2. Demo content

When you first install any WordPress theme, it will not contain all the extra content that you might have seen in the live (demo) site. There are two ways you can import the SpaLab Demo Content; the entire demo with all the settings through our Theme Options Importer, or importing only individual pages. Usually you have to import an XML file, which can be troublesome. We've made it easier by creating a Theme Options Demo Content Importer.

2.1 How To Import Demo Content?

Please do the following steps to install and setup the demo content easily.
  • First of all, make sure that you have installed and activated the "DesignThemes Core Features Plugin" on your WordPress.
  • Then get into "Wp-admin (Dashboard) -> SpaLab" and click on "Import Dummy Data" button. Be sure to accept the alert message.
  • Please be patient, as it may take few minutes to import everything. Once it is completed, you will receive a success message finally.

Note: "Error : Failed to import Media …. : If you get 'Failed to import Media "XXXX"' error like this, Nevermind, those errors !! However you'll have the dummy or placeholder images for each of those items instead.


3.1 Menu Settings

The theme offers 3 different types of menu locations: the Header Menu location beside your logo, a Top Menu location at the top of your page, and a footer menu location at the bottom of your page. Once you have created a menu you then have to select where to display it. Please keep in mind that the small menu locations (Top menu & Footer menu) doesnt support dropdown menus or mega menus.

  • Header Menu - this is main menu that appears in the header area
  • Top Menu - this is secondary menu that appears in the header top area (Buddha-bar).
  • Footer Menu - this is additional menu that appears in the footer area

3.2 Setting up the MegaMenu

Our theme supports mega menu. You can enable it by checking the Use as Mega Menu checkbox as shown below.

You have an option to choose the number of columns for the mega menu. Also You can disable the link or text for the column title. Video - How to use mega menu in spalab theme ?


3.3 How to Setup a New Menu

Step 1 – Navigate to Appearance > Menus section of your admin sidebar.

Step 2 – Click the Create A New Menu link to make a new menu. Enter the name then click the Create Menu button.

Step 3 – To add a menu item, select one of your created pages on the left hand side and click the Add to Menu button. You can also add all kinds of different posts from the left side.

Step 4 – To add a custom menu item, enter a custom name and link into the Links box.

Step 5 – Manage your menus by using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item, and it will lock into place and create a dropdown section.

Step 6 – After setting up your menu, scroll down to the bottom of the page to assign the menu to one of the 4 locations in the Theme Locations box.

Step 7 – Once its all done, make sure you click the Save button.


4.1 Header layout

To setup header layout, please navigate to "Dashboard > Spalab > Appearance > Header" section and choose one of available layouts.


4.2 Logo & Favicon

To setup logos, please navigate to "Dashboard > SpaLab > General" for Logo section, where you will be able to upload Custom and Retina Logos. You can also setup some different logo options (favicons) hereby.

Please remember that Retina Logo should be always 2x larger than the Custom Logo currently in use (this field is optional).



5. Pages creation

Creating your own page has been never so easy. To make the first step please go to Pages > Add new. On first sight everything looks just like in default WordPress. But when you have a look under Visual/HTML area you will see some additional Page options.

5.1 Getting started

How To Create A New Page

Step 1 – Navigate to Pages in your admin sidebar and click Add New option.

Step 2 – Input a new name for your page, then find the Page Attributes box on right side.

Step 3 – Set your Parent page. It's usually set to No Parent.

Step 4 – Set your page template from the Template dropdown list. See list of page templates below.

Step 5 – Content for your page goes in the editing field, use the Visual or Text editor. Page content is mainly built using Shortcodes. See the Shortcodes section for how to use them. You can also use our demo content, see the corresponding section of this document for the demo code of each page.

 


5.2 Page Templates

Template has several specially designed Page Templates, which can be used on Pages, adding them special features.

  • Default Template - Default look where you header and footer sections are included by default.
  • Blog Template - This template can automatically create list that contain Blog Posts, Archives results.
  • Catalog Template - This template creates a list of catalog items as you've added. You can see those entries in section "Dashboard > Catalog ".
  • Feature Template - This template creates a list of features or any items that you wants to be displayed vertically with image examples
  • Fullwidth Template - This template create blank page. Basically on this page you can create anything you want from scratches
  • Header Templates - This template let you setup a header option for individual pages.
  • Home Template -This template is used to hide breadcrumb section
  • Portfolio Template - This template let you to add Portfolio for your website. You can see those entries in section "Dashboard > Portfolios ".

5.3 How to set your Home Page

Step 1 – Navigate to Settings > Reading tab.

Step 2 – Select A Static Page option.

Step 3 – Choose the page you want as your home page from the Front Page dropdown list.

Step 4 – This is also the same spot you select the blog page as the Posts page.


5.4 How to use the Shortcode Generator

Step 1 – Open a page or post and click on the Visual editing tab.

Step 2 – In the editing toolbar, click the shortcode icon to initiate the generator.

Step 3 – In the popup window, select the shortcode yo'd like to use from the dropdown list.

Step 4 – Customize your settings on the shortcode options that load, then click the Insert Shortcode button and it will be inserted on the page.


5.5 Default Template Options

  • You can switch between following available page layouts 'Without Sidebar', 'Left Sidebar' and 'Right Sidebar'.
  • You can choose the custom widget area created using 'Widget Area' tab in BuddhaPanel [(Wp-admin(Dashboard) >> Spa Lab >> Widget Area] and enable / disable the default widget area.
  • Enable / Disable comments at any time.

5.6 Blog Template Options

  • Choosing 'Blog Template' in 'Page Atrributes' metabox will enable the 'Blog Options'.
  • You can choose the posts layout, excerpt length and number of posts to be displayed per page.
  • You can enable or disble author, category, tag, date, comment info at any time. You can also exclude certain categories using the 'Exclude Categories' option.
  • Click Here to watch the video on settting up blog template page

5.7 Portfolio Template Options

  • Choosing 'Portfolio Template' in 'Page Atrributes' metabox will enable the 'Portfolio Options'.
  • You can choose the posts layout, enable / disable filters and manage number of posts to be displayed per page.
  • You can choose only certain categories using the 'Choose Categories' option.

6. Slider

6.1 Layer Slider

LayerSlider WP is a premium multi-purpose slider for creating image galleries, content sliders, and mind-blowing slideshows with must-see effects, even from your WordPress posts and pages. It uses cutting edge technologies to provide the smoothest experience that's possible, and it comes with more than 200 preset 2D and 3D slide transitions. It has a beautiful and easy-to-use admin interface with supporting modern features like drag n'drop WYSIWYG slider builder, real-time previews, timeline view, Google Fonts and transition builder for custom animations. It's device friendly by supporting responsive mode, multiple layouts, touch gestures on mobile devices, and uses techniques like lazy load and conditional script loading for optimal performance. You can add any content into sliders, including images, text, custom HTML, YouTube and Vimeo videos or HTML5 self-hosted multimedia contents. It's also SEO friendly by allowing you to build semantic markup with custom attributes that search engines can index easily. LayerSlider comes with 13 built-in skins, and it has tons of options to entirely customize the appearance and behavior of your sliders at the smallest detail.

LayerSlider is external plugin which is included into theme. Because, for each product we purchase "Extended license" and that`s why we are able to include it into theme. This plugin works fine of course and if you want current slider version, you can always get directly from us. What you need to do, to get this slider is send us a request about it via contact form on our profile's page http://themeforest.net/user/designthemes (it is in the right bottom corner) and we`ll send you the current version.

 

6.1.1 LayerSlider Features

  • Super smooth hardware accelerated CSS3 transitions with jQuery fallback
  • Fully responsive & multiple layouts support
  • High compatibility with many fallback features for old browsers
  • Lazy loading images for better performance
  • Unlimited number of layers with image, video, audio, text or custom HTML content
  • Powerful API for more customization
  • SEO friendly
  • Multiple sliders can be added on the same page
  • Included free slide transition gallery
  • Very detailed documentation with examples
  • Unlimited variations of usage (image slider, image slider with text, content slider, video gallery slider, mixed content slider, banner rotator, etc.)

6.2 Create A New Layer Slider

Step 1 – Click on the Layer Slider sidebar item in your admin section, then click the "Add New" button and give the slider a name.

Step 2 – The "Slider Settings" tab will open and allow you to set the general settings for your slider such as the width, height, responsive, full width, and more. Check out each tab.

Step 3 – Once you are done, click "Save Changes" to save the slider. Next you can add slides, see the information below.

Please Note – You can get sample sliders by clicking the "Import Sample Sliders" button. It's a good way to learn and see the different types of settings.



7. Buddha Options Panel

Theme options panel has been created especially to make your work faster and easier. Using it is very easy, and you can change a lot of things on your page in just a few minutes.

7.1 General

In this section you can set up some general options for your site. Please check below options available in this section,

  • Logo - Upload logo that fit the best for your homepage layout
  • Retina Logo - Upload logo that fit the best for your homepage layout (retina logo must be 2x larger than regular homepage logo)

The General Settings tab has options relevant to the entire site such as logo, favicon, default intro content, breadcrumbs, twitter, top bar settings and more.


7.2 Appearance

Appearance Settings - Here you can change the appearance of the theme Please check below options available in this section,

  • Menu - To Change the Menu section appearance and behaviour styles
  • Body - To customize the body portion of the theme like font, color & etc.
  • Footer - To customize the footer portion of the theme like font, color & etc.
  • Typography - To customize the Font color, size, type from H1 upto H6
  • Layout & BG - Here you can change the layout of our theme (Boxed or FullWidth)

For Boxed layout - you can set the background by selecting the predefined patterns or upolad your custom image.

 


7.3 Color Options

Color Options - Here you can change the Colors.

Dashboard > Spa Lab > Color Options

Set a custom solid color for your Full Width Shortcode by entering a hexcode into the Background Color field, or use our Color Picker tool to choose your desired color.


7.4 Skin Options

Skin Options - SpaLab comes with following predefined 20 color skins [ You can add your own skin :) ]

Dashboard > Spa Lab > Skin Options


7.5 Integration Options

Integration General - To place any code, that will be appear in header portion of every pages or posts.

We have two sections to place code for the top and bottom of every page.

Post - Single Post customization

With the help of this "Post integration" section, you can do the following things,

  1. Setting up top and bottom code for individual post
  2. You can enable Social share & Social bookmark module with easy customization option.

 


7.6 SEO Options

  1. Title Delimiter - Please specify the symbol, will appear in title of the pages.
  2. Page Title Formats - Drap and Drop option to customize the page title
    1. Single Post & Page Title Format
    2. Category, Archieve & Tag page Title Format
    3. Search & 404 page Title Format
  3. Meta - To specify Meta data & other SEO elements
    1. You can generate automatic Canonical URLs for entire website
    2. You can exclude the archieve, category and tag pages from indexing to avoid duplicate content.
    3. You can generate:
      1. Automatic description
      2. Meta keywords ffrom the tag and category for posts.

Options related with SEO

  • Google Analytics - paste your Google Analytics code to track your site
  • Google Remarketing - paste your Google Remarketing code to add potential customers to Google list
  • Use built-in SEO fields - if you are using external SEO plugin, then our inbuilt SEO options are turn off automatically.
  • Meta Description - this is meta description for homepage but it`s also default description for each page added in Pages section.
  • Meta Keywords - this is meta keywords for homepage but it`s also default keywords for each page added in Pages section.

Please always remember to click "Save Changes" button. Without that you will lose all your changes.


7.7 Speciality Pages

Speciality Pages - Author, Category, Tag, Gallery, Search & 404 Page

Dashboard > Spa Lab > Speciality Pages Options

Available Options:

  1. You can choose page layout
  2. You can choose post layout for Author, Category, Tag, Gallery & Search Page
  3. Custom 404 Text for 404 Page
  4. And Background settings for 404 Page


7.9 Widget Area

You can create custom widget areas that can be assigned to any individual post / page and megamenu.

Go to 'Wp-admin(Dashboard) > Appearance > Widgets'. You'll see widget areas you've created on the right hand side.


7.10 Woocommerce

To get this option install WooCommerce plugin. And the plugin bundled with dummy data which can be imported to instantly give you a working store with products to test the different features WooCommerce has to offer.

Available Options:

  1. No.of Products to show in main shop page.
  2. Product Layout - 3 types of products layouts are there. (II Column, III Column & IV Column )
  3. Product Details, Product Category, Product Tag page layouts.
  4. Also you can easily handle widget areas for individual Product, Product Category, & Product Tag in the Role -> "Widget Area" Settings.

Following plugins used to extend the woocommerce options

  1. YITH WooCommerce Zoom Magnifier is that enables you to add a zoom effect to product images.
  2. YITH WooCommerce Wishlist adds all Wishlist features to your website. Needs WooCommerce to work.

7.11 Page Builder

You can anable / disable page builder for any post.

Go to 'Wp-admin(Dashboard) > Spalab > Page Builder'.


7.12 Responsive & Mobile

You can enable responsive option in "SpaLab > Responsive & Mobile > Make My Site Responsive"

And you can disable sliders by choosing the 'Disable Slider for Mobile Devices' option in "SpaLab > Responsive & Mobile"


7.13 Branding

Branding : You can replace buddha panel logo here

7.14. Company

Company : You can choose or setup your Business Hours (timings available) here.

Payment : You can choose the Currency and Payment Options here.

Notification : You can also modify the Notification info & settings here.


7.15. Backup

Backup Options These options allow you to backup and restore your custom settings and options. These options also allow you to transfer Theme Options data from site to site.


8. Page Builder

8.1 Page Builder

What about DesignThemes Page Builder? With the help of this, web development is child's play. Page can be splitted on totally different sections where you can choose things like colors, backgrounds, layouts, sidebars, classes and much more. For each section you can add an items that you need.

Now with the new DesignThemes Builder, you can also do things like clone sections or items. So building websites is much faster and easier now, and you will love it!

To add an item inside section please click "Add item " button. After that you will see the right item added below. You can do few more things with that item added.

  • You have a "Resizable Column" item along with all the default columns.
  • You can delete Item/Section if you don`t need it by ˟ in right Item corner.
  • You can also move any Item/Section by drag & drop simply.

 


Page Builder Options

SpaLab theme come with page builder which makes creation of page simpler and easier. To enable / disable page builder in post, page and portfolio globally navigate to SpaLab(Buddh Panel) -> Page Builder tab. You can switch between Page Builder and WordPress default editor in any single post or page or portfolio at any time.

  • 'WordPress Editor' button 'SpaLab Page Builder' metabox is used to switch between WordPress default editor and Page Builder.
  • If you keep the 'Enable page builder' option active while saving, then everytime this page will be loaded by keeping page builder active.
  • Use 'Clear All' button to completely clean the builder area
  • 'Create Sample Layout' button is used to save the existing modules in builder area to separate layout. After updating the page created layout will be listed in 'Sample Layouts' tab.
  • We have 8 tabs of modules consisting of columns('Columns'), modules('General', 'Unique', 'Others'), widgets('Wp Widgets', 'SpaLab Widgets', 'Woocommerce Widgets') and sample layouts('Sample Layouts').

 

 


Options

Column Options

Every column comes with 3 types of options. They are,

  1. Settings - It is used to add additional CSS class for this column alone.
  2. Clone - Click this button to clone the column along with every modules added inside. Those cloned column will be added immediately after current column.
  3. Delete - Used to delete the column completely along with its settings.

Module Options

Every module comes with 5 different types of options. They are,

  1. Edit - Clicking this button will open a sliding panel at very top of the builder area which contains options to configure those modules.
  2. Clone - Click this button to clone the module along with its settings. Those cloned modules will be added immediately after current module.
  3. Delete - Use this delete button to delete the module along with its settings.
  4. Show / Hide - Use this button to enable or disable this module. If its disabled then that module will not be shown in frontend but all the settings of that module will be preserved, you can enable that module any time.
  5. Resize - Its just a symbol to represent that this module can be resized to any width. Making width too smaller or too larger may collapse the modules design.

Note : By default every module can be resized, but it cannot be resized inside another column or fullwidth section. While resizing note that making width too smaller or too larger may collapse the modules design.

 

 

 


Resizable Column

Resizable Column has all options similar to normal Column options. This resizable column cannot be placed inside the Fullwidth Section

 

Sample Layouts

SpaLab theme comes with few sample layouts which can be acessed simply one clicking the module. Now your builder area will be loaded with all the modules of that sample layout, now you can just update the content, images, etc, as you wish.

 

 


9. Blog

9.1 How To Create A Blog Post

  • Login to the WordPress dashboard by visiting www.yourdomain.com/wp-admin
  • Click on 'Add New' from the 'Posts' menu once you are inside the WordPress admin panel
  • There are four main and important sections in a post that you should fill in before publishing the post
    • The post title
    • Post content
    • Tags
    • Categories
  • Give the post a nice title.
  • Add the post content in the content section.
  • Add relevant tags for this post.
  • Add the post to the relevant category (Create a category if a relevant category doesn't exist).
  • Publish the post by hitting the 'Publish' button.

How to Assign a Post Page

Step 1 – Navigate to Settings > Reading tab.

Step 2 – Select A Post Pages option.

Step 3 – Choose the page you want as your blog post page from the blog post dropdown list.

Step 4 – Once its all done, make sure you click the Save button

 


10. Portfolio

How To Create A Portfolio Page

Step 1 – Create a new page with "Portfolio Template" assigned from "Page Attributes" section.

Step 2 – Now go to Dashboard > Portfolio and add as many as portfolio items with images.

Step 3 – Go to the page created in step 1.

Step 4 – You can see the portfolio items created in step2. If you hover you will have 2 options to Likes and to link.

Step 5 – Once you are done, be sure to Publish each page you create.


11.1 WooCommerce / Shop integration

Spa Lab Theme is fully compatible with WooCommerce plugin. We carefully created whole design so you can get very nice shop with tons of options and all looks perfect with theme design. WooCommerce is external plugin and all info about this awesome plugin you can find plugin's author page. Below you have all friendly links that will be useful:


11.2 How to Install WooCommerce and Setup the Default Shop Pages

Step 1 : Go to your Plugin section of your WordPress admin and click on the Add New button at the top of the page.

Step 2 : Enter "WooCommerce" in the search field and choose the first one called "WooCommerce – excelling eCommerce" and click on the Install Now button.

Step 3 : WooCommerce will install, then click the link that says Activate Plugin.

Step 4 : You will then see a WooCommerce Purple Notficication Bar at the top of the plugin page. Click the Install WooComemrce Pages button in the purple bar to install all the default pages

Step 5 : WooCommerce automatically creates the necessary pages. If you need to reassign the pages to different WooCommerce page designations, you can do so in the WooCommerce settings page.


11.3 How To Create Your Products

Step 1 – Click on the Products sidebar menu and click on "Add Product" button. Enter a name for your product at the top of the page.

Step 3 – Enter the product description text into the post content field, this will be all the product information.

Step 4 – The "Product Data" box is where you enter all the product details (price, SKU, shipping, and more).

Step 5 – The "Product Short Description" box which will be the short intro copy that shows next to your main images.

Step 6 – Set your main "Featured Image" in the right sidebar Featured Image box. This has to be done for every product.

Step 7 – To use a gallery of images, insert more images in the "Product Gallery" box.

Step 8 – Enter your categories in the "Product Categories" box and your Enter your tags in the "Product Tags" box.

Step 9 – When all your data is entered, click "Publish" and the item will now show on your main shop page.


12. Translation & WPML

12.1 Basic Translation

You can follow these steps to make basic translations for your WordPress core.

Step 1 : Open wp-config.php file by logging into your FTP account and look for following line define('WPLANG', '');. Define your local language here, examples de_DE, nl_NL,. Then your code will look like this define('WPLANG', 'de_DE');. For more information on language codes Click Here

Step 2 : 'Spalab' theme and 'DesignThemes Core Features' Plugin (bundled with theme) are translated separately. The theme po file will be inside spalab / languages folder in the name of default.mo and default.po and plugin po file will be inside designthemes-core-features / languages folder in the name of dt_themes-default.mo and dt_themes-default.po

Step 3 : You can use these files as base for your translation. In order to make WordPress recognize the language to which you want to translate the theme, you will have to name the the language files accordingly. For example the file name of Detusch language would be de_DE.po and de_DE.mo for theme, dt_themes-de_DE.po and dt_themes-de_DE.mo for plugin.

Step 4 : To translate the default.mo and default.po file in your language, follow the steps below.

  • Download and install the POedit here.
  • Open the default.po file in POEdit and you will find all English text strings in the left column. Once you add translations those will show up in the right column.
  • Choose the line you want to translate and then check the lower part of the POEdit window where you will find a textarea to add the correct translation.
  • When you are done translating all needed strings save the file with your language code, for example: de_DE.po(theme) and .dt_themes-de_DE.po(DesignThemes Core Features plugin). Make sure files are in the respective folder for theme (spalab / languages) and for plguin (designthemes-core-features / languages).

Note : You can also refer POedit site to get some additional information.


12.2 WPML

SpaLab theme has the capability to be used in any language.It is also possible to create a multilingual website with help of WPML plugin. Please read the FAQ section to get an idea.

  • WPML – WPML official site
  • Widgets Translation – Check this link for translating WordPress widgets.
  • FAQ – Checkout this page to get basic idea of WPML
  • WPML Forum Support - You will get free support from WPML tean once you have purchsed thier plugin.

You can download and install WPML manually, by downloading ZIP files from your WPML.org account, or automatically, via the Plugins admin screen. Manual Download and Install In case you want to install WPML manually, follow these steps: Log in to your WPML.org account. Go to the Downloads section. Download the WPML components that you need.


12.3 How To Use RTL

Step 1 – Install an RTL version of WordPress, such as the Arabic or Hebrew version.

Step 2 – Have the proper Language files installed in the languages directory, which you can locate by following this path: wp-content > themes > SPA Lab > languages.

Step 3 – Specify the language you'd like to use in the wp-config.php file.


13.1 Footer

How To Add Widgets To The Footer

Step 1 – First make sure footer widgets are set to show, navigate to Appearance > Theme Options > Footer and check the "Footer Widgets" box. Also set the footer columns.

Step 2 – To add widgets, Navigate to Appearance > Widgets.

Step 3 – You will see 4 widget sections on the right hand side, Footer Widget 1-4. Your widgets are located on the left hand side.

Step 4 – Simply drag and drop the widgets you want from the left side into the sliding bar widget sections on the right side. See the screenshot below.


13.2 Widgets

Spa Lab Widgets

This SpaLab theme comes with 4 custom widgets as following,

  1. SpaLab Posts
  2. SpaLab Portfolio
  3. SpaLab Twitter
  4. SpaLab Flickr
  5. SpaLab Mailchimp

14. Extras

14.1 Support & contact with us

You can contact us in few ways. It depends on what you exactly need.

All of our items come with free support and we have a dedicated support forum to handle your requests. Support is limited to questions regarding the theme's features or problems with the theme. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customizations on our theme, then you should enlist the help of a developer.

We expect every users to follow these steps before posting in our support forum,

  • Always check the documentation completely, you might have answers for your questions in the documentation.
  • Always search in forum or themeforest comments before posting, because your issue might have brought up and answered already.
  • If you didn't find answer for your question anywhere then please post a new topic with brief description and live url of your site or url in which problem you are referring to exists. Also, please provide us some screenshot, if it is more complicated. Sometimes we may also in need of WP and FTP login information to resolve your issue. All those informations will stay private with our support team.
  • Please be patient! we will try to provide the solutions as quick as possible. It will take around 2days to respond, we will reply from old to new post basis.

 

Regarding Customization

We have made our theme as easy to use and customization-friendly. So, you can go with most of the possible changes and customization easily. But, if you have any troubles or just want us to work for you, please feel free to contact us via the Support forum. We are ready to support and happy to help (always) at anytime.. If the requested query will rely on the minor customization, we can provide the free support and will work at no cost. Or, if you want to have any additional options (features) apart from our theme default functions, we would charge our minimum cost for such customizations.


14.2 Plugin Installation

SpaLab includes 9 plugins that must needs to be installed and activated: 'DesignThemes Core Features Plugin', 'Revolution Slider', 'LayerSlider' plugins. Only the 'DesignThemes Core Features Plugin' is required for the theme to work, as it contains all of our theme features like shortcodes and shortcode generator and all other theme options.

The Layer and Revolution Slider are recommended plugins. When you install SPALAB , you will get a notification message in your WordPress admin telling you to install the required and recommended plugins. Once you have uploaded and activated the theme, install and activate the 'DesignThemes Core Features Plugin' then immediately. All promoted features will work properly, after activating this plugin only.

Here is the list of plugins , that are compatiable with SpaLab

Premium Plugins


14.3 How To Update Your Theme?

Kindly follow the steps given below to update our theme with the latest version.

  1. Download the theme's latest version from Themeforest downloads page.
  2. If you've made any custom changes in the code, please take a backup of it first. To be in safer side, take backup of the database completely.
  3. Overwrite the older theme files with latest theme files. Update the custom changes (from backup) into the new files.
  4. Now goto "wp-content / plugins" folder through the FTP software.
  5. Remove the folder 'designthemes-core-features' from wp-content / plugins folder. Make sure you have taken backup of custom changes if any.
  6. Then get into "Dashboard -> Appearance -> Install Plugins", to install and activate the 'DesignThemes Core Features Plugin'.
  7. Hereby you can update to the latest version of our SpaLab theme simply.

Note: If you have already updated our theme, just follow the steps 4,5,6 to update our 'DesignThemes Core Features Plugin'

 


14.4 Demo Content Fails: Seems Like An Error Has Occurred

If you attempted to import the SPA Lab 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.

Likely Causes For Demo Import Failing

  • Your PHP memory, file upload size, and/or execution limits are set too low
  • Your web host uses process watching software that prevents bulk processing on their web servers.
  • You have "wp_debug = true", please change that to "wp_debug = false" for the import in your WP config file
  • The import uses a JSON file which is loaded from the frontend of the website, this will not work when the domain is not connected to the WordPress installation.

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:

  • max_execution_time 180
  • memory_limit 128M
  • post_max_size 32M
  • upload_max_filesize 32M

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.


14.5 How to update Font Awesome

Kindly, Follow the steps listed below.,

Step 1 – Download the latest font awesome files from internet.

Step 2 – Go to Theme-directory > css and replace following files - font-awesome.css and font-awesome.min.css

Step 3 – Go to Theme-directory > fonts replace following file - FontAwesome.otf, fontawesome-webfont.eot, fontawesome-webfont.svg, fontawesome-webfont.ttf and fontawesome-webfont.woff


14.6 What are Parent and Child themes?

A WordPress child theme takes the functionality of another theme, named parent theme. It gives you the possibility to customize an existing theme. Instead of modifying the theme files directly, you can activate the child theme and work within it.

All customizations are stored in the child theme and anything in the child takes priority over the parent. So if the same file exist in both child and parent, the file from the child will control that aspect of the theme.

Working with child themes, your customizations are safeguarded from future upgrades because you only upgrade the parent theme, which you never edit, while the customizations are protected in your child theme which you don't upgrade.

Why use a Child theme?

Safe Updates. You can easily modify your website using child themes without ever changing the parent theme. When a new version of the parent theme appears, you can safely update it as all your modifications are saved in the child theme.

Easy to Extend. A child theme has a great flexibility. It does not require writing a lot of code. You can modify only those template files and functions that you need.

Note : When you install one of our themes you must upload both parent and child theme folders to /wp-content/themes/ but you should only activate the Child theme via Appearance > Themes.

Modifying files from the Parent theme folder

While you should never edit files in your Parent theme, if you really must, the safest way to do it is to download a copy of the file you want to modify on your computer, make the changes, and then upload it into your child theme folder.

Note : This way of modifying the files can be used for any files from the parent theme — note that you must re-create the same folder structure in your child theme that exist in the parent theme in order for the modifications to take effect.


14.7 Import Contact Form 7 Forms

There are multiple Spa Lab demos that utilize the Contact Form 7 plugin. There are two ways to import the forms, see below for information on how to import Contact Form 7 forms.

Method 1 – Import the Forms With The Full Demo Import

When you import one of our demos through the Spa Lab > Install Demos section, the Contact Form 7 forms can also be included. To ensure they are included, you need to install and activate Contact Form 7 plugin before you import the demos. As long as that is activated before you import, the forms will also import.

Method 2 – Import Individual Forms

If you are not able to import the entire demo and only need an individual form, you can copy the desired form data below, then paste it into a new form field using Contact Form 7.

Step 1 – Install and activate the free Contact Form 7 plugin. You will then see a "Contact" item in your admin sidebar.

Step 2 – Click on the "Contact" sidebar item and select "Add New". Give your form a name. This name will be used in the short code that has to be inserted on the page you use it on.

Step 3 – Open the form content below of the form you wish to use. Copy the content and paste it into the field of the new form you just created. Click Save.

Step 4 – Once saved it will generate a short code. Copy that shortcode and insert it on the page that has the form. Be sure to use the exact short code that you generated.