TC Medical Supplements Store Documentation

Setup Theme Layout

Being able to proceed with Theme Layout Setup.

1. Site Layout:

Visit Appearance click on Customize click on Theme setting click on Theme Layout setting

Select the site layout which you want, it has three site layouts

1. Full Layout: In this, theme will appear as deafault.

2. Contained Layout: In this, theme will appear as it is in the container-fluid.

3. Boxed Layout: In this, theme will appear as it is in the box container.

Suppose, Full layout selected then it will seems like below screenshot.

Suppose, Boxed layout selected then it will seems like below screenshot.

2. Sidebar Layout:

Visit Appearance click on Customize click on Theme setting click on Theme Layout setting

You can select the sidebar layout from here.

3. Preloader:

Visit Appearance click on Customize click on Theme setting click on Theme Layout setting

You can select the Theme Preloader from here.

Setup Color/Font Pallete

Being able to proceed with Color/Font Pallete.

Visit Appearance click on Customize click on Theme setting click on Color/Font Pallete

1. Theme Color: Here You can change the global theme color.

After color change theme will look like below screenshot.

2. Color: Here you can change the colors of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

2. Fonts: Here you can change the Font Family of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

3. Font Size: Here you can change the Font size of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

Their customizer settings are like below screenshot.

Setup Top Header

Being able to proceed with Site Identity,

Visit Appearance click on Customize click on Site Identity

here You might include logo and also you can change the logo width.

Being able to proceed with Top Header.

Visit Appearance click on Customize click on Theme Settings click on Top Header

1. Show/hide Topbar: Here You have an option for show/hide Topbar.

2. Sticky Header: Here You have an option to stick the header on top.

3. Shipping Text: Here You might include Shipping Text.

4. Delivery Text: Here You might include Delivery Text.

5. Navigation Font Size: Here You have options to give font size for navigation menu.

6. Navigation Case: Here You have options to add uppercase or capitalize case for navigation menu.

This will enable you to add top header section.

Setup Social Icon

Being able to proceed with Social Icon Section.

Visit Appearance click on Customize click on Theme Settings click on Social Icon.

Follow these instructions to set up Social Icons Section :

• Add Facebook Link : You might include your facebook link here. As soon as you add facebook link using this option, an facebook social icon will be displayed on the top-bar of your website.

• Add Twitter Link: You might include your twitter link here. As soon as you add twiiter link here, you can see twiiter icon in the top-bar of your website.

• Add Instagram Link: You might include your instagram link here. As soon as you add instagram link here, you can see instagram icon in the top-bar of your website.

• Add LinkdIn link: You might include LinkdIn Link here. As soon as you add LinkdIn link here, LinkdIn icon will be displayed on the top-bar of your website.

• Add Youtube Link : You might include your youtube link here. As soon as you add youtube link here, an youtube social icon appears on the top-bar of your website.

Setup Slider

Follow these instructions to setup slider.

1. Create a new page and name it as "slide1" or whatever you want, set it's featured image, title, and the content. Repeat this process for other slides.

Being able to proceed with slider.

Visit Appearance click on Customize click on Theme Settings click on Slider Settings. and select the page which you have created for slide and click twice the checkbox of show/Hide Slider.

Being able to proceed with Slider Section,

Visit Appearance click on Customize click on Theme Settings click on Slider Settings.

1. Show / Hide slider: Here You have an option to Show / Hide slider

2. Select Slide Image Page: Here You have an option to add path of slider image.

3. Show / Hide slider Title: Here You have an option to Show / Hide Title of slider.

4. Slider Image Opacity: Here You have an option to change transparency of slider image.

5. Slider Content Alignment: Here You have an option to add position of slider content, Left Alignment, Center Alignment, Right Alignment.

6. Slider Content Spacing: Here You have an option to add spacing beteween the slider content , top-bottom and left-right.

7. Slider Speed: Here You have an option for give the speed of slider to load slider fast..

Setup Services

Follow these instructions to setup Services.

Visit Appearance click on Customize click on Theme Settings click on Services Section.

Add the Fitness services here like below screenshot.

This will enable you to add Services section.

Setup Best Sellers

Being able to proceed with featured products section,

Visit Dashboard Product Add New

First got products and add new, then set your product name, description about product, regular price of the product, set sale price of product, then You may choose product image, You might include product gallery and choose the category of product in which you want to show the product.

Visit Appearance Pages Add New.

Insert New Page name it & add shortcode "[products limit="4" columns="4"]" for 4 products in 4 columns.

Visit Appearance click on Customize click on Theme Settings click on Featured Products.

Add section title and select the product shortcode page which you have created.

Setup Footer

Footer have four coloumns. Any widget can be added there.

There are two ways adding widgets to the footer.

1. Visit Appearance Widgets.

The screenshot below shows how to add widgets to the footer.

You might include footer coloumns, for that you must choose widgets like as text, images, galleries, etc. Which allows you to add text or picture based on your choice with ease.

Once you add widgets to the footer, your footer will appear as follows:

2. Now, let's see the another important way to add widgets to the footer of your website.

Visit Appearance Customize Widgets

Once you will select widgets, you will get this page, refer the below screenshot.

Now you can select footer1, footer2 footer3 and footer4 option to add footer contents using widgets one by one.

Once you are done setting up footer, footer of your website will appear as follows:

Contents may vary as you add it.

Visit Appearance click on Customize click on Theme Settings click on Footer Section.

Being able to proceed with Footer Section,

1. Show/Hide Top Button: Here You have an option to Show/Hide Back to Top Button.

2. Back to Top Icon: Here You have an option for Back to Top Icon.

3. Back to Top Button Text: Here You have an option to Back to Top Button Text.

4. Back to Top Button Alignment: Here You have an option to Alignment of Back to Top Button like Right , Center , Left.

5. Footer Background Color: Here You have an option to Selecting Background color for footer.

6. Footer Background Image: Here You have an option to Selecting Background image for footer

Footer Text

Being able to proceed with Footer,

Visit Appearance >> Customize >> Theme Settings >>Footer Text

Being able to proceed with copyright Section,

1. Copyright Alignment: Here You have an option for Copyright Aligntment like Center , Left , Right.

2. Copyright Font Size: Here You have an option for Font Size of Copyright.

3. Copyright Top Bottom Padding: Here You have an option to Top Bottom Padding of Content for Copyright.

4. Copyright Text: You might include text which you want to show on footer here.

Setup 404 & No Result Page

Visit Appearance click on Customize click on Theme Settings click on 404 & No Result Page Section.

Being able to proceed with 404 Section.

1. 404 Page Title: error 404 page has a page title not found.

2. 404 Page Text: error 404 page has a page Contain not found

3. 404 Page Button Text: error 404 page Text of Button not found

4. No Result Page Title: error site title not found

5. No Result Page Text: error site contain not found

WooCommerce Plugin

First, you need to download woocommerce plugin from the site Wordpress.org . Next, you need to Visit WordPress admin and visit Plugin.

You will see a success message like this after installation is finished.Once installed, you need to click on the Activate Plugin link to start using the plugin.

Setup WooCommerce Section

Visit Appearance click on Customize click on Theme Settings click on Additional WooCommerces Section.

Being able to proceed with Additional WooCommerces Section.

1. Product per row: Here You have an option to add Number Of Product in one Row.

2. Product per page: Here You have an option to add Number Of Product in one single page.

3. Enable / Disable Shop page sidebar: Here You have an option to Enable / Disable sidebar of shop page.

4. Enable / Disable Product page sidebar: Here You have an option to Enable / Disable sidebar of product page.

5. Enable / Disable Related product: Here You have an option to Enable / Disable Feature Related product.

6. Button Top Bottom Padding: Here You have an option to add top bottom padding of Product button.

7. Button Border Radius: Here You have an option to add border radius of Product button.

8. Enable / Disable product border: Here You have an option to Enable / Disable product Outer border.

8. Enable / Disable product border: Here You have an option to Enable / Disable product Outer border.

9. Product Top Bottom Padding: Here You have an option to top bottom padding for product.

10. Product Right Left Padding: Here You have an option to right left padding for product.

11. Product Border Radius: Here You have an option to give border radius to product.

12. Sale badge Position: Here You have an option to add postion of sale badge like right portions or left position.

13. Sale Top Bottom Padding : Here You have an option to add top bottom padding for sale badge.

14. Sale Border Radius: Here You have an option to add border radius for sale.

Setup Menus

• First create pages from Visit Dashboard Pages Insert New Page.

• Visit Appearance Menu.

• to create a new menu link, click.

• Give your menu a name in Menu name, then click the Save Menu button..

• Once you have create menu. You need to Add pages by checking the appropriate boxes. You may drag and drop the menu list into place after adding it.

• Selecting a menu theme location using the checkboxes below.

See this screenshot for better understanding.

Posts, Categories and Post Formats

Adding category

Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel

• Access your WordPress Administration Panel by logging in. (Dashboard).

Click the Posts tab.

• With that done, click Categories for blog posts.

• Type in the name of your new category.

• After that, click the Add New Category button.

Click the Publish button.

Visit Appearance click on Customize click on Theme Settings click on Post Setting.

Being able to proceed with Post Section,

1. Enable / Disable Post Date: Here You have an option to Enable / Disable Post Date.

2. Enable / Disable Post Author: Here You have an option to Enable / Disable Post Author.

3. Enable / Disable Post Comments: Here You have an option to Enable / Disable Post Comments.

4. Enable / Disable Featured Image: Here You have options to Enable / Disable Featured Image.

5. Featured image border radius: Here You have options to add border radius for featured image

6. Featured image box shadow: Here You have an option to add box shadow for featured image.

7. Post Content Type: Here You have an option to post content type like showing content full or Excerpt Content.

8. Post Button Text: Here You have an option to add text for post button.

9. Top Bottom Button Padding: Here You have an option to add top bottom padding for post button.

10. Left Right Button Padding: Here You have an option to add left right padding for post button.

8. Button Border Radius: Here You have an option to add border radius for post button.

10. Post Navigation Type: Here You have an option to add post button navigation type , Next/Prev Button.