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 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.
In the Section Body:
Select a collection and the number of products displayed on the page.
Number of Columns: Choose the number of columns displayed on desktop, mobile, and tablet screens.
Section Footer:
Button Label: Enter button text.
Button Link: Choose the link to the collection so that clicking the button displays the entire collection.
Choose to display the link in a new window or the current window if unchecked.
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.
When hovering over a product, a second product image, the cart, etc., will display. Configure as follows:
In Theme Settings - Product Card, select or deselect the following options:
Show Second Image on Hover: Displays a second product image when hovering over the main image.
Show Vendor: Displays the vendor name on the product name.
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.
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
To access the theme settings in the theme editor, click on the second icon beside the template options. Now, let’s see all the components on the theme settings one by one! 1. Color You can create and customize unique color palettes and apply them to ...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., ...Marquee Text
This is the section that helps you put featured titles on the page in slider form. General Select font display size Select number of seconds to display content on page Section Layout: Color Scheme: Select a background color if no background image is ...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 if ...