Collection list

Cello theme provides a section, namely "Collection list" in this section, you can show the collection as a slideshow. You can display a maximum of fifteen collections in this section.

SettingDescription

Make section full width on right side

By enabling this checkbox, you can make full width section on right side.

This feature will only work when 'Enable carousel on desktop' is enable.

Subheading

Enter text to display as a subtitle in the section.

Subheading style

Following is the Subheading style customization of the heading of the section:

  • Solid

  • Outline

  • Link

Heading

Enter text to display as a title in the section.

Heading position

Following is the heading position customization of the heading of the section:

  • Next to the collections

  • Top to the collections

Heading size

Following is the font size customization of the heading of the section:

  • Small

  • Medium

  • Large

Heading alignment

Following is the heading alignment customization of the heading of the section:

  • left

  • center

Description

Enter text to display as a description in the section.

Description style

Customization of the "Description style" in the Collection list section is as follows:

  • Body

  • Subtitle

  • Uppercase

"View all" style

Customization of the "View all" style in the Collection list section is as follows:

  • Link

  • Outline button

  • Solid button

Enable "View all" button

By enabling this checkbox, you can see "View all" button, if list includes more collections than shown.

Enable arrow icon

By enabling this checkbox, you can see "arrow icon".

Full width collection image

By enabling this checkbox, you can see full width collection image.

Image ratio

In the section, Image size customization is as follows:

  • Adapt to image

  • Portrait

  • Square

Number of columns on desktop

"Number of columns on desktop" is to customize the column on the desktop screen. You can show a minimum of “3” and a maximum of “5” products.

Enable carousel on desktop

Use "Enable carousel on desktop" to show the slider carousel in the desktop screen.

Slider arrow position

In this section, you can change slider arrow position is as follows:

  • Top

  • Inline

  • Bottom

This feature will only work when heading position is top to the collections.

Slider arrow style

In this section, you can change slider arrow style is as follows:

  • Button

  • Icon

Color scheme

In this section, you can change the background and foreground color of a section using the color scheme.

  • Scheme 1

  • Scheme 2

  • Scheme 3

  • Scheme 4

  • Scheme 5

Modifying the color of the background on hover will result in a corresponding color change for the collection card hover background. Modifying the color of the text on hover will result in a corresponding color change for the Collection card hover text.

Enable hover effect

By enabling this checkbox, you can see card hover effect.

card hover effects

  • Background color on hover

  • Text color on hover

Mobile layout

Number of columns on mobile

"Number of columns on mobile" is used for the customization of collection columns in Mobile devices.

  • 1 Column

  • 2 Columns

Add Collection

Click on "Add Collection" and its customization screenshot is as follows.

Last updated