Collection highlight

General
Section width: Can choose among Default, Fluid Container, Stretch width, Full width for the section layout.
Color scheme: You are allowed to change text color, background color, etc. with preset color.

Setting block wrapper
Column gap: Adjust spacing the block video and content.

Video
Video poster: Select an image to use as the video thumbnail.
Video URL/Local video: Choose between a video URL or a local video file to display. Note that if both are provided, the local video will take precedence.
Autoplay: The video will automatically play when entering the viewport area.

Carousel settings
Collection: Select Collection.
Items to show: Adjust the number of items displayed at the same time.
Show Next/Back: Display arrows to navigate to the next or previous item.
Dot: Choose from different types of pagination options.
Style Dot: Choose the design style for the carousel navigation dots.
Infinite slide: Scrolling to the end will display the first slide.
Auto change slides: After a certain time, the slide will automatically change.
Setup period time: Configure the time interval for changing slides.
Reveal next slide: Allow a part of the next slide to be visible while the previous one is still displayed.

Content settings
Content padding top/Content padding bottom: Configure the padding top/bottom for the content box.

Use the provided text fields to add a suitable subheading/heading/description/button. Leave any of them blank if you do not want to display them.
Header size: There are 3 styles to choose from: small/medium/large.
Font-size: Adjust text size.
Spacing bottom: Create space under each block.
Button link: Paste the link (URL) that will be redirected when clicked. You can paste the link directly or find the link in the list (product, collection, page, blog…).
Type: Choose a display style for the button: - Primary – The button stands out, the main color of the brand - Outline – The border, softer - Link – Display as a link, no background, no frame

Alignment: Adjust content (left/center/right) relative to the container.
Image: Select or upload an image for the banner.

Section padding: allows you to specify the space between this section and the preceding or following sections, or both.

Last updated