A how-to guide and helpful informations about
configuration and options in theme.
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.
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.
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:
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.
Kindly follow the steps given below for installing this theme from WordPress.
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.
You can also install this theme through FTP server by using the following steps,
Please take a look at the structure of the spalab-1.0.zip
archive you've got after purchasing.
(easing.js)
(modernizr-2.6.2.min.js)
(jquery.meanmenu.js)
(isotope.js)
(jquery.nicescroll.min.js)
(jquery.carouFredSel-6.2.0-packed.js)
(jquery.tabs.min.js)
(jquery.bxslider.min.js)
(jquery.fitvids.js)
(jquery.smartresize.js)
(custom.js)
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.
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.
To setup header layout, please navigate to "Dashboard > Spalab > Appearance > Header" section and choose one of available layouts.
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).
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.
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.
Template has several specially designed Page Templates, which can be used on Pages, adding them special features.
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.
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.
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.
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.
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.
In this section you can set up some general options for your site. Please check below options available in this section,
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.
Appearance Settings - Here you can change the appearance of the theme Please check below options available in this section,
For Boxed layout - you can set the background by selecting the predefined patterns or upolad your custom image.
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.
Skin Options - SpaLab comes with following predefined 20 color skins [ You can add your own skin :) ]
Dashboard > Spa Lab > Skin 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,
Options related with SEO
Please always remember to click "Save Changes" button. Without that you will lose all your changes.
Speciality Pages - Author, Category, Tag, Gallery, Search & 404 Page
Dashboard > Spa Lab > Speciality Pages Options
Available Options:
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.
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:
Following plugins used to extend the woocommerce options
You can anable / disable page builder for any post.
Go to 'Wp-admin(Dashboard) > Spalab > Page Builder'.
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"
Branding : You can replace buddha panel logo here
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.
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.
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.
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.
Every column comes with 3 types of options. They are,
Every module comes with 5 different types of options. They are,
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 has all options similar to normal Column options. This resizable column cannot be placed inside the Fullwidth Section
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.
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
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.
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:
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.
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.
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.
Note : You can also refer POedit site to get some additional information.
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.
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.
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.
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.
This SpaLab theme comes with 4 custom widgets as following,
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,
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.
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
Kindly follow the steps given below to update our theme with the latest version.
Note: If you have already updated our theme, just follow the steps 4,5,6 to update our 'DesignThemes Core Features Plugin'
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
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.
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
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.
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.
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.
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.
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.
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.