Demo Support Forum

Gym, Fitness WooCommerce WordPress Theme

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this Documentation, please contact us via comment on ThemeForest or create a topic to our support forum: Thanks so much!

  • Created: September 20, 2018
  • By: snstheme
  • Current Package Version is 1.0

Our theme using Visual Composer and Revolution Slider. You can find document about it via the bellow links:

Revolution Slider:
Visual Composer:

When you download theme from themeforest and unzip, you will be got full of main files for theme installation. It has:

  1. Documentation : Contains documentation file of the theme
  2. : "BodyCenter - Gym, Fitness WooCommerce WordPress Theme" installation file
  3. : Theme Child
  4. PSD : Contains all source PSD files of the theme
  5. Plugins file : Contains premium plugins use in theme

There are 2 ways to Install Theme:

  • Install Theme from the WordPress Dashboard
  • Install Theme via FTP

1.1 Install Theme from the WordPress Dashboard

  1. Navigate to Appearance -> Themes in your WordPress admin dashboard.
  2. Click the Add New button at the top of the page and go for the Upload option.
  3. For the file upload, pick in the theme package downloaded from ThemeForest and click Install Now.

1.2 Install Theme via FTP

Many users are on shared hosting with low upload limits, and in such situations the Striking theme is often too large to install through WordPress. We suggest you should upload it via FTP.

To install theme via FTP you just only upload and unzip file to: YOUR_ROOT/wp-content/themes/

If you don't know how to use FTP visit this link for information: And learn from WordPress Official Documentation about installing theme with FTP client or with cPanel:

1.3 Active bodycenter as default theme

After completing the upload and intstall. If you have not activated, please activate it now. To do it: Go to your Dashboard >> Appearance >> Themes and click activate bodycenter

1.4 Install Required Plugins

After activating the theme you will be asked to install the required plugins

Then click on Begin installing plugins to install and active all Required Plugins.

1.5 Theme Options

If you dont want Install Demo Content, you can also Import default options for Theme Options

To import default option, please follow steps:

  • Go to: Admin >> BodyCenter >> Import/Export >> Import Options >> Sellect: Import from File
  • Open and copy the content of file path: YOUR_ROOT/wp-content/themes/bodycenter/framework/sample-data/data/theme-options.json
  • Paste the conten above to form and click Import

2. Install Demo Content

Please ensure 2 points bellow:

  1. Inscrease Memory Limit for your WordPress site Read this post
  2. Increase Maximum Execution Time for WordPress site Read this post
  3. You should setting Product Images before Import Demo Content

There are 2 ways to Install Demo Content: Automatic and By manually

2.1. Automatic:

From your admin panel, navigate to BodyCenter >> Demo Content at here you can click to button Import to install our demo content

To enable import function, please follow the checklist bellow:

  • Please Install and Active plugin Wordpress Importer
  • Need add define('WP_LOAD_IMPORTERS', true); to file wp-config.php(Delete it after import done please!)

NOTE: Maybe it will take your time from 2 - 15 miniutes to finished.

2.2. By manually: please follow steps bellow

  1. Revolution Slider config: Please go to Admin >> Revolution Slider >> Import Slidert and import all sliders from: ROOT/wp-content/themes/bodycenter/framework/sample-data/data/revslider/
  2. Widget config: You can install plugin Widget Settings Importer/Exporter. After done, please go to Admin >> Tools >> Widget Settings Import and import widget from: ROOT/wp-content/themes/bodycenter/framework/sample-data/data/widget_data.json
  3. All contents: You can install plugin WordPress Importer . After done, please go to Admin >> Tools >> Import and import All contents from: ROOT/wp-content/themes/bodycenter/framework/sample-data/data/all-content.xml
  4. Theme config: Please refer section 1.5 Theme Options

2.3. Settings after Import Demo Content

After done Import Demo Content, you need setting for Instagram Feed, Newsletter, WP Custom Menu

3. Setting Home Page

If you have installed Demo Content then at Admin >> Pages >> All Pages will have some Home Page to you refer settings

3.1 Create/Edit your Homepage

You can quickly build a home page using Visual Composer for WordPress that is drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layouts you can imagine – no programming knowledge required

  1. From your Dashboard admin Navigate to Pages
  2. Select All Pages to see all page then:
    • Or click edit one page you want
    • Or Select Add New to create new page
Have you ever used Visual Composer? Please follow that guide first :

3.2 Set your Homepage

  1. Go to Settings > Reading in your WordPress Dasrdoard panel
  2. Set Front page displays to a Static Page.
  3. In the drop down menu for Front Page choose a page which will be your home page.
  4. Leave the drop down menu for Posts page empty, as this is not used by the theme.
  5. Save changes.

4. Setting Blog Page

4.1 Create the blog post

From your Admin panel navigate to Posts >> Add New, then fill your information:

  • Start filling in the blanks: enter your post title, write your actual body content in the main post editing box below it.
  • As needed, select a category, add tags, and make other selections from the sections below the post.
  • You can create blog post with a lot of Formats like link, gallery, image ..... Select format you want to create on Format from in right sidebar.
  • When your post is ready, click Publish.

4.2 Manager current all blogs

Navigate to Posts >> All Posts you can see all informations of you blog post, add new, edit or delete them.

4.3 Setting Blog Pages

From your admin panel you can navigate to BodyCenter >> Blog to setting for Blog Page. If you wanna your site have one more Blog Page style you can navigate to Pages >> New Page and create page with short code SNS Blog Page. This shortcode provided options for you to setting Blog Page style with each page

If you have installed Demo Content then at Admin >> Pages >> All Pages will have some Blog Pages to you refer settings

5. Setting Contact Page

If you have installed Demo Content then at Admin >> Pages >> All Pages will have some Contact Us page to you refer settings

From your Dashboard admin Navigate to Pages, Select All Pages to see all page then:

  • Or click edit one page you want
  • Or Select Add New to create new page.

Use Visual Composer to drag and drop element you want. With our demo we're using shortcocdes: Google Maps, Contact Form 7, ...

NOTE: With Contact Form 7 you can create/edit form at Admin >> Contact >> Contact Forms

6. Setting Menu

6.1 Create/Edit Menu

From your Dashboard admin, navigate to Appearance >> Menu at here you can

  • Select a menu to edit
  • or Click create a new menu

6.2 Manage Menu Locations

From your Dashboard admin, navigate to Appearance >> Menu >> Tab: Manage Locations at here you need Assign menu for Theme locations

If you have installed Demo Content then it will automatically create Menu and assign Menu to Theme Locations for you

6.3 Setting Mega Menu

At menu item we provided option to Enable Mega Menu you can sellect it

7. Post WCode

We supported post type: post-wcode. With this post type you can build the content by Visual Composer. We using post-wcode to build content in footer, sidebar, ... You can view list post-wcode via Admin >> Post WCode

To use Visual Composer in post-wcode you need config for it:

You can display post-wcode via:

  • Widget
  • Shortcode in other post type(Example: page)

7.1 Use Widget to display post-wcode

Refer the screenshot bellow:

7.2 Use Shortcode to display post-wcode

8. Setting Woocommerce

8.1 Setting Woocommerce from Theme Options

From your Dashboard admin, navigate to BodyCenter >> Woocommerce at here we provided some options for Product Page.

8.2 Setting Product Display

From your Dashboard admin, navigate to Admin >> Appearance >> Customize >> WooCommerce >> Product Images and config like image bellow:

8.3 Setting Checkout

From your Dashboard admin, navigate to Woocommerce >> Settings >> Checkout >> Checkout Options and sellect Cart Page & Checkout Page

Dont forget refer document from Woocommerce:

9. Setting Other Plugins

9.1 Setting Newsletter

You can reference the documentation of this plugin via: However, In our theme we're using 5 Custom Forms bellow:
Form 1:

10. How to translate the theme

There are 2 methods to translate

10.1 Translate Inside The Theme

This is is the traditional method, and the method most of our users use. The locate the Languages folder, follow this path: wp-content/themes/bodycenter/languages/

Despite this being the most popular, this method has one downside. Whenever users update the theme and the plugin, the whole Theme folder is replaced with a new and updated folder, which in turn overwrites their translation files.

If you choose to store your language files using this method, remember that the file structure is only the language name. For example, if the language files are in the Deutsch language, the file names would be and en_US.po.

You can translate default po file with POEdit tool. You can see here for more details.

IMPORTANT NOTE: If you choose to use this method, don't forget to backup files you don't want to lose before updating bodycenter.

10.2 Translate use WPML Plugin

WPML is the most popular plugin for multi language support, Porto is fully compatible with WPML. Below you will find documentation their team created for using WPML plugin with Porto. If you've purchased WPML and have any questions or issues, please check the links below.

  • WPML Plugin - The highly recommended plugin to manage multi-lingual sites
  • WPML Forum Support - If you bought WPML then you get free support from their amazing team
  • Translating Widgets - Tutorial recommended by wpml team for translating widgets

Click Here To Purchase WPML Plugin!

11.Child Theme

We have provided a child theme package ready for you to use if you wish to make changes to files, while keeping them through updates. The child theme is included within the main download folder, and is named bodycenter-child all you need to do is upload this as well as the standard "bodycenter" folder, and then activate the child theme in Appearance > Themes from the WordPress menu.

NOTE: To know more about the child themes follow

12. How to Update Theme

You should install bodycenter-child, and all your customize on this child theme. So, with each our updates It will doesn't affect to your customize. To update please follow steps:

  1. Go to Themeforest >> Your_Account >> Downloads in this page you can download newest version of the theme
  2. Extract download file from Themeforest you will see file
  3. Upload and Extract file to folder web ROOT/wp-content/themes/
  4. Refresh/Clear cache if you are using plugin about cache.

13. Update History

	22 August 2022: Update to Version 2.1
		- Compatible with WordPress 6.0.1
		- Compatible with plugin WPBakery Page Builder version 6.9.0, plugin Slider Revolution version 6.5.31
		- Compatible with plugin WooCommerce version 6.8.1
	17 August 21: Updated version 2.0
		- Updated: Compatible with WooCommerce 5.5.2
		- Updated: Compatible with plugin WPBakery Page Builder 6.7.0, Slider Revolution 6.5.6 
	08 June 21: Updated version 1.9
		- Updated: Compatible with WooCommerce 5.3.0
		- Updated: Compatible with plugin WPBakery Page Builder 6.6.0, Slider Revolution 6.4.11
		- Updated: Compatible with WordPress 5.7.2
	10 February 21: Updated version 1.8
		- Updated: Plugin BodyCenter Shortcodes version 1.2
		- Updated: Compatible with WooCommerce 5.0.0
		- Updated: Compatible with WPBakery Page Builder 6.5.0, Slider Revolution 6.3.9
		- Updated: Compatible with WordPress 5.6.1
	05 September 20: Updated version 1.7
		- Updated: Compatible with WooCommerce 4.4.1
		- Updated: Compatible with WPBakery Page Builder 6.3.0, Slider Revolution 6.2.22
		- Updated: Compatible with WordPress 5.5.1
	05 August 20: Updated version 1.6
		- Updated: Compatible with WooCommerce 4.3.1
		- Updated: Compatible with Slider Revolution 6.2.15
		- Updated: Compatible with WordPress 5.4.2
	31 May 20: Updated version 1.5
		- Updated: Compatible with WooCommerce 4.1.1
		- Updated: Compatible with WPBakery Page Builder 6.2.0, Slider Revolution 6.2.10
		- Updated: Compatible with WordPress 5.4.1
	06 March 20: Updated to version 1.4
		- Updated: Compatible with plugin WooCommerce 3.9.3
		- Updated: Compatible with WordPress 5.3.2
		- Updated: Compatible with plugin Slider Revolution 6.2.1, plugin WPBakery Page Builder 6.1
	13 May 19: Updated to version 1.3
		- Updated: Compatible with plugin WooCommerce 3.6.5
		- Updated: Compatible with WordPress 5.2.2
		- Updated: Compatible with plugin Slider Revolution 6.0.8, plugin WPBakery Page Builder 6.0.5
		- Updated: Plugin BodyCenter Shortcodes version 1.1
		- Improved: Style for sticky menu
	13 May 19: Updated to version 1.2
		- Updated: Compatible with plugin WooCommerce 3.6.2
		- Updated: Compatible with WordPress 5.2
		- Updated: Compatible with plugin Slider Revolution, plugin WPBakery Page Builder 5.7
	31 March 19: Updated to version 1.1
		- Added: Home #3
		- Added: Product - top slider layout
	27 March 19: Released version 1.0