TABLE OF CONTENTS

• I. SINGLE PRODUCT
  • 1. General settings
  • 2. Backgound settings
  • 3. Layout settings
  • 4. Slider settings
• II. BLOCK SETTINGS 
  • 1. Block item
  • 2. Heading style

I. SINGLE PRODUCT

1. General settings

- Layout Mode: Wide/ Boxed
- Style: drag or enter the number to select the style for this section
- Section margin: following the order Top Right Bottom Left (visit the link to know how to insert values correctly)

- Section padding: following the order Top Right Bottom Left

2. Backgound settings

- Background color: select the color 

- Background image: upload an image

3. Layout settings

- Heading: enter the text to set heading for this 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  (Only for Style 3 & 4)

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

4. Slider settings

 - Tick to enable features

• Loop: once the slideshow reaches the end, it repeats from the beginning.
• Controls: it will appear an arrow to move to the next slide
• Dots: used as indicators to show the number of slides or images within the slideshow and to provide users with a visual cue of their current position within the sequence of slides.
• Autoplay

- Change slide every (s): set the switch time for each slide

II. BLOCK SETTINGS 

1. Block item

A block item is a specific content element or component within a section.
To set up a block item, you can modify:
- Product: select a product to display

- Textbox (Only for Style 1):

• Image: select a image to display
• Text color
• Enter the text for Text and Subtexts

2. Heading style

- As the default, the heading style will base on Heading section setting (Theme settings > Typography >Heading section).
If you want to set up the specific style for heading, you can click on Add block to add Heading style 

- To modify Heading style, you can adjust these options:

• Alignment
• Margin
• Text color
• Font size
• Font weight
• Line height