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

    • Collections Page

      Collections List Page The Collections List Page displays all of your store's collections in a list format. Customize Collections list page From your Shopify admin, go to Online Store > Themes. Click on Customize on the theme you want to edit. On the ...

    • Azzel Theme Setting

      On the customization page, click on the second icon to access the theme settings. Now, let’s explore each component in the theme settings one by one! Color With the Colors setting, you can create and customize unique color palettes for different ...

    • Home Page

      Understanding Sections and Blocks Sections are the building blocks of your store's layout in Shopify, providing a flexible way to arrange content on each of your store's pages. Accessible from the left-side menu in the Theme Editor, sections are made ...