Sleek Theme
Sleek Theme
Theme Sections

Collection list

2 min read
image

The collection list displays a quick list of desired collections to catch visitors' attention.

How to add a Collection list

Steps

  1. In the theme editor (Customize), click Add section
  2. Locate Collection list
  3. Save.
To know more about creating and editing collections, see Collections.

How to edit a Collection list

Section settings

Layout

Choose your preferred collection list Layout to draw customers' attention.

image
image
image

Section header

Use the provided text fields to add a suitable Heading, Subheading, and Text.

  • Leave them blank if you do not want to display them

You can also change the Heading size to Heading 1/ Heading 2/ Heading 3 and the Text alignment to Left/ Center to make the content look balanced on your website.

image

Highlight text

Use the provided text fields to add a suitable Text.

  • Leave it blank if you do not want to display it

You can also change the Description size to Small/ Base size/ Large to make the content look balanced on your website.

image

Card settings

To sync the Color scheme of the block with the section, select βœ… Use section color scheme checkbox.

image

Moreover, you can change the card's Style:

  • Use global settings
  • Standard
  • Card
image
image
image

Select the card's Image ratio as:

  • Adapt to image
  • Square (1:1)
  • Portrait (3:4)
  • Landscape (4:3)
image

Grid settings

Set the Number of columns for desktop view between 2-6 columns; and choose your favorable Column gap as Extra large/ Large/Medium/Small/ Extra small/ None.

image

You can βœ… Enable the carousel on desktop (when the number of collections added > the number of columns).

image

Mobile layout

You can βœ… Enable swiping on mobile or display the collections in a 2-grid column layout.

image

Block settings

Each collection block has its own settings such as Collection title (Leave blank to use collection's title), Image, and Collection link to choose from.

image
Last updated