Collection list
Last updated
Last updated
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.
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.
Direction
Collection list "Direction" is as follows:
Row
Column
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.
Number of rows on desktop
"Number of rows on desktop" is to customize the rows on the desktop and mobile screen. You can show a minimum of “1” and a maximum of “3” rows.
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
Horizontal space
You can add horizontal space between collection cards using this feature.
Vertical space
You can add vertical space between collection cards using this feature.
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
Click on "Add Collection" and its customization screenshot is as follows.
