Collection list

Collection list


This section helps users display special collections on the homepage. To show collections, configure the following settings:

  • Section Header:

    • Heading: Enter the title.

    • Heading Size: Select the display size for the title.

    • Sub-heading: Enter the sub-heading if any.

    • Description: Enter detailed description information.

    • Alignment: Align the displayed information.

    • Button Text and Link: Enter text and select the link for the button, and choose whether to open the link in a new window or the current window.


  • Section Body:

    • Image Ratio: Customize the image ratio.

    • Column Number: Adjust the number of columns displayed on desktop, mobile, and tablet.



  • Section footer: 

    • Enter text and select the link for the button at the button label and button link.

    • Select the link to open in a new window or open in the current window if not seclected

  • Section Layout:

    • Color Scheme: Select a background color if no background image is displayed.

    • Background: Choose a background image if available.

    • Section Full Width: Select or deselect (if unselected, customize size at Section max width).

    • Content Full Width: Choose full width for content (if not, customize at Content max width).

    • Adjust padding and margin on mobile, desktop, and tablet screens.

    • Section Optimization:

      • Lazy Load Speed: The section loads only when scrolling to it on the page.


In Collection List, add a collection and configure as follows:

  • Choose the collection to display on the page.

  • Select an image to represent the collection.

  • Custom title: Enter a name for the collection.

custom-collection-list