Collection list

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.

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

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.

Last updated