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


    • Related Articles

    • Featured Collection

      The Featured Collection section helps users display products from a collection on the homepage. Configure as follows: Section Header: Heading: Enter the title. Heading Size: Select the display size for the title. Sub-heading: Enter the sub-heading if ...
    • Collections Page

      Collections List Page The Collections List Page displays all of your store's collections in a list format. Customize Collections list page From your Shopify admin, go to Online Store > Themes. Click on Customize on the theme you want to edit. On the ...
    • Azzel Theme Setting

      On the customization page, click on the second icon to access the theme settings. Now, let’s explore each component in the theme settings one by one! Color With the Colors setting, you can create and customize unique color palettes for different ...
    • Compare Page

      A Compare Page allows customers to view a comparison of different products in your store. Customers can add products to the comparison list by clicking the compare icon (two opposite arrows ?) on the product image. With each product image, when ...
    • Articles Pages

      Creating an Article: Go to Online Store in Shopify Access Blog posts Click Add blog post After completing the creation, fill in the following information: Title: Enter a descriptive title for your blog post (e.g., "Blog about your latest products or ...