Help and Support

Click here for support:
Support
File Structure

The template package you have downloaded consists of several folders. Let's see what each folder contains:

    Screenshots -contains template screenshot. Not for production.
  • theme -contains wordpress theme files
  • "storefront-ecommerce.zip" -this folder contains all the necessary files for the theme.
  • "license.txt" -contains license details
  • "readme.txt" -contain information about theme images path, font use and usage script

Template Installation

The process of installing templates is incredibly simple and straightforward.

1-Install a theme using wordpress admin

To begin, please log in to your WordPress admin area. Then, click on the specified option.

1.Vist to Appearance >> Select Themes

2. Once you are on the themes page, Tap the "Add New" button located at the top.

3. Select the upload theme option.

4. Click on Browse Button then select your storefront-ecommerce-0.1.zip theme and click on install now button.

5. WordPress will now install your selected theme and display a success message. You will be provided with an activation link or the option to preview the theme live

Congratulations your theme have been successfully installed

Fetch Demo content

This theme supports the default Site Identity section provided by the WordPress and we have integrated some options in this theme in this section.

Follow these instructions to setup Home page.

    li class="list"> Make a Page to set the template.: Visit to Dashboard >> Select Pages >> Tap Add New Page.

    Label the page as "Home" or choose any other desired label. Then select template "home-page" from template dropdown.

  • 2. Set front page: Go to Setting -> choose Reading --> Tap Set front static page is displayed before the home page
  • When you're finished, visit the Top Header main page to view the entire sample.

How to set up Home Page

Setup Layout Settings

As a way to with Layout Settings,

The setup process is as follows: Layout Settings

Visit to Appearance >> Choose Customize >> Home Page Settings >> Layout Settings

In Layout Settings, You may choose the Blog Post Layout Sidebar and sidebar size.


Here You can click the checkbox if you want to Show / Hide preloader.


Here You can select type of preloader.


Here You can select background color.


Here You can select the Default layout for the themes.


After Default layout themes will look like screenshot


Here You can select the Container layout for the themes.


After Selecting Container layout themes will look like screenshot


Here You can select the Box-Container layout for the themes.


After Selecting Box-Container layout themes will look like screenshot


Setup Post General Settings

As a way to with Post General Settings, You can change blog post content limit and button text.

The setup process is as follows: Post General Settings.

Visit to Appearance >> Choose Customize >> Tap Theme Settings >>Post General Settings

In Post General Settings, You can show or hide date, author, comments and time.

In Post General Settings, You can setup padding and border radius.

In Post General Settings, You can show/hide Blog Page Pagination, setup Post Pagination Position and select Post Pagination option.

In Post General Settings, You may decide Blog Post Shown option.

Setup Social Icons

As a way to with Social Icons,

Visit to Appearance >> Choose Customize >> Tap Theme Settings >> Social Icons

In this way you can setup header.

Setup Slider Section

The setup process is as follows: the Slider

Go to Dashboard >> Pages >> Add New
and repeat the same for other tabs.

Visit to Appearance >> Choose Customize >> Tap Theme Settings >> Slider Section


For show/hide slider, click on the checkbox.

For Slider Content Limit, You can change slider content limit.

Once you've finished, the slider will appear on your home page.

Setup Products Section

How add new post for Products Section

1. Install Woocommerce plugin then Visit to Appearance >> Products >> Add New

Refer screenshot below for adding product.

Visit to Appearance >> Pages >> Add New

Add shortcorde "[products limit="4" columns="4" ]" to the content of page, which will appear the products at front page.

Visit to Appearance >> Choose Customize >> Tap Theme Settings >> Products Section

In this way you can make the Products Section.

Setup Responsive Media

As a way to with setup Responsive Section , the following instructions.

Visit to Appearance >> Choose Customize >> Home Page Settings >> Responsive Media


For Display Post Date, Author , Comment, and Time for mobile device or responsive media by click on checkbox .


For Display post sidebar for mobile device or responsive media by click on checkbox .


For Display slider for mobile device or responsive media by click on checkbox .


For Display Back to Top Button for mobile device or responsive media by click on checkbox .


For Display preloader for mobile device or responsive media by click on checkbox .


In this way you can setup Responsive Setting Section.

Setup 404 Page Not Found / No Result

As a way to with setup 404 Page , the following instructions.

Visit to Appearance >> Choose Customize >> Tap Theme Settings >> 404 Page Not Found / No Result



1. 404 Heading: You can add 404 page Heading.

2. 404 Content: You can add 404 page content

3. 404 Button: You can add 404 page button text



1. No Search Result Heading: You can add No Search Result Heading.

2. No Search Result Text: You can add No Search Result Text


In this way you can setup 404 Page Not Found / No Resultsection.

Setup Woocommerce

As a way to with Woocommerce , the following instructions.

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

You can 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.

Visit to Appearance >> Choose Customize >> Tap Theme Settings >> WooCommerce Settings


Here You have an option to add select the Number Of Product in one Row and single page.


Here You have an option to Enable / Disable shop page sidebar by click on checkbox.


Here You have an option to Enable / Disable product page sidebar by click on checkbox.


Here You have an option to Enable / Disable Related product of shop page by click on checkbox.


Here You have an option to add border radius for product sale button of the theme.


Here You have an option to give the size for sale button.


Here You have an option to top-bottom, left-right padding for Sale product button.


Here You have an option to select the product sale postion of the theme.


Here You have an option to enable / disable product border by click on checkbox.


Here You have an option to top-bottom, left-right padding for product.


Here You have an option to give border radius to product.


Here You have an option to give box shadow to the product.


In this way you can setup Woocommerce Section.

Page Templates and sidebars

Page Templates

  • Default Template ( default page template with right sidebar position)
  • Custom Home Page Template (the default home page template with right sidebar position)
  • Page with Left Sidebar Template (the page template with left sidebar position)
  • Page with Right Sidebar Template (the page template with right sidebar position)

Post, Categories and Post Formats

Adding category

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

  1. Log into Using your WordPress Admin Panel (Dashboard).
  2. Click the Posts tab.
  3. With that done, click Categories for blog posts.
  4. Type in the name of new category.
  5. After that, click Add New Category button.
Click Publish button.

Creating a Blog post

  1. Access your WordPress Dashboard by logging in.
  2. Tap Posts tab.
  3. Click the Add New tab.
  4. Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.

Custom Widgets

Copyright © 2022 Buy WP Templates. All Right Reserved.