Azzel Theme - Product Page Config

Azzel Theme - Product Page Config

  1. To customize the Product page, you need to access Default product → Products.



  1. In Product Information, you can customize the display configuration:

  • Check “Enable sticky content on desktop” to add sticky status to product information.

  • Check "Enable sticky add to cart": products added to the cart will be displayed at the bottom of the page when scrolled down.


  1. In Media, you can customize the display configuration on the desktop:

  • Desktop layout: vertical/horizontal

  • Desktop media width: image display size on desktop

  • Desktop media position: product image display position, Left or Right.

  • Image zoom: choose how to zoom in the product image.



  1. Tab Description

Tab will be displayed in 2 formats:

  • Accordion: Displayed in place when clicking on Tab description. You can customize the default to always display the tab by checking "Enable” or “Disable" at Active. The same can be done with the Tab review and Free shipping.

  • Popup: Tabs such as Description, Reviews and Free shipping will be displayed from the bottom up when being clicked on and any other tabs.


  1. Size chart

  1. Enter a title for the Size chart

  1. First you need to create a Size chart page first. Go to Online store > Pages > create a page for your size chart.
  2. Then, in Online store > Products, for any products you want to add size chart to, go to the Product metafields and select the Size chart page you've just created.


6. Complementary products

  1. Enter a Heading
  2. Enter the maximum number of products to show and the default number of products to display per page.

  1. To select the product to display, users need to access Online store - Prodcut, at any selected product - scroll down to Product metafields - select the product at complementary products
  2. In Online store > Products, under Product metafields, select the products to add in Complementary products field.


7. Related product
  1. Related products are displayed as sliders
  2. Enter a heading and choose the heading size
  3. Enter a description (option)
  4. Edit the maximum products to show or leave it as is


    • Related Articles

    • Azzel Theme Sections / Home Page

      Themes use Sections to create your ideal layout, accessible from the left-side menu in the Theme Editor. Most sections are made up of blocks that serve a specific function, such as header, footer, single images, a collage of images, or links. Using ...

    • Azzel Theme - Collections Config

      I. Collections List Page Collections list page: Display all collections in the store in a list How to create a Collection list page: Access the Collections List section. Customize the title in Heading. Choose how to display collections in Sort ...

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

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

    • Azzel Theme - About Page Config

      1. To create an About 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 about-us template 2. To configure About Page: Access Themes → Customize → Page → ...