TABLE OF CONTENTS

• I. SLIDESHOW 
  • 1. General settings
  • 2. Layout settings
  • 3. Slider settings
  • 4. Block image
• II. BLOCK SETTINGS
  • 1. Block item
  • 2. Block editing
  • 3. Categories

I. SLIDESHOW 
1. General settings

- Layout Mode: Wide/ Boxed

- Right sidebar: Image/ Image (overlay on the slideshow)/ Product/ None 

- Background color

- Section margin: following the order Top Right Bottom Left

- Section padding: following the order Top Right Bottom Left

2. Layout settings

• Slideshow height: Auto/ Full Screen/ Manually
• Manually slideshow height: drag to adjust the height for the slideshow manually
• Tick to Disable lazy load or Push the layout to the right

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

- Dots position-bottom: Drag to adjust to dot position

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

4. Block image
Insert values into corresponding boxes 

• Image
• Textbox
• Button label
• Button link

II. BLOCK SETTINGS

Add block to have more content

Here are some common contents that will be available. You can adjust these contents to set up the block item.

1. Block item

- Select images to set:

• Image Desktop
• Image Mobile

 - Image layout: It's shown overlay on the block image

- Textbox  layout: Enter texts to show:

• Heading
• Subtext
• Subtext 2
• Link: link to another page after clicking on the Button label

The blocks under are to modify each part of the block item above. You need to drag those blocks under the block item you want to modify its parts. 

2. Block editing

[+] Content wrapper: 

• Block label: you can give the block a name to easily identify it later
• Text block position: following the format Left(%):Top(%). E.g: 15%:15%;15%:15%;5%:15% (learn how to add values correctly)
• Text alignment: Left/ Center/ Right

[+] Paragraph:

This section is to modify 2 main parts of the text box: Heading and Subtexts. Both of them have the same settings, including:

Font size: following the order: Desktop, Ipad, Mobile

• Color
• Font weight (0 is auto): drag to adjust
• Margin: following the order: Top Right Bottom Left (E.g: 5px 8px 5px 8px)
• Line height

[+] Image Layout:

This section is to modify the layout of the block image, including:

• Position: following the order: Left(%):Top(%)
• Width: E.g: 520px

3. Categories

This is a block item:

- Heading: set the heading for this item

- Collection: select a collection to display