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.

• Enter a name for the collection.

• 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 ...

• Azzel Theme - Collections Config

  Collections List Page The Collections List Page displays all collections in the store in a list format. How to Create a Collections List Page: Access the Collections List section. Choose how to display collections in Sort Collections By (e.g., ...

• Azzel Theme - Compare Config

  You can notice the Compare section displayed as an icon of two opposite arrows ? on the right side of the screen. With each product image, when clicking the icon of two opposite arrows ? on the image, it means that the user is adding the product to ...

• Azzel Theme - Blog Page Config

  1. To create a Blog Page, you need to do as follows: 1. Go to Online Store in Shopify 2. Access Blog posts 3. Click Add blog post 2. After completing the content for Blog, in Organization, fill in the following information: Author: Name of the author ...

• Video with Text

  This section allows users to display information, products, or collections alongside a video. First, configure the video as follows Section Body: Video Ratio: Select the video ratio. Choose a video to display. Video Information: Color Scheme: Choose ...