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