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 screen, including options to add items to the cart.
Product Page Configuration in Product - Default Product
In Product Information, configure the display settings as follows:
Image Style:
Cover: product image will be displayed in full frame
Contain: product image is displayed in frame (will display all details in the image)
Enable Sticky Content on Desktop: Check this to make the product information section sticky.
Enable Sticky Add to Cart: When checked, products added to the cart will be displayed at the bottom of the page when scrolling down.
Tab Description: Content here is automatically pulled from the product information created in the store.
Tab Custom:
Heading: Enter the title.
Content: Enter content for the product.
Size Chart
Enter a title for the Size chart
To set up a Size Chart:
First, create a Size Chart page by going to Online Store > Pages and creating a new page for your size chart.
Then, in Online Store > Products, for any products requiring a size chart, go to Product Metafields and select the size chart page created.
Complementary Products
Heading: Enter a title for the complementary products section.
Max Number of Products to Display: Specify the maximum products and default products per page.
To select products for display, go to Online Store - Product, select any product, scroll to Product Metafields, and choose products under Complementary Products.
Icon with Text
Heading: Enter the title.
Image: Choose an image for display.
Related Products
Related Products are displayed as sliders.
Heading: Enter a title and choose its size.
Description: Optional; enter a description if desired.
Max Products to Show: Adjust or leave as default.
Number of Columns: Select the number of columns for display on various screen sizes.
Note: Product labels such as “New,” “Sale,” and “Best Seller” can be displayed on product images. To configure these labels, go to Theme Setting - Product Label and adjust settings as follows:
New Label:
Show New Label: Enable or disable. When enabled, new products added will display a “New” label in the top-left corner of the product image.
Color Scheme: Choose the label color.
Label: Enter the label text.
End Date After: Set the number of days for displaying the label.
Sale Label:
Show Sale Label: Enable or disable. When enabled, products with two price levels will display a “Sale” label in the top-left corner.
Color Scheme: Choose the label color.
Label: Enter the label text.
Display Sale Percent: Enable or disable percentage display of price difference. If disabled, only the “Sale” label will appear.
Best Seller Label:
Show Best Seller Label: Enable or disable. When enabled, a “Best Seller” label will appear in the top-left corner of the product image.
Color Scheme: Choose the label color.
Label: Enter the label text.
Best Seller Tag: Enter a tag name. Then, go to Product - any product - Tag and enter the “best seller” tag to display this label on the product image.
Related Articles
Azzel Theme - Contact Page Config
The Contact Us page is divided into two sections: the left side displays the contact form and information, while the right side shows the store's location. I. Create the Contact Page Go to Online Store in Shopify. Access Pages. Click Add Page and ...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 - About Page Config
I. Create the About Page Go to Online Store in Shopify. Access Pages. Click Add Page and enter a title. In Theme Template, select the about-us template. II. Configure the About Page Access Themes → Customize → Page → About. Breadcrumb: Set up page ...Azzel Theme - FAQ Page Config
To create a FAQ Page, you need to do as follows: 1. Go to Online Store in Shopify 2. Access Pages 3. Click Add Page and enter a title 4. In Theme template, select FAQ template To configure FAQ Page: Access Themes → Customize → Page → FAQ FAQs You can ...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., ...