Collection list

Live Chat Support | Webibazaar Template

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.

Setting	Description
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

Add Collection

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:

Block	Description
Collection	Select a collection to display collection in the section.
Description	Enter text to display as a description in the section.