Top List Collection
Written by Annie
Last updated
This function allows showing list collections below the header. It will help customers easily find the collection they want.
1. Customization Options of top list Collections
1.1. General Options
Show top collections: Enable this option to show the Top list Collections below the header.
Select collections to show: This option allows you to select the collections you want to show. There are 3 types: All, Added collections, and Menu collections.
Sort collections by: Sorting only applies when "All" is selected. This function allows rearranging the order of collections.
Border: You can add the border for the Top List Collections with the None, Top, Bottom, or Top + Bottom position.
List collections align: This option allows you to align it. You can change the Left, Center, and Right alignment.
Hidden on mobile: When you enable this option, the top list Collections will be hidden on the mobile device.
1.2. Option For Items
Space between items: You can change the spacing between the items, please drag the range slider.
You also can change the Font color, Font size, Font weight ... for List Collections
Use prev next button: Creates and shows previous & next buttons. Only works when the screen is not enough to show all items.
1.3. Design Options
Design Options
Layout: There are 3 types of layout Container, Wrapped Container, and Full-width.
Background/Background gradient/Background image options allow you to design the background of the top list Collection.
Margin/Padding: These options if you do not use them, you can blank.
2. Select Collections for the Top List Collections
There are 3 ways for you to choose the collection list:
All: it will show all collections you have from Shopify Admin.
Added Collections: You can add collections here to show the collections that you want. Please click the Add Collection then you will see 2 elements Collection and Icon.
Menu Collections: You can choose the list collection from a menu.
Create the menu
Choose menu for the option