Product Information
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.
Add Block: Select Information, Image, or Product.
Information Block:
Heading: Enter the title.
Description: Enter a detailed description.
Image: Choose an image.
Image Block: Choose an image to display on the page.
Product Block:
Image: Choose an image to represent the product.
Product: Select the linked product on the page.
Button Label: Enter button text (clicking this button will display detailed product information).
Related Articles
Azzel Theme - Product Page Config
The Product Details are displayed in three main blocks: Product Image: Displayed at the top, right below the header. Product Information Block: Shown on the right side of the screen. Product Name and Options Block: Displayed on the left side of the ...Product Live
This section enables users to showcase product videos on the homepage. When clicking on an image or the "watch now" button, the video is displayed in the center of the screen, with the related products on the right. Configure the following: Section ...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., ...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 ...Lookbook slider
The Lookbook Slider section displays a main lookbook image on the left side of the screen, while the right side shows products from the lookbook as a slide. Configure this section as follows: Section Header: Heading: Enter the title. Heading Size: ...