Z.One Module Configuration
Z.One - Column Blocks
1 Add new Block
- In COLUMN BLOCKS 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 - Custom CSS Class
Define a class name for this block - Block Type
We have 2 types: Product Block and Static HTML
2 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 - Product Thumbnail Position
Top: Product images are big.
Left: Product images are small. - 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
Example HTML code:<h4 class="column-title">Our Stores</h4> <p><img src="https://best.aonetemplate.com/img/cms/store.jpg" alt="" width="238" height="135" /></p> <p class="mb-0"> <a class="btn btn-primary" href="#">Discover Our Store <i class="material-icons">trending_flat</i></a> </p>
- Some screenshots of the static block:
Display this banner with Custom CSS Class option is no-box
Only display this banner on the home page with Custom CSS Class option is shown-index