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