Fitness Supplement Store Pro

Help and Support

Template Installation

The template installation process is very simple. The installation process can be done in two different ways.

1- By wordpress admin

Open Your wordpress dashboard.

1. open Appearance - Themes as shown in the screesnhot below.

2. Now click the "Add New" button.

3. Now click on the upload button.

4. Load the theme file fitness-supplement-store-pro_1.0.zip (Version may vary) and proceed with the installation.

5. Now WordPress will install your theme and show you the message to "Activate" the theme.

2-Via FTP

Login to your FTP and upload the the theme folder at wp-content - themes.

As soon you activate the theme you will navigate to the Theme Setup Wizard page.

Demo Importer

To get the demo content exactly like we have shown on our demo page, checkout the below steps.

Open Theme Setup Wizard present under Apparance menu.

Click on the "Start Now". It will list all the plugins required for this plugin under "More Info". You can check it by clicking on more info.

Click on the "Install Plugins". It will install all the required plugins

Then Click on the "Import Demo". It will import the demo exactly like we have shown on our live demo page.

Once you have done with this you can see all the demo content on front page.

Customize Demo

Now start customizing your site as per your requirement. open Appearance - Customize - Theme Settings

Customize Demo

Section Reordering and Typography

Global theme and color and typography will help you to to change the color and font in a single click.

Each section contains option to set the Content, Title/Text, Text, Buttons and Background Matte palettes to the linked section depending on the number of options available.

Global Color

Global color will change colors for the entire theme. Open Appearance - Customize - Theme Settings - Typography. Scroll to bottom you will see two options for color, choose both options then only it will appear on frontend as it is gradient color.

Section Reordering

Move the section according to your requirement. Check screenshot below.

Setup "Slider Settings"

Open "Slider Settings" present under the "Theme Settings" panel in customizer.

Increase or descrease number of slides to show. Update each slide title, text and button and image. You can set a word to different color, just add the word number.

Scroll to the bottom you will see all the color options related to that section.

Setup "Sale Boxes"

Open "" present under the "Theme Settings" panel in customizer.

Update the tagline, heading, image and CTA as follows. Do the same for the second box.

Scroll to the bottom you will see all the color options related to that section.

Setup "Shop By Goal"

Open "Shop By Goal" present under the "Theme Settings" panel in customizer.

Update the section heding. Increase or descrease number of boxes to show. Update each box title, text and button and image. You can also link the title to any page or post.

Scroll to the bottom you will see all the color options related to that section.

Setup "Popular Categories"

Open "Popular Categories" present under the "Theme Settings" panel in customizer.

Update the section heding. Increase or descrease number of boxes to show. Link each box to a woocommerce product category. Once you select any category it's image and title will automatically appear. Check the below screenshot for the creating and updating wooocommerce categories.

Scroll to the bottom you will see all the color options related to that section.

Setup "Our Products"

Checkout the below steps to change the "Our Products" content

Open "Our Products" from the Theme Settings panel in customizer.

Background color and images will be updated by "Background Color" and "Background Images" settings. Update section heading. Here in this section you can show the specific product so you can create category, add product in that category and select that category here. You can also limit the number of product to show.

During demo import process we install woocommerce plugin as well. Open "product" available in the dashobard navigation panel. All the demo "products" is created.

Open one of them and update its title, text and image and price and other details you want you can also refer the woocommerce documentation too. Brand name is coming from the "Perfect Woocommerce Brand" plugin so make sure the plugin is activated.

Scroll to the bottom you will see all the color options related to that section.

Setup "Promotional Banner"

Checkout the below steps to change the "Promotional Banner" content

Open "Promotional Banner" from the Theme Settings panel in customizer.

Background color and images will be updated by "Background Color" and "Background Images" settings.

Update the heading, text, and countdown details. Update the button too.


Update the banner images


Scroll to the bottom you will see all the color options related to that section.

Setup "Bundle Promotion"

Checkout the below steps to change the "Bundle Promotion" content

Open "Bundle Promotion" from the Theme Settings panel in customizer.

Background color and images will be updated by "Background Color" and "Background Images" settings.

Update the heading, text, and button text.


Update the banner images


Scroll to the bottom you will see all the color options related to that section.

Setup "About Us"

Checkout the below steps to change the "About Us" content

Open About Us from the Theme Settings panel in customizer.

Background color and images will be updated by "Background Color" and "Background Images" settings.

Update section tagline, heading and text.


Update image. Update experience box details.


Scroll to the bottom you will see all the color options related to that section.

Setup "Testimonial Section"

Checkout the below steps to change the "Testimonials" content

Open Testimonials Section from the Theme Settings panel in customizer.

Update section tagline, video url and the images.

Now open "Testimonial" available in the dashobard navigation panel. All the demo "Testimonial" is created.

Open one of them and update its title, text and image and all the other details

Scroll to the bottom you will see all the color options related to that section.

Setup "Records"

Checkout the below steps to change the "Records" content

Open "Records" from the Theme Settings panel in customizer.

Background color and images will be updated by "Background Color" and "Background Images" settings.

Here you can increase the number of records to show and number and its respective title.


Scroll to the bottom you will see all the color options related to that section.

Setup "Promotion Blocks"

Open "Promotion Blocks" present under the "Theme Settings" panel in customizer.

Update the tagline, heading, text, image and button as follows. Do the same for the other box.

Scroll to the bottom you will see all the color options related to that section.

Setup Latest News

Open Latest News present under theme settings pannel

Update section tagline, heading, increase or decreas number of news to show.

There is an excerpt setting. You can limit the number of words to be shown on the post text.


Now open Dashboard - Posts. Demo Posts added you can change it according to your requirement.


Open one of them and chnage it according to your needs.


Setup "Our Partner"

Checkout the below steps to change the "Our Partner" content

Open "Our Partner" from the Theme Settings panel in customizer.

Background color and images will be updated by "Background Color" and "Background Images" settings.

Here you can increase the number of partners to show and add details to each box one by one.


Scroll to the bottom you will see all the color options related to that section.

Setup Newsletter

Open Newsletter present under theme settings pannel.

Update title, text and the form shortcode from here.


Now open Dashboard - Contact. "Contact Page" form already exist. Open it and edit as per your needs. Copy the shortcode and paste it into the shortcode field at the customizer contact us section.



Setup Contact Page

Open Contact present under theme settings pannel.

Update Tgaline and title. Update form shortcode here. Also update map longitude and latitude.




Page Banner

If you want to change the default page banner then open "General Settings" present under theme settings pannel scroll to the bottom and check the settings specified in below screenshot. When you chnage the image then it will change the banner of all the pages.

But if you would like add different banner to each pages then you need to add the banner indivisualy to each page. Edit the page for example. we are editing contact page, on the bottom right side column you will see the setting of page banner. Upload the image from here.

Blog Page Settings

This section contains all the settings related to blog. To access this open General Settings

Single Post Page

This section contains all the settings related to single post page. To access this open Appearance - Customize - Theme Settings - Single Post Page

Single Post Page

This section contains all the genearl settings. To access this open General Settings.

404 Page Settings

This section contains 404 page settings. To access this open 404 Page Settings

Theme Layout Settings

This section contains full and boxed layout settings. To access this open Theme Layout Settings

Responsive Settings

Here you can disable the sticky menu from the mobile or tablet view. Also you can set the width of mobile menu sidebar. To access this open Responsive Settings

Copyright © 2018 Themespride Templates. All Right Reserved.