Collection list
Last updated
Last updated
Koto theme provides a section, namely "Collection list" in this section, you can show the collection as a collection list slider. You can display a maximum of fifteen collections in this section.
Remove section spacing
By enabling this checkbox, you can remove spacing of the section.
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
Heading
Text
Enter text to defines the main heading of the section.
Text color
You can customize the foreground color of the heading by using the color option.
Size
Following is the font size customization of the heading of the section:
Small
Medium
Large
Alignment
Customization of the "Alignment" in this is as follows:
Left
Center
Display type
Customization of the "Display type" in the collection list is as follows:
Grid
Carousel
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 “4” and a maximum of “9” collections.
Image ratio
In the section, Image size customization is as follows:
Adapt to image
Portrait
Square
Enable rounded image
Enable this checkbox to set collection image shape circle.
Show border around card
Enable this checkbox to show border around collection card.
Enable border around image
Use this settings to show border around collection image.
Border color
You can customize the border color by using this color option.
Style
Customization of the "Style" in the collection list is as follows:
Standard
Card
Card color scheme
In this section, you can change the background and foreground color of the card using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Text alignment
Customization of "Text alignment" as follows:
Left
Center
Right
Text size
Customization of "Text size" is as follows:
Small
Medium
Large
Enable arrow
Enabling this checkbox will display an arrow next to the collection title. Info: Arrow will not move to left when 'text alignment' is set to 'left'
"View all" button
Enable "View all" button By enabling this checkbox, you can see "View all" button if list includes more Products than shown.
Label
Use "Label" to add a label to the Button in the section.
Style
Customization of the "View all" style in the collection list section is as follows:
Link
Outline
Solid
Position
Customization of the "View all button position" in the collection list section is as follows:
Top
Bottom
Carousel
Pagination style
This feature specifies the design and appearance of pagination controls like below:
None
Dots
Arrows
Disable arrows in mobile
Enable this checkbox to hide slider arrow from this section in mobile device.
Enable autoplay
Enable this checkbox to automatically rotate the images in the Collections.
Autoplay interval
Use the bar to set the auto-rotate time of the collection slide. You can set a minimum of “3” seconds and a maximum of “9” seconds.
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
To add collection to the collection list section, click on the 'Add Collection'. There are many options available similar to the collection list, as you can see in the below points and screenshot:
Collection
Select a collection to display collection in the section.
Collection name
Enter text to display as a collection name in the section.
Caption
Enter text to display as a caption or other text in the section.
Uppercase caption
Use this settings to show caption text in uppercase.
