Collection list

Live Chat Support | Webibazaar Template

Piano 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
Heading	Enter text to display as a title in the section.
Hide heading	By enabling this checkbox, you have the ability to hide section heading.
Button label	Text Use "Text" to add a label to the Button in the section. Icon Using this feature will display selected icon next to the button label. Button link Use "Button link" to add a link to the Button in the section. Button style Customization of the button style in this section is as follows: As a link No fill Fill
Enable "View all" button	By enabling this checkbox, you can see "View all" button, if list includes more collections than shown.
Image ratio	In the section, Image size customization is as follows: Adapt to image Portrait Square Landscape
Content alignment	Customization of "Content alignment" as follows: Left Center Right
Collections per row	"Collections per row" is to customize the column on the desktop screen. You can show a minimum of “3” and a maximum of “6” collections.
Enable rounded image	Enable this checkbox to you can show image in circle in this section.
Card style	Collection list "Card style" is as follows: Simple Zig zag
Layout	Collection list "Layout" is as follows: Slider Grid
Content position	Collection list "Content position" is as follows: Text below image Text over image
Enable collection title background	Allows you to enable a background behind the collection title.
Icon	Using this feature will display selected icon next to the collection title.
Use first product image as the collection image	By enabling this checkbox, you can show first product image as the collection image.
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
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

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
Select collection	Select a collection to display collection in the section.
Image overlay opacity	Modify this setting to increase or decrease the opacity level of the overlay on the collection image.