Modify Slideshow Section

Modified on Tue, 17 May, 2022 at 4:43 PM

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






























Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article