Featured Collection

The Featured Collection section helps users display products from a collection on the homepage. Configure as follows:

Section Header:

1. Heading: Enter the title.
2. Heading Size: Select the display size for the title.
3. Sub-heading: Enter the sub-heading if any.
4. Description: Enter detailed description information.
5. Alignment: Align the displayed information.
6. 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:

1. Select a collection and the number of products displayed on the page.
2. Number of Columns: Choose the number of columns displayed on desktop, mobile, and tablet screens.

Section Footer:

1. Button Label: Enter button text.
2. Button Link: Choose the link to the collection so that clicking the button displays the entire collection.
3. Choose to display the link in a new window or the current window if unchecked.
   

Section Layout:

1. Color Scheme: Select a background color if no background image is displayed.
   
2. Background: Choose a background image if available.
3. Section Full Width: Select or deselect (if unselected, customize size at Section max width).
4. Content Full Width: Choose full width for content (if not, customize at Content max width).
5. Adjust padding and margin on mobile, desktop, and tablet screens.
   
6. Section Optimization: Lazy Load Speed: The section loads only when scrolling to it on the page.

When hovering over a product, a second product image, the cart, etc., will display. Configure as follows:

1. In Theme Settings - Product Card, select or deselect the following options:
2. Show Second Image on Hover: Displays a second product image when hovering over the main image.
3. Show Vendor: Displays the vendor name on the product name.
4. Enable Quick Add Button: When hovering over a product, displays product options under the image, including a cart icon for quick additions without opening the product page.
5. Hidden Button on Mobile: Does not display buttons when tapped on mobile screens.

• Related Articles

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

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

• Marquee Text

  This section allows you to display featured titles in a sliding format, highlighting key information or promotions on your page. General Settings: Select font display size: Choose the desired font size for the featured titles. Select number of ...

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

• Product Information

  This section allows users to display detailed information about a single featured product, including an image and link. It is divided into three columns on the homepage. Configure as follows: Section Layout: Color Scheme: Select a background color to ...