Sparkle Documentation

A complete guideline

Configure HomePage Settings

Search the Documentation..

We are here to help you ...

View Categories

Configure HomePage Settings

9 min read

Table of Contents
Metrostore Pro Provides a “Home Page” template for your home page. Please follows these steps to configure your home page with “home page” template.

HomePage Setting #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Pages > Add New
  3. Enter the Page Title for the Page. You do not require to enter anything in the content section for creating a home page.
  4. Select the Home Page Template from the Page Attributes section.
  5. Click Publish

 

 

Configuring the front Page display setting #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Appearance > Customize > Static Front Page.
  3. Select A static page under Front Page displays.
  4. Click Save & Publish.

 

 

Note : Remember that Metrostore Pro WooCommerce themes fully base on Widget so first configer home page using widget. #

About Section With Services #

 

Create Page for Services #

  1. Log into your WordPress site and opens the Administration Panel.
  2. First of all, create a Page for Services
  3. Add Page Title,Excerpt/Content Services Section in page field.
  4. Click Save > Publish.

Configure About Section With Services #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  4. Drag & Drop “MS : About Section” & Manage all settings About & Service Area in Widget Options Per as you Want
  5. Click Save > Publish.

 

 

Our Services Section #

 

Create Page for Services #

  1. Log into your WordPress site and opens the Administration Panel.
  2. First of all, create a Page for Services
  3. Add Page Title,Excerpt/Content Services Section in page field.
  4. Click Save > Publish.

Configure Our Services (Pro) #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  4. Drag & Drop “MS : Our Services (Pro)” & Manage all settings Services Area in Widget Options Per as you Want
  5. Click Save > Publish.

 

 

WooCommerce Category Collection #

 

Configure WooCommerce Category Collection #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  4. Drag & Drop “MS : Woo Category Collection” & Manage WooCommerce Category Collection Options Per as you Want
  5. Click Save > Publish

 

 

 

WooCommerce Category Collection in Tabs #

 

Configure WooCommerce Category Collection in Tabs #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  4. Drag & Drop “MS : Woo Tabs Category” & Manage WooCommerce Category Collection Tabs Options Per as you Want
  5. Click Save > Publish.

 

 

MS: Woo Special Offer Deal (Pro) #

 

Configure MS: Woo Special Offer Deal (Pro) #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  4. Drag & Drop “MS: Woo Special Offer Deal (Pro)” & Manage All MS: Woo Special Offer Deal (Pro) Widget Options Per as You Want
  5. Click Save > Publish.

 

 

WooCommerce Category Features Image With Related Product #

 

Configure WooCommerce Category With Product Section #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  4. Drag & Drop “MS : Woo Category With Product” & Manage woocommerce category with product section options per as you want
  5. Click Save > Publish.

 

 

 

MS: Woo Products List (Pro) #

 

 

Configure MS: Woo Products List (Pro) #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  4. Drag & Drop “MS: Woo Products List (Pro)” & Manage All MS: Woo Products List (Pro) Widget Options Per as You Want
  5. Click Save > Publish.

 

 

WooCommerce Product Different in (Latest, Features, Upsell, OnSale) Tabs #

 

 

Configure WooCommerce Default Display Product Type #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  4. Drag & Drop “MS : Woo Default Tabs” & Manage WooCommerce Default Tabs Settings Options Per as you Want
  5. Click Save > Publish.

 

 

 

WooCommerce Product Type Section (Latest, Features, Upsell, OnSale or Category) #

 

Configure WooCommerce Product Type Section #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  4. Drag & Drop “MS : Woo Product Area” & Manage WooCommerce Product Area Sections Options Per as you Want
  5. Click Save > Publish

 

 

MS:Team Member Widget (Pro) #

 

Configure MS:Team Member Widget (Pro) #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  4. Drag & Drop “MS:Team Member Widget (Pro)” & Manage All MS:Team Member Widget (Pro) Widget Options Per as You Want
  5. Click Save > Publish.

 

 

MS: Testimonial Widget (Pro) #

 

Configure MS: Testimonial Widget (Pro) #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  4. Drag & Drop “MS: Testimonial Widget (Pro)” & Manage All MS: Testimonial Widget (Pro) Widget Options Per as You Want
  5. Click Save > Publish.

 

 

Full Promo Video Widget Area #

 

Configure Promo Video Widget Area #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  4. Drag & Drop “MS : Promo Video Area” & Manage all Settings Options Per as you Want
  5. Click Save > Publish.

 

 

MS: Promo Widget (Pro) #

 

Configure MS: Promo Widget (Pro) #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  4. Drag & Drop “MS: Promo Widget (Pro)” & Manage All MS: Promo Widget (Pro) Widget Options Per as You Want
  5. Click Save > Publish.

 

 

 

MS: Full Promo Widget (Pro) #

 

Configure MS: Full Promo Widget (Pro) #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  4. Drag & Drop “MS: Full Promo Widget (Pro)” & Manage All MS: Full Promo Widget (Pro) Widget Options Per as You Want
  5. Click Save > Publish

 

 

Skills Section #

 

Configure Skills Section #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  4. Drag & Drop “MS : Skills Section” & Manage all Skills Section Settings Options Per as you Want
  5. Click Save > Publish.

 

 

Blogs Widget Section #

 

Configure Blogs Widget Section #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  4. Drag & Drop “MS : Blogs Posts” & Manage all Blogs Posts Settings Options Per as you Want
  5. Click Save > Publish.

 

 

Quick Contact Information #

 

Configure Quick Contact Information #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  4. Drag & Drop “MS : Quick Contact Info” & Manage all Quick Contact Information Settings Options Per as you Want
  5. Click Save > Publish.

 

 

 

Contact Form Settings #

 

Install Contact 7 Form Plugins #

  1. Log into your WordPress site and opens the Administration Panel.
  2. Click Navigate to Plugins > Add New in the WordPress Dashboard.
  3. Search for the name of the plugin Contact Form 7 to install which will return a list of potential plugins.
  4. Click Details to read more about a plugin.
  5. Click “Install Now” to install the plugin.
  6. It may ask if you are sure, and you may proceed. The installation will commence once you confirm to proceed.
  7. After the plugin install. Go to Plugins>Installed Plugins. Click “Activate Plugin” to make it available for use.

Then

Configure Contact Form #

    1. Log into your WordPress site and opens the Administration Panel.
    2. Click Navigate to Contact > Click on Add New
    3. Manage the form div structure per as below instruction
<div class = "row" >
<div class = "col-md-6" >
[text* text-89 class:lab-line placeholder "Your Name (required)"]
<div/>
<div class = "col-md-6" >
[email* email-395 class:lab-line placeholder "Your Email (required)"]
<div/>
<div/>
[text text-393 class:lab-line placeholder "Your Subject"]
[textarea* textarea-804 class:lab-area placeholder "Your Message"]
<p class = "align-center" >
[submit class:lab-submit "Send"]
<p/>
  1. Go to Dashboard > Appearance > Widgets
  2. Open > Widgets > MS : Metrostore HomePage Widget or MS: Top FullWidth Widget Area (Pro) or MS: Buttom FullWidth Widget Area (Pro)
  3. Drag & Drop “MS : Contact Form Area” & Manage all Settings Per as you Want & Add the Contact Form Shortcode also (‘[contact-form-7 id=”1722″ title=”ContactUs”]’)
  4. Click Save > Publish.

 

 

 

What are your Feelings

Powered by BetterDocs

Copyright © 2025 Sparkle Documentation - WordPress Theme : by Sparkle Themes