Block Sections¶
This is a powerful and unique feature of the theme, let you rearrange contents, show/hide contents block on the homepages without editing the theme's source code. And No HTML/CSS programming knowledge required.
In the Theme Editor > Homepage. There is 10 sections (or placeholder), where you can pick a content block to show on.
- Section 1 is a placeholder which only support Carousel block - the main image slideshow.
- Section 2 to Section 10 are placeholder which support the following blocks:
- New Products
- Featured Products
- Popular Products
- 1st 3 Banners
- 2nd 3 Banners
- 3rd 3 Banners
- 1st 4 Banners
- 2nd 4 Banners
- 3rd 4 Banners
- 1st Two Banners 2/3 & 1/3 Column
- 2nd Two Banners 2/3 & 1/3 Column
- 3rd Two Banners 2/3 & 1/3 Column
- 1st Parallax Banner
- 2nd Parallax Banner
- 3rd Parallax Banner
- Recent Blog Posts
- Brands Carousel
New / Featured / Popular Products Blocks¶
The theme supports 3 layout type of New Products, Featured Products and Popular Products blocks:
- Grid
- List
- Carousel
Products Grid:
Products List:
Products Carousel:
Configure a Layout Type of products block & Number of Products to show up¶
In the Theme Editor > Homepage, look into New Products section (or Featured Products, Most Popular Products):
- Display type: Choose appropriate layout type (Grid, List or Carousel).
- Number of Products: Choose number of products to show up.
Show/Hide Quickview button¶
When hover on a product item, Quickview button is showed up by default. To disable this feature, uncheck the checkbox Show Quickview in the Theme Editor > Products section.
Change colors and image sizes¶
In the Theme Editor > Products section, Look into the color options below Product cards, Product Sale Badges, Product cards (Quick search) and Image sizes's options.
Change the heading text¶
To change the heading text (New Products, Featured Products, Most Popular Products), edit the language file, look for the key products
> new
or featured
or top
.
Image Banners¶
The theme supports these type of banner blocks:
- 2 Banners with size 2/3 column & 1/3 column.
- 3 Banners with the same size 1/3 column.
- 4 Banners with the same size 1/4 column.
- Parallax banners.
Group of 2 banners size 2/3 & 1/3 column
Group of 3 banners same size 1/3 column
Group of 4 banners same size 1/4 column
Parallax banner
Each banner type supports up to 3 instances.
Edit banner text and images¶
To change banner images, heading text, description and buttons, edit the language file, find the key emthemesmodez
> banners
:
twothird_onethird_1
: The first group of 2 banners with size 2/3 column & 1/3 columnbanner1
: Is the first bannertitle
: Banner heading texttext
: Banner description textbutton
: Button textimage
: Banner image URLurl
: Image and button link
banner2
: Is the second banner
twothird_onethird_2
: The second group of 2 banners with size 2/3 column & 1/3 columntwothird_onethird_3
: The third group of 2 banners with size 2/3 column & 1/3 columnonethird_x3_1
: The first group of 3 banners with size 1/3 columnonethird_x3_2
: The first group of 3 banners with size 1/3 columnonethird_x3_3
: The first group of 3 banners with size 1/3 column
If you don't want to show any elements of a banner, for example the button, leave the value a single space character. Example: "button": " "
.
Recent Blog Posts¶
This block show the most recent blog posts, maximum 3 posts are allowed to show up.
Customize heading text and other text¶
To change the heading text, read more text and date format, edit the language file. Find the key blog
> recent_posts
, posted_by
and read_more
, edit its values as you want.