SpaSalon Theme Documentation

First of all I would like to thank you for purchasing this Wordpress theme.All the php code block are self explanatory , for any queries, will be there, So Dont worry

Installing the theme

  • Download and unzip the theme package into the worpress' themes folder .Make sure the you maintain similar folder structure ie, WP themes folder > spasalon-pro > All theme folders and files
  • Go to Admin Panel->Appearance->Themes Now Activate The SpaSalon Theme .
  • Create Custom Menu's Go to Admin Panel->Appearance->Menu .

Now Enjoy the new World of Freshness...
On Activation we had tried to fill all the areas by default informaitons.So that one can easily make out the area's user can edit, dynamically .Use the specified Images(Dimension) for better look.

Files and Directory Structures

Directories

  • Css FolderIncludes all the css files found in this theme .
  • Images FolderThis incules all the images found in this theme .
  • Scripts FolderIncludes all the jquery scripts of theme .
  • FunctionIncludes all the shortcodes,excerpt and custom widget of theme .
  • OptionPanelFor Permission's and Right's available in this theme .
  • ThemeclassesWidgets Classes are wraped here .

Page Templates

  • Home Pageindex.php
  • About Us Pageaboutus.php
  • Product Pageproduct.php
  • Product Details Pagesingle-spa_products.php
  • Service Page With Single Columnservices_one_column.php
  • Service Page With Double Columnservices_two_column.php
  • Service Detail Pagesingle-spa_services.php
  • Full Width pagefullwidthpage.php
  • Blog Pageblog.php
  • 404 Page404.php
  • Contact Us Pagecontact.php

Important: Theme support is provided to help with any issues, such as bugs or incompatabilities of the theme purchased as well as any futher explanation of a function if you have not quite understood something here in the documentation file. Theme support does not include any sort of customizations for you or your client, so please try and refrain from opening tickets with these requests. Thanks!

Cascading Stylesheet

SpaSalon theme has following stylesheets.All the css are well documented .

  • Basic Theme Cssstyle.css
  • Slider Cssflexslider.css
  • Bootstrap Cssbootstrap.css
  • Bootstrap Responsive Cssbootstrap-respnsive.css
  • Docs Cssdocs.css
  • Eighty_Twenty2c28 Csseighty_twenty2c28.css
  • Font Related Cssfont.css(css/font folder)

Script Files Used

Below find all the javascript files present in the theme .

  • Jquery Libraryjquery-1.3.min.js
  • Jquery Easing Libraryjquery.easing.1.3.min.js
  • Jquery Sliderjquery.sliderkit.1.9.2.js
  • Jquery Mousewheeljquery.mousewheel.min.js
  • Bootsrapbootstrap-dropdown.js
  • Bootsrapbootstrap-carousel.js
  • Bootsrapbootstrap-transition.js
  • Farbtasticfarbtastic.js
  • Jquery JCarousel jquery.jcarousel.min.js
  • Jquery Pickachoose jquery.pikachoose.min.js
  • Menumenu.js
  • Pickachoose pikachoose.js
  • JS Flex js_flex folder
  • Thumbnail Slider thumbnail-slider folder

Setting up the theme

  • To Change the Logo of the theme Go To Apperance->OptionPanel->Genral.You can select your best in the given field(s) .
  • To Add Menu(s) in the Home Page Go To Apperance->Menus.You can set your menus .
  • The Index page of this theme includes Spa Featured Services,Spa Basic Services and Featured Products .
  • To Change the slider images, Go To Admin Panel-> Featured Services (A Custom Post Type) .
  • To Add your 'Services' Go To Admin Panel->Basic Services(A Custom Post Type) .
  • To Add your 'Products' Go To Admin Panel->Product(A Custom Post Type) .
  • To Add your Team Member's Go To Admin Panel->Our Team(A Custom Post Type) .

Adding Spa Star Services

You will find types of slide variation's in the slider .

  • Featured Services(Admin View)

  • Featured Services

  • To Add New Slide,Go To Slider->Add New Slide .
  • Now Add a new image with Featured Image(Post Thumbnail) .
  • In the editor you can enter the information about that image .
  • You can add images from editor.It will be shown on the Index page with the new added image .
  • In the MetaBox,You can add Banner Description/Banner Heading One/Banner Heading Two it will show on basic services single view .

Adding Spa Basic Services

You can set your available services with this .

  • Basic Services(Admin View)

  • Basic Services

  • This section will be shown on centre of the Home Page .
  • If you want to display services from the menu then use page templates provided with the theme.
  • To Add New Service,Go To Services->Add New Service .
  • Now Add a new image with Featured Image(Post Thumbnail) .
  • In the editor you can enter the information or description about that service .
  • You can add images from editor.It will be shown on the service page .
  • In the MetaBox,You can add Banner Description/Banner Heading1/Banner Heading2 and Price of the SERVICE which will be shown on the upper part of the Image with Title .
  • You can create and use different type of categorise .

Add Your Products

  • Product(Admin View)

  • Product

  • This section will be shown at bottom of the Home Page .
  • To Add New Product,Go To Product->Add New Product .
  • Now Add a new image with Featured Image(Post Thumbnail) .
  • You can create and use different type of categorise .
  • In the MetaBox,You can add Banner Description/Banner Heading1/Banner Heading2 and Price of the PRODUCT which will be shown on the upper part of the Image with Title .

Managing Your Team

  • Our Team(Admin View)

  • Our Team

  • To Add New Team,Go To Our Team->Add New .
  • Now Add an image for the Member with Featured Image(Post Thumbnail) .
  • In the MetaBox add 'Designation' and 'Description' of the Team Member .
  • You can set Facebook/Twitter/Google URL for team .

Option Panel Setings

Go To->Admin->Apperance->Option Panel

  • You can customise your theme with Option Panel Setting .
  • Option Panel

General Settings

  • Select your color styles out of six various stylesheets.
  • Insert Logo for your website.
  • Set your logo Height and Width.
  • Insert Fevico Icon for your website.
  • General Settings

Typography

  • Select Font Size ,Font Family and color for Menus.
  • Select Font Size ,Font Family and color for Post Title.
  • Select Font Size ,Font Family and color for Post Excerpt.
  • Select Font Size ,Font Family and color for Sidebar Widget Title.
  • Add Custom CSS Rules for your theme.
  • Typography

Home Page Slider Setting

  • Enable Slider Banner On HOME PAGE SLIDER.
  • Add Numbers of Slider Entries.
  • Select Slider Effect.
  • Adjust Animation Speed of Slider.
  • Adjust auto slide interval.
  • Slider Settings

Footer Customisation Setting

  • Add Footer Copyright Text Line.
  • Footer Customisation Setting

Home Page Setting

  • Insert Banner's 'Call us on' TEXT.
  • Insert Banner's 'Call us on' Number.
  • Insert Tagline for Services Section Home.
  • Insert Tagline Content for Services Section Home.
  • Insert Product Heading Title for Product Section Home.
  • Insert Product Heading Content for Product Section Home.
  • Adjust service Tagline fonts.
  • Adjust Product Tagline fonts.
  • Home Page Setting

Contact Page Settings

  • Add Google Map link to show your google map on the contact page.
  • Add your contact details in the specific fields.
  • Contact Page Setting

Post Type Slug Setting

  • Insert Your Custom Slug Here
  • Insert Your Custom Slug For "Sldier Post Type".
  • Insert Your Custom Slug For "Service Post Type".
  • Insert Your Custom Slug For "Service Category".
  • Insert Your Custom Slug For "Team Post Type".
  • Insert Your Custom Slug For "Product Post Type".
  • Insert Your Custom Slug For "Product Category".
  • Post Type Slug

Custom Widget Setings

Go To->Admin->Apperance->Widgets

  • Custom Widget(Admin View)

  • Custom Widget

  • You can customise your widgets .
  • You can set 'Spa Recent Products','Spa Recent Posts' and 'Spa Contact Widget' .

Page Template

  • This theme has a variety of built-in page template's,You can use those template according to your need . Go To ->Pages ->Add New
    Select The Page Template .

Home Template

  • Home Page Contains Three Sections ,Which are populated using three different Custom Post Types .
  • Featured Slider,Basic Srvices,Products
  • To Change the Logo of the theme Go To Apperance->OptionPanel->Genral.You can select your best is the given feild(s) .
  • To Add Menu(s) in the Home Page Go To Apperance->Menus.You can set your menus .
  • To set TagLine for your theme Go To->Apperance->OptionPanel->Home
  • To set slider for index page use option panel settings .
    Go To Apperance->OptionPanel->Home Page Slider .

About Us Template

In the About Us Template you will find following features .


  • You can add Text and image from editor and also from Featured Image.As shown in the above image . The Featured Image will be shown on about us template with rounded border .
  • You can edit the Menu Strip with MetaBox's 'Banner Description','Banner Heading One' and 'Banner Heading Two' .
  • You can add new images with editor's add media button and featured image .
  • You can add Popular Procedures with the help of Basic Services .
  • To change the Our Team,Go To ->Admin Panel ->Our Team ,There you can set/change images and desciption and role of the team member.

Product Template

  • In this template you can categories all your products as per your need .

Blog Template

  • To show all your blog post .
  • You can add images with editor and featured image (post thumbnail) .
  • Here you can place a custom widget menu .

Full Width Template

  • A full width detailed page .

Service Column Templates

  • The Theme supports Two service column templates . To use these templates create a normal WordPress page and select the appropriate page template .

Service One Column

  • List all the services of Service One Column Page Template in a single column .

Service Two Column

  • List all the services of Service Two Column Page Template in double column .

Contact Us Page Template

  • Populate Your Contact Page Template using Option Panel Setting.

List Of Features

In the features page template we have provided number of features mentioned below .

  • HTML ELEMENTS

Images with dimension

Container Name Dimensions
Product

322 x 302 (For Product Detail)

232 x 237(For Home Page Products Section)

67 x 67 (For Sidebar Widget)

Blog

770 x 355(For Blog Detail)

150 x 150(For Blog Template)

67 x 67 (For Sidebar Widget)

Service

260 x 160(For About Us/Popular Procedures)

245 x 240(For Service One Column Template)

150 x 150 (For Service Two Column Template)

Resources Used

The following resources where used in the development of this theme: