Product Page

The main (left) section of the page consists of:

• • Images block:
    • Main image – shows the construction + color from the inside. Clicking the image opens a slider showing all images related to this product, as well as images from the collection media files (photo gallery of works).

      ---

      Please note! The third image in the slider shows how the product will appear when sharing a link on social networks and messengers (og:image). This image includes the product price.

      ---

    • Promo tag (if configured in the Configuration Variant) – displayed in the top left corner, over the image.
    • Discount percentage (if configured in the General collection information) – displayed in the top left corner, over the image.
    • Energy efficiency class with value – displayed in the top right corner, over the image. This value is calculated based on dimensions, configuration, and product variant – it is an intermediate value between the Uf coefficient of the collection and the Ug of the glass unit, depending on which area is larger. Description and classification can be configured in the section Online Sales ➤ Energy Efficiency Indicator and Energy Saving Classes.
  • Additional images – other images related to this product and from the collection media files (photo gallery), displayed as thumbnails. Arranged in a row, up to 4 images. If there are more than 4 images, the last thumbnail shows a +number indicating how many additional images are available.
  • Available colors block – lists popular colors + base color. Colors are configured in the collection settings under Online Sales ➤ Popular Colors. Colors are divided into two types – external and internal.
    • • External – color of the outer lamination. Selecting a color changes both outer and inner lamination for the product.
      • Internal – color of the inner lamination. By default, it matches the external color. Can only be changed to the base color.

  • ---

    In the mobile version of the site:
    
    • Additional settings and services block – divided into 3 sections for adjusting product configuration and adding services. By default, all parameters are collapsed except for services:
      1. Main parameters:
         • Size – allows changing the dimensions of the construction + adding/removing openings. Clicking opens a modal window to edit parameters.
         • Openings – allows adding/removing openings and changing dimensions. Clicking opens a modal window to edit parameters.
         • Configuration – allows selecting a different product variant (if other variants are configured in the collection settings) or going to the collection selection page (if the option "Allow viewing other collections from the product page" is enabled in Product Generation and Product Page Parameters).
         • External color – change outer lamination color. Clicking redirects the user to the configuration settings page (more details ➤ here).
         • Internal color – change inner lamination color. Clicking redirects to the configuration settings page (more details ➤ here).
         • Glass unit – change the glass unit. Clicking redirects to the configuration settings page (more details ➤ here).
      2. Accessories – if the product has accessories, a list with category and name is shown with an "Add" button. Clicking an accessory or the "Add" button redirects to the configuration settings page. If there are no accessories, only the "Add" button is displayed.
      3. Services – list of services available for this product. The quantity and price of services depend on pricing rules (more details ➤ here) and the list of services available for sale (more details ➤ here). Clicking the question mark icon opens a modal window with information about each service.
    • Information block – can be purely informative or include a feedback button. Details on configuring this block ➤ here.

      ---

  • Product description – generated according to the product description settings. If the text exceeds 5 lines, a Show More button appears, hiding the rest. Clicking expands the text and displays a Show Less button.
  • Technical specifications – lists all collection characteristics (details on collection settings ➤ here). Only the first four characteristics are displayed; the rest are hidden. Click Read More to view all. Next to the characteristic name is an icon , which opens an information block about the characteristic and a "View Similar Products" button, redirecting to the product list page with a filter for that characteristic.

    ---

    Please note! The "View Similar Products" button is not available for all characteristics.

    ---

  • Cross-sections and certificates – slider blocks with images from the collection, section "Media files / Documents", albums Profile cut drawings and Product certification. Details on configuration ➤ here.
  • Photos and videos – slider blocks with images from the collection, section "Media files / Documents", albums Photo gallery and Video gallery. Details on configuration ➤ here.
    

    ---

    Please note! In the mobile version, the blocks Technical specifications, Cross-sections, Product certification, Photos, Video gallery are hidden behind the "Read More" button.

    ---

  • Manufacturing time, price, and buttons block – only present in the mobile version, positioned at the bottom of the screen, moves while scrolling, and stops before the Related Products block. Includes:
    • Manufacturing time – shows the number of days for production, based on the base collection settings under "Manufacturing time of the basic configuration" (more details ➤ here). The title "Manufacturing time" can be configured in the site's online sales settings (more details ➤ here).
    • Price block – displays the amount + currency. Shows a crossed-out price without discount on the left of the regular price (if configured in General collection information).
    • Buttons block – depending on the configurator type settings (details ➤ here), buttons may be of two types:
      1. For "online sales" – large Buy button (add to cart), small icon button – Ask a Question (opens a modal with a feedback form)
      2. For "lead generation" – large Ask a Question button (opens a modal with a feedback form), small icon button – Buy (add to cart)

Similar products – a slider block displaying similar products. The selection of related products is based on size and opening type. They are sorted from the lowest to the highest price. If there are no products with similar parameters in the system, this block will not be displayed on the page.

Please note! The slider displays from 1 to 11 product cards, and the last card is a “All goods” button that leads to the product list page showing all similar products.

In the desktop version of the site, navigation arrows are located in the upper-right corner of the block. In the mobile version, navigation is done by swiping left or right.

Each product card contains the following information:

• Image – taken from the collection media files (photo gallery of works), using the first image from the album.
• Promo tag (if configured in the Configuration Variant) – displayed in the top-left corner over the image.
• Discount percentage (if configured in the General Collection Information) – displayed in the top-left corner over the image.
• Energy efficiency class with value – displayed in the top-right corner over the image. This value is calculated depending on the size, configuration, and product variant. It represents an intermediate value between the Uf coefficient of the collection and the Ug of the glass unit, depending on which surface area is greater. Description and classification can be configured under Online Sales ➤ Energy Efficiency Indicator and Energy Saving Classes.
• Product name
• General characteristics:
  • Profile system (number of chambers)
  • Frame depth (in millimeters)
  • No/ of gaskets (number of levels)
  • Glazing (type of glass unit)
• Price block – displays the price and currency. Shows the crossed-out price (without discount) above the regular price (if configured in the General Collection Information).
• Details/Change button – redirects to the selected product page.
• All goods button – redirects to the product list page to view all available similar products. The same button is displayed at the end of the slider with product cards.

Right Section – an additional block that displays data from the left section and allows users to customize the configuration, accessories, and services. The right section is available only in the desktop version of the website.

It consists of the following blocks:

• Main image block – a minimized version of the main product image.
• Product availability type.
• Product ID.
• Product name.
• Product rating.
• Production time.
• Price block – displays the price and currency. If configured in the General Information of the Collection, the crossed-out price (before discount) is shown to the left of the current price.
• Buttons block – depending on the Configurator Type settings (see details ➤ here), buttons can appear in two variations:
  1. For "Online Sales" – a large “Buy” button (add to cart) and a small icon button to “Ask a Question” (opens a modal feedback form).
  2. For "Lidogeneration" – a large “Ask a Question” button (opens a modal feedback form) and a small icon button to “Buy” (add to cart).
• Additional Settings and Services Block – divided into 3 sections for adjusting the product configuration and adding services. By default, all parameters are collapsed except for the services section:
  1. Main Parameters:
     • Size – allows changing product dimensions and adding/removing openings. Opens a modal window for editing when clicked.
     • Opening – allows adding/removing openings and changing dimensions. Opens a modal window for editing when clicked.
     • Configuration – allows selecting another configuration (if other configurations are set in the collection settings) or switching to the collection selection page (if the Product Generation and Product Page Parameters setting “Allow viewing other collections from the product page” is enabled).
     • Exterior Color – changes the outer lamination color. Clicking redirects to the configuration settings page (details ➤ here).
     • Interior Color – changes the inner lamination color. Clicking redirects to the configuration settings page (details ➤ here).
     • Glazing Unit – changes the glazing type. Clicking redirects to the configuration settings page (details ➤ here).
  2. Accessories – if accessories are available for the product, a list with category and name is shown, followed by an “Add” button. Clicking on an accessory or the “Add” button redirects to the configuration settings page. If there are no accessories, only the “Add” button will be shown.
  3. Services – a list of services available for this product. The number and price of services depend on pricing rules (see details ➤ here) and the settings of service lists available for sale (see details ➤ here). Clicking the question mark icon opens a modal window with details about each service.
• Information Block – this section can be purely informational or include a feedback button. For more details on how to configure this block, see ➤ here.