TABLE OF CONTENTS
SLIDESHOW
I. 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 (visit the link to know how to insert values correctly)
- Section padding
LAYOUT SETTINGS
- Slideshow height: Auto/ Full Screen/ Manually
- Manually slideshow height: drag to adjust the height for the slideshow manually
- Tick to Disable lazyload and Push the layout to the right
>>> View clip to know how it works
SLIDER SETTINGS
Tick to enable features
- Loop
- Controls
- Dots
- Autoplay
- Dots position - bottom: Drag to adjust to dot position
- Change slide every (s): set the switch time for each slide
BLOCK IMAGES STYLE & BLOCK IMAGE (including in Theme - Home 4, 4.1, 7, 10)
Insert values into corresponding boxes:
- Image
- Textbox
- Button label
- Button link
II. BLOCK SETTINGS
Add blocks to have more content
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
4 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. [+] 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
3. [+] Paragraph
HEADING
- Font size
- 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
The settings for Subtext and Subtext2 is the same
4. [+] Image Layout
- Position: Left(%):Top(%) (E.g: 50%:50%)
- Width: Eg 150px
5. [+] Button
- Font size: Eg: 45px
- Use the color picker to adjust color for each element on the button
- Font weight (0 is auto)
- Padding: Order: Top Right Bottom Left. E.g: 5px 8px 5px 8px
- Button rounded corners: E.g: 8px 8px 8px 8px
6. Categories
BLOCK ITEM
- Heading: set the heading for this item
- Collection: select a collection to display