Collection list
Last updated
Last updated
Viola 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
Enable checkbox for make section full with on right side
Heading position
Following is the font size customization of the heading of the section:
Next to the collections
Left
Center
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 “1” and a maximum of “6” products.
Heading
Enter text to display as a title on the section.
Heading size
Following is the font size customization of the heading of the section:
Small
Medium
Large
Description
Enter text to display as a description on the section.
Image ratio
In the section, Image size customization is as follows:
Adapt to image
Portrait
Square
Button label
Use "Button label" to add a label to the button in the section.
Button link
Use "Button link" to add a link to the button in the section slideshow image.
Button style
Customization of the "View all" style in the Collection list section is as follows:
Link
Outline button
Solid button
Number of rows
"Number of rows" is to customize the rows on the desktop and mobile screen. You can show a minimum of “1” and a maximum of “3” rows.
Text alignment
Customization of "Text alignment" as follows:
Left
Center
Right
Uppercase collection name
Enable checkbox for capitalize collection name
Show collection description
Enable checkbox for show collection description
Enable image overlay button
Enable checkbox for show button on collection image
Image overlay button color
Button label
This option allows you to change the button label color of the collection list section.
Button background This option allows you to change the button background color of the collection list section.
Button border This option allows you to change the button border color of the collection list section.
Button hover label This option allows you to change the button hover label color of the collection list section.
Button background hover This option allows you to change the button background hover color of the collection list section.
Button border hover This option allows you to change the button border hover color of the collection list section.
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 Column
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.
Description
Enter text to display as a description in the section.
