SINGLE BANNER WITH PRODUCTS

I. GENERAL SETTINGS

- Section height: learn how to insert values

- Layout Mode: Boxed/ Layout

- Section margin: following the order - top right bottom left (learn how to insert values)

- Section padding

BACKGROUND IMAGE ON DESKTOP

- Background image: select an image 

- Background size: Auto/ Cover/ Contain

- Background position: choose a position from available options

- Background repeat: incase the image you choose doesn't fit the background, you can choose repeat options to get the image cover full of the background

- Background size

- Background position

- Background repeat

BLOCK PRODUCT

- Collection: select a collection

- 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: 7,3,2 (Desktop, Tablet, Mobile respectively)

- Spacing between items: tick to add space between items

- Limit: drag to set the amount of items displaying on the section

SLIDER SETTINGS

Tick to enable:

• Enable Slider
• Loop
• Control
• Dots
• Autoplay

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

II. BLOCK SETTINGS

1. Block Item

- Tab heading: give a name to set the heading for the tab

- Image: select an image

TEXTBOX LAYOUT

Insert values into those boxes

- Heading

- Subtext

- Button label

- Link

2. [+] Paragraph

Leave this block under the block item to modify the block's text settings

HEADING

- Font size

- Color: use the color picker to adjust the color

- Font weight (0 is auto): drag to set the font weight

- Margin

- Line height: Eg. 21px

SUBTEXT

- Font size

- Color: use the color picker to adjust the color

- Font weight (0 is auto): drag to set the font weight

- Margin

- Line height: Eg. 21px