10 Section Block Product Styles #

Each block product style, you can add heading block, limit product items, sub title block, choose collections, show/hide label, more view slider, social sharing, appear affect, all button (add to cart, wishlist, quickview, compare), and add size image product that you want. Specially, you can change language at every title block.

Below is document for the original version. Some block product styles are customized in different theme. View here to see the customized block product styles in theme you installed.

In this article:

I. Block product style 1

Configuration :

– Heading : enter the title of block.
– Translate heading : translate title of block. Refer translate section to get more about it.
– Collection : choose a product collection to show products.
– Limit : the number of products will be shown.
– Block Sub Title : the subtitle display below of heading.
– Translate Sub Title : translate for subtitle.
– Block Button Href : the link of button display below of subtitle.
– Block Button Title : the title of button display below of subtitle. If empty, this button is not shown.
– Translate Button Title : translate for button title.
– Show label : show/hide the label of product such as sale, new, trend, bestseller( view this section to config your product labels )
– Show Wishlist :  show/hide wishlist button.
– Show Add to cart : show/hide add to cart button.
– Show Quick Shop button : show/hide quickshop( quickview ) button.
– Show Compare button : show/hide compare button.
– Show More View Slider : show/hide more views image slider.
– Show Social Sharing button : show/hide social sharing button such as facebook, twitter, pinterest …
– The elements appear with effect : Turn on/off lazy load image. If enabled, product image is only loaded when the product appears in user’s screen.
– Image size : enter the size of product image.
– Image More View Size : enter image size of more view images.
– Full Width : tick this field to display with full width of screen.

II. Block product style 2

Configuration :

– Heading : enter the title of block.
– Translate heading : translate title of block. Refer translate section to get more about it.
– Limit : the number of products will be shown in each tab.
– Show label : show/hide the label of product such as sale, new, trend, bestseller( view this section to config your product labels )
– Show Wishlist :  show/hide wishlist button.
– Show Add to cart : show/hide add to cart button.
– Show Quick Shop button : show/hide quickshop( quickview ) button.
– Show Compare button : show/hide compare button.
– Show Social Sharing button : show/hide social sharing button such as facebook, twitter, pinterest …
– The elements appear with effect : Turn on/off lazy load image. If enabled, product image is only loaded when the product appears in user’s screen.
– Image size : enter the size of product image.
– Image Big Size : enter image size of product image on the right.
– Full Width : tick this field to display with full width of screen.

In each tab :

– Collection : choose collection to show products.
– Title : enter title of tab.
– Translate title : translate for tab title.

III. Block product style 3

Configuration :

– Heading : enter the title of block.
– Translate heading : translate title of block. Refer translate section to get more about it.
– Limit : the number of products will be shown in each tab.
– Show label : show/hide the label of product such as sale, new, trend, bestseller( view this section to config your product labels )
– Show Wishlist :  show/hide wishlist button.
– Show Add to cart : show/hide add to cart button.
– Show Quick Shop button : show/hide quickshop( quickview ) button.
– Show Compare button : show/hide compare button.
– Show More View Slider : show/hide more views image slider.
– Show Social Sharing button : show/hide social sharing button such as facebook, twitter, pinterest …
– The elements appear with effect : Turn on/off lazy load image. If enabled, product image is only loaded when the product appears in user’s screen.
– Image size : enter the size of product image.
– Image Big Size : enter image size of product image on the right.
– Full Width : tick this field to display with full width of screen.

In each tab :

– Collection : choose collection to show products.
– Title : enter title of tab.
– Translate title : translate for tab title.

IV. Block product style 4

Configuration :

– Heading : enter the title of block.
– Translate heading : translate title of block. Refer translate section to get more about it.
– Limit : the number of products will be shown in each tab.
– Show label : show/hide the label of product such as sale, new, trend, bestseller( view this section to config your product labels )
– Show Wishlist :  show/hide wishlist button.
– Show Add to cart : show/hide add to cart button.
– Show Quick Shop button : show/hide quickshop( quickview ) button.
– Show Compare button : show/hide compare button.
– The elements appear with effect : Turn on/off lazy load image. If enabled, product image is only loaded when the product appears in user’s screen.
– Image size : enter the size of product image.
– Full Width : tick this field to display with full width of screen.

In each tab :

– Collection : choose collection to show products.
– Title : enter title of tab.
– Translate title : translate for tab title.
– Banner image : upload banner image for tab.

V. Block product style 5

Basic Configuration:

– Heading : enter the title of block.
– Translate heading : translate title of block. Refer translate section to get more about it.
– Limit : the number of products will be shown in each tab.
– Show label : show/hide the label of product such as sale, new, trend, bestseller( view this section to config your product labels )
– Show Wishlist :  show/hide wishlist button.
– Show Add to cart : show/hide add to cart button.
– Show Quick Shop button : show/hide quickshop( quickview ) button.
– Show Compare button : show/hide compare button.
– The elements appear with effect : Turn on/off lazy load image. If enabled, product image is only loaded when the product appears in user’s screen.
– Full Width : tick this field to display with full width of screen.

Column 1 configuration:


In content of section is the icon list in column 1.
– Icon Image : upload image of icon.
– Icon Title : enter title of icon.
– Translate Icon Title : translate for title of icon.
– Icon Link : the url of icon.

Column 2 configuration:

– Collection Column 2 : choose a collection to display product.
– Limit Product Column 2 : the number of products will be displayed in column 2.
– Image Size : the size of product image in column 2.

Column 3 configuration:

– Collection Column 3 : choose a collection to display product.
– Limit Product Column 3 : the number of products will be displayed in column 3.
– Image Size : the size of product image in column 3.

VI. Block product style 6

Basic Configuration:

– Heading : enter the title of block.
– Translate heading : translate title of block. Refer translate section to get more about it.
– Show label : show/hide the label of product such as sale, new, trend, bestseller( view this section to config your product labels )
– Show Wishlist :  show/hide wishlist button.
– Show Add to cart : show/hide add to cart button.
– Show Quick Shop button : show/hide quickshop( quickview ) button.
– Show Compare button : show/hide compare button.
– The elements appear with effect : Turn on/off lazy load image. If enabled, product image is only loaded when the product appears in user’s screen.
– Full Width : tick this field to display with full width of screen.

Column 1 Configuration

– Collection : choose collection to show products.
– Limit : the number of products will be displayed.
– Image Size : the size of product image.

Column 2 Configuration

– Column title : enter the title of column.
– Translate Column Title : display column title in multi language.
– Collection : choose collection to show products.
– Limit : the number of products will be displayed.
– Image Size : the size of product image.

Column 3 Configuration

Column 3 display the static links. You can edit them in content of section.
– Text Link : The title of link.
– Url Link : the url of link.

VII. Block product style 7

Basic configuration

– Heading : enter the title of block.
– Translate heading : translate title of block. Refer translate section to get more about it.
– Show Wishlist :  show/hide wishlist button.
– Show Add to cart : show/hide add to cart button.
– Show Quick Shop button : show/hide quickshop( quickview ) button.
– Show Compare button : show/hide compare button.
– The elements appear with effect : Turn on/off lazy load image. If enabled, product image is only loaded when the product appears in user’s screen.
– Full Width : tick this field to display with full width of screen.

Tabs configuration

In content of section is the tab list. Each tab will show products of a collection. Below is the configuration of a tab :
– Tab Title : display the title of tab.
– Translate Tab Title : display tab title in multi language.
– Collection: choose a collection to show products.
– Banner 1 : upload banner image 1.
– Banner 2 : upload banner image 2.

VIII. Block product style 8

Basic configuration

– Block Name : this field is not shown in front page. It help you avoid confusion when you add many sections are product style 8.
– Show label : show/hide the label of product such as sale, new, trend, bestseller( view this section to config your product labels )
– Show Wishlist :  show/hide wishlist button.
– Show Add to cart : show/hide add to cart button.
– Show Quick Shop button : show/hide quickshop( quickview ) button.
– Show Compare button : show/hide compare button.
– The elements appear with effect : Turn on/off lazy load image. If enabled, product image is only loaded when the product appears in user’s screen.
– Full Width : tick this field to display with full width of screen.

Column 1 configuration


– Column title : enter the title of column.
– Translate Column Title : display column title in multi language. Refer translate section to get more about translating in section.
– Choose product : choose a product to display.
– Image size : the size of product image.

Column 2 configuration

– Column title : enter the title of column.
– Collection : choose a collection to display products.
– Translate Column Title : display column title in multi language. Refer translate section to get more about translating in section.
– Limit : the number of products will be displayed.
– Image size : the size of product image.

IX. Block product style 9

Basic configuration

– Block Name : this field is not shown in front page. It help you avoid confusion when you add many sections are product style 9.
– Show Wishlist :  show/hide wishlist button.
– Show Add to cart : show/hide add to cart button.
– Show Quick Shop button : show/hide quickshop( quickview ) button.
– Show Compare button : show/hide compare button.
– The elements appear with effect : Turn on/off lazy load image. If enabled, product image is only loaded when the product appears in user’s screen.
– Full Width : tick this field to display with full width of screen.

Column 1 configuration

– Column title : enter the title of column.
– Translate Column Title : display column title in multi language. Refer translate section to get more about translating in section.
– Choose product : choose a product to display.
– Image size : the size of product image.
– Image more view size : the size of product more view images.
– Banner : upload your advertising banner.
Especially, you can see a count down timer in column 1. If you want to show deal time for product, it will be helpful. You can enter deal time for each product or all. Check the article to get more about product count down timer.

Column 2 configuration

– Column title : enter the title of column.
– Translate Column Title : display column title in multi language. Refer translate section to get more about translating in section.
– Choose product : choose a product to display.
– Image size : the size of product image.
– Image more view size : the size of product more view images.

X. Block product style 10

Basic configuration

– Block Name : this field is not shown in front page. It help you avoid confusion when you add many sections are product style 10.
– Show Wishlist :  show/hide wishlist button.
– Show Add to cart : show/hide add to cart button.
– Show Quick Shop button : show/hide quickshop( quickview ) button.
– Show Compare button : show/hide compare button.
– Show Social Sharing button : show/hide social sharing button such as facebook, twitter, pinterest …
– The elements appear with effect : Turn on/off lazy load image. If enabled, product image is only loaded when the product appears in user’s screen.
– Full Width : tick this field to display with full width of screen.

Part 1, 2 configuration



– Title : enter the title.
– Translate Title : display title in multi language. Refer translate section to get more about translating in section.
– Description : enter description which is displayed below the title.
– Translate Description : display description in multi language. Refer translate section to get more about translating in section.
– Collection : choose a collection to show products.
– Banner : upload banner image.

Help Guide Powered by Documentor
Suggest Edit