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.
Enable the last part is cut off
Enable checkbox for make section cut effect on right side section.
Subheading
Enter text to display as a subheading on the section.
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.
Image overlay opacity
"Image overlay opacity" is to customize the opacity on the desktop and mobile screen. You can show a minimum of “1” and a maximum of “100”.
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
Show number over the image
Enable checkbox for show the collection number postition
Enable image overlay button
Enable checkbox for show button on collection image
Overlay button style
Customization of the "overlay button style" style in the Collection list section is as follows:
Link
Solid button
Design type
Customization of the "Design type" style in the Collection list section is as follows:
Text below image
Text over image
Slider arrow position
Customization of the "Slider arrow position" style in the Collection list section is as follows:
Top
Inline
Slider arrow style
Customization of the "Slider arrow style" style in the Collection list section is as follows:
Link
Outline button
Solid button
Enable arrow text
Enable checkbox for show collection slider arrow with text.
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.
