TABLE OF CONTENTS

• I. GENERAL SETTINGS
• II. BLOCK SETTINGS
  • 1. Special Product
  • 2. Block Link

PRODUCT TABS V1

I. GENERAL SETTINGS

- Layout Mode: Boxed/ Wide

- Background color

- 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

- Link: Search or paste an external link to the box the attach it to subtext

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

- 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)

>>> View demo clip

II. BLOCK SETTINGS

1. Special Product

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

- Style: Normal/ Special Product/ Image (the style settings will be shown under)

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

SPECIAL PRODUCT (remember to switch to style "special product" tp 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

2. Block Link

- Heading: give the collection a heading

- Collection: select collection