Collection list
Last updated
Last updated
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.
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
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:
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.
