Dynamic Collection

Section settings

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.

Image

Image: Select or upload an image for the banner.

Opacity: Set the opacity level for the thumbnail image.

Height: Adjust the height of the thumbnail image.

Custom height: Active when height setting is custom selected, allowing flexible adjustment of height on desktop and mobile

Collection

Items per row: This option lets you specify the number of collection featured in each row, allowing for a customized layout.

Column gap: Adjust the distance between collection items in the block.

Content settings

Show product count: Displays the number of products in the collection.

Content alignment: Align content horizontal (left/center/right) within the container.

Content alignment vertical: Align content vertically (top/center/bottom) within the container.

Max width: Adjust the max width of the content.

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

Block settings

Collection

Collection: Select Collection.

Image: Select or upload an image for the banner.

Use the provided text fields to add a suitable subheading/collection/button label. Leave any of them blank if you do not want to display them.

Font-size: Adjust text size.

Font-weight: Choose the appropriate boldness for each type of content.

Uppercase: Convert all letters to uppercase.

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

Collection title

Button