Z.One Module Configuration

Z.One - Homepage Blocks

1 Block Position

Top of Homepage

Main Homepage

Bottom of Homepage

Frontend

2 Add new Block

• In the BLOCKS LIST section, click on ADD NEW button to open the New Block page
• Title
  Give a block title
• Enable on Desktop
  Enable this block on desktop version
• Enable on Mobile
  Enable this block on mobile version
• Position
  This module only works on the homepage. We have 3 position: Top of Homepage, Main Homepage, Bottom of Homepage
• Custom CSS Class
  Define a class name for this block
• Block Type
  We have 3 types: Product Block, Static HTML and Tabs Layout

3 Block Type

Product Block

• Number of Products
  Set the number of products displayed on desktop version
• Number of Products on Moblie
  Set the number of products displayed on mobile version
• Enable Slider
  Enable/Disable slider effect on desktop version
• Enable Slider on Mobile
  Enable/Disable slider effect on mobile version
• Slider Autoplay
  Enable/Disable slider autoplay on desktop version
  Slider autoplay will be disabled on mobile version
• Products per Row
  The number of products/columns per row on desktop version
  The number of products per row on mobile version is '1 or 2' depending on the number of products desktop version
• Sort Order
  Product listing sort by
• Get Products From
  • Featured Products (list products in the home/root category)
  • New Products
  • Special Products
  • Best Seller Products
  • Selected Products
  • Products from Category
• Some screenshots of the product block:

Static HTML

• Content
  You can get the HTML code of the banners on demo site here
• Some screenshots of the static block:

Tabs Layout

• With this type, you can put the Product block and Static HTML block in a horizontal tabs.
• By default, the tab layout will be disabled on mobile version.