Single Banner with Products

Modified on Fri, 19 Apr at 1:21 PM

TABLE OF CONTENTS

I. SINGLE BANNER WITH PRODUCTS
II. BLOCK SETTINGS
- 1. Block Item
- 2. Paragraph

1. 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

2. Backgournd 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

3. Background image on mobile

- 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

4. 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

5. 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: Desktop, Tablet, Mobile respectively

- 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