Product Tab V1

Modified on Mon, 15 Apr at 5:50 PM

TABLE OF CONTENTS


I. GENERAL SETTINGS

 

- Layout Mode: Boxed/ Wide

- Background color

- Boder radius: rounds the corners of an element's outer border 


- Section margin: learn how to add values correctly here

- Section padding: following the order - top right bottom left


LAYOUT SETTINGS

- Heading: enter the text to set heading for this block

- Subtext: add a subtext or paste an external link to the box the attach it to subtext

- Number items per row: enter the number to set the amount of items showing in a row. Add a comma to set for other devices. Eg: 4,3,2 (Desktop, Tablet, Mobile respectively)

- Spacing between items: tick to add space between items

- Limit: drag to limit total of the products showing in the section



TAB HEADING

- Vertical style: tick to enable the vertical style (The options below are not used when activating Vertical style)

Make sure yo uncheck the vertical style above to adjust the elements below

- Alignment: Left/ Center/ Right

Border style: choose a style 


SLIDER SETTINGS  (Not for Style is Special product) 

Tick to enable:

  • Enable Slider
  • Loop
  • Control
  • Dots
  • Autoplay

- Control position: Same row with Heading/ Below Heading 

- Change slide every (s): drag to auto switch slide in seconds (tick to enable Autoplay)


>>> Demo video Electro XI- Product Tabs V1 [general settings]


II. BLOCK SETTINGS

1. Speacial product

- Heading: enter the text to set heading for this block

- Style: NormalSpecial ProductImage (the style settings will be shown under)

- Collection: select a collection to display its products on the block



Modify style:

SPECIAL PRODUCT (remember to switch to style "special product"  preview")

- Position: Choose the position for the product

- Product: select a product to show as the special one

- Label: enter text to embed in the product


BLOCK IMAGE

- Style: drag to change style

- Image: select image to show

- Link: attach a link or search from the metafields to the image


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article