Collection highlights

Section settings

General settings

Setting
Description

Section width

3 options for container

  • Stretch width: span the section width regardless of screen size.

  • Fixed width: depends on your page content width in Theme settings -> Layout.

  • Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.

Color scheme

Select colors from Theme settings -> Colors

Subheading

Use the subheading to provide additional context, supporting information.

Heading

The primary text element used to introduce or label the content within this section.

Enable heading underline animation

Enable heading underline animation

Underline style

Select Underline style

Underline color

Customize Underline color

Description

A text element used to provide additional details or supporting information related to the heading or content of the section.

Heading size

The size of the title:

  • Small

  • Medium

  • Large

Alignment

The position of the heading and description.

  • Left

  • Center

  • Right

Column gap

4 options for column gap:

  • No gap

  • Small

  • Medium

  • Large

Show product count

Show the current number of product in each collection

Collection highlights

Setting
Description

Collection highlights width

Setting the width for highlighted collections on desktop

Image ratio

The image ratio for the featured images of the blog posts:

  • Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped.

  • Portrait - Crops the images to use a 3:4 ratio.

  • Square - Crops the images to use a 1:1 ratio

  • Landscape - Crops the images to use a 4:3 ratio

Content position

Setting the position of your collections' content

Content alignment

2 options for the content alignment

  • Left

  • Center

Items per row on desktop

Number of columns to display on desktop computers. Minimum: 2. Maximum: 4.

Column gap

4 options for column gap

  • No gap

  • Small

  • Medium

  • Large

Setting
Description

Show navigation

Display the next and back controls for the carousel

Show pagination

Display the pagination for the carousel

Items per row on mobile

Number of columns to display on mobile devices.

Section padding

Setting
Description

Top

Customize the top margin of the section

Bottom

Customize the bottom margin of the section

Section divider

Settings
Description

Show divider

Toggles the visibility of a horizontal divider line within the section.

Block settings

Collection highlights, Collection list

Settings
Description

Collection

Select a collection to show

Image

Use an image as the current collection's thumbnail

Title

Set a new title for your collection or leave it blank to use the collection's title

Last updated