Home v3 via Page Template

Edit Page Screen

Following are the steps to create Home v3 using page template :

  • Create a new page from Pages > Add New
  • In the Page Attributes meta box that is usually present below the Publish meta box, choose the page template as Homepage v3 and click on Publish or Save Draft
  • You can now view this saved page and it will load Home v3 template with its default values
  • When the page reloads, you will have the Home v3 page options to help you configure the blocks in Home v3

Page Content

The Page content area is the WordPress editor area which is empty by default. This is because Home v3 content is loaded via Homepage v3 template and is configurable via Home v3 Page Options. Any content added to the content area is not loaded by default. It needs to be enabled from Home v3 Page Options > General > Page Content. Once you enable it the content from the editor area will be loaded the order is determined by the priority number given.

Home v3 Page Options

General

The General Tab lists all available blocks for Home v3. It also has options to enable/disable each block and determine each blocks order of appearance in the page.

Vertical Menu, Slider, Category & Features

Output

Settings

  • Vertical Menu
    • Enable vertical Menu – Enable or disable vertical menu
    • Title – Enter title – Default: Categories
    • Vertical Menu Aside Action Text – Enter vertical menu aside action text – Default: View All
    • Vertical Menu Aside Action Text Link – Enter vertical menu aside action text link
    • Menu – Choose menu to displayed – Default: Vertical Menu
  • Slider
    • Slider Shortcode – Enter slider to displayed on your page
  • Category Block
    • Enable Category Block – Enable to have category block
    • Category Slug – Enter categories
    • Limit – Enter number of products to displayed – Default: 5
    • Column – Enter number of columns – Default: 5
    • Hide Empty – Check to hide category without product
    • Features List
      • Enable Features list – Check to display features list
        • Feature 1
          • Icon – Enter feature icon – Default: flaticon-security
          • Label – Enter feature label – Default: 100% Payment
            Secured
        • Feature 2
          • Icon – Enter feature icon – Default: flaticon-security
          • Label – Enter feature label – Default: 100% Payment Secured

Products Carousel 1

Output

Settings

  • Show Header – Check to have header portion
  • Section Title – Enter section title – Default: Deals of the day
  • Header Aside Action Text – Enter header aside text – Default: View All
  • Header Aside Action Link – Enter header aside text link – Default: #
  • Products – Select the products to be displayed
  • per_page – Enter the number of products to be displayed – Default: 8
  • Orderby – Choose the order of your products, either by date, id, menu order, popularity, rand, rating and title. The title will arrange it based on the alphebetical order. – Default: Date
  • Order – Choose the products to be displayed either in Ascending or Descending Order – Deafult: ASC
  • Carousel Args
    • slidesToShow – Enter the number of products to displayed – Default: 6
    • slidesToScroll – Enter the number of products to scroll – Default: 6
    • autoplay– Check to have autoplay option in carousel

Products Carousel 2

Output

Settings

  • Show Header – Check to have header portion
  • Section Title – Enter section title – Default: Best Rated Products
  • Header Aside Action Text – Enter header aside text – Default: View All
  • Header Aside Action Link – Enter header aside text link – Default: #
  • Products – Select the products to be displayed
  • per_page – Enter the number of products to be displayed – Default: 8
  • Orderby – Choose the order of your products, either by date, id, menu order, popularity, rand, rating and title. The title will arrange it based on the alphebetical order. – Default: Date
  • Order – Choose the products to be displayed either in Ascending or Descending Order – Deafult: ASC
  • Carousel Args
    • slidesToShow – Enter the number of products to displayed – Default: 6
    • slidesToScroll – Enter the number of products to scroll – Default: 6
    • autoplay– Check to have autoplay option in carousel

Banner

Output

Settings

  • Banner image – Upload banner image
  • Link – Enter banner link
  • Extra Class Name – Enter additional class name for this block

Products 4-1-4 Block

Output

Settings

  • Show Header – Check to have header
  • Section Title – Enter section title – Default: New Arrivals
  • Header Aside Action Text – Enter header aside text – Default: View All
  • Header Aside Action Link – Enter header aside text link – Default: #
  • Products – Select the products to be displayed
  • per_page – Enter the number of products to be displayed – Default: 8
  • Orderby – Choose the order of your products, either by date, id, menu order, popularity, rand, rating and title. The title will arrange it based on the alphebetical order. – Default: Date
  • Order – Choose the products to be displayed either in Ascending or Descending Order – Deafult: ASC

Products 1-8 Block

Output

Settings

  • Section Title – Enter section title – Default: Best Seller Products on Gaming Categories
  • Show Categories Tab – Check to have categories tab
  • Tab Title – Enter tab title – Default: Gaming
  • Category Number – Enter the number of categories to be displayed – Default: 7
  • Category Slugs – Enter categories to displayed
  • Products – Choose products to displayed
  • Category Slugs – Enter categories to displayed
  • Orderby – Choose the order of your products, either by date, id, menu order, popularity, rand, rating and title. The title will arrange it based on the alphebetical order. – Default: Date
  • Order – Choose the products to be displayed either in Ascending or Descending Order – Deafult: ASC

Flash Sale Block

Output

Settings

  • Show Header – Check to have header
  • Section Title – Enter section title – Default: Flah
    sale
  • Show Timer – Check to have timer in header portion
  • Background Image – Upload background image
  • Timer Value – Enter header timer value – Default: +8 hours
  • Timer Title – Enter header timer title – Default: Timer Value
  • Shortcode Content – Choose products to displayed
  • Per_page – Enter number of products to be displayed in a page – Default: 20
  • Orderby – Choose the order of your products, either by date, id, menu order, popularity, rand, rating and title. The title will arrange it based on the alphebetical order. – Default: Date
  • Order – Choose the products to be displayed either in Ascending or Descending Order – Deafult: ASC
  • Carousel Args
    • rows – Enter the number of rows to displayed- Default: 2
    • slidesPerRow – Enter the number of products to displayed in a row- Default: 4
    • slidesToShow – Enter the number of products to displayed – Default: 1
    • slidesToScroll – Enter the number of products to scroll – Default: 1
    • autoplay– Check to have autoplay option in carousel

Categories Block

Output

Settings

  • Section Title – Enter section title – Default: Shop by Categories
  • Category Slug – Enter category slug
  • Limit – Total number of products to show. Default: 12
  • Columns – Enter the number of product columns to be displayed – Default: 4
  • Hide Empty? – Enable/disable if you would like to hide the category or not

Brands Carousel

Output

Settings

  • Section Title – Enter section title – Default: Our Official Brand
  • Orderby – Choose the order of your products, either by date, id, menu order, popularity, rand, rating and title. The title will arrange it based on the alphebetical order. – Default: Date
  • Order – Choose the products to be displayed either in Ascending or Descending Order – Deafult: ASC
  • Limit – Enter the number of products to be displayed – Default: 15
  • Hide Empty? – Enable or disable empty brands to displayed
  • Carousel Args
    • slidesToShow – Enter the number of brands to displayed – Default: 6
    • slidesToScroll – Enter the number of brands to scroll – Default: 6
    • autoplay– Check to have autoplay option in carousel