Product Information

Product Information

product-information-preview
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:

  1. Color Scheme: Select a background color to use if no background image is displayed.
  2. Background: Choose a background image for the section (if desired).
  3. Section Full Width: Toggle this setting to make the section span the full width of the screen. If disabled, customize the size at "Section max width."
  4. Content Full Width: Toggle this setting to make the content within the section span its full width. If disabled, customize the size at "Content max width."
  5. Padding and Margin: Adjust the padding and margin for the section on mobile, desktop, and tablet screens to control spacing.
  6. Section Optimization: Section optimize: Lazy Load Speed: The section will only load when it is scrolled to on the page, improving initial page load times.

section-layout-settings

  1. Choose to customize one out of three blocks: Information, Image, or Products.

blocks-customization

  1. Information Block:
    1. Heading: Enter the title.
    2. Description: Enter a detailed description.
    3. Image: Choose an image.
information-block
  1. Image Block: Choose an image to display on the page.
image-block
  1. Product Block:
    1. Image: Choose an image to represent the product.
    2. Product: Select the linked product on the page.
    3. Button Label: Enter button text (clicking this button will display detailed product information).
product-block




    • Related Articles

    • Product Page

      Product Page The product page is where customers can view detailed information about a specific product, and decide whether to buy it. This section provides an overview of the main elements of the product page layout, and explains where to customize ...

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

    • Color Swatch Setting

      This feature allows you to display color swatches (visual representations of colors) for products with color options, instead of just displaying the color names as text. Configuring Color Swatches on Product Page: Under the Product Information ...

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

    • Changelog - Azzel Themes and Presets

      [26/09/2025] Version 4.1.0 Changed Update the layout for the presets: Anysound, Docket, Audion [16/09/2025] Version 4.0.2 Fixes and other improvements Fix error translate search button Fix accessibility errors for all pages [08/09/2025] Version 4.0.1 ...