Site configurator

Collection selection page - this is step 2 of the configurator. On this page, the user can select a profile system. 

The page is visually divided into 3 blocks:

1. Material - filters collections by material
2. Brand - filters collections by brand.
3. Systems - list of profile systems (collections)
   

   ---

   Please note! When selecting a filter, if another filter changes, a message appears next to the block name indicating which filter was changed.

   ---

   Please note! Under the name of each filter, "price from" for collections in this category is displayed. If the collections within the filter have Price on request, then price from will not be displayed
   

   ---

The profile system card contains the following data:

• Image - the image is taken from the collection media files (work photo gallery), the first image from the album
• Promo tag (if configured in Configuration variant) -  displayed in the upper left corner, over the image
• Discount percentage (if configured in General collection information) - displayed in the upper left corner, over the image
• Energy saving class with value - displayed in the upper right corner, over the image. This value is calculated depending on the dimensions, configuration, and options of the structure - it is an intermediate between the Uf-coefficient of the collection and the Ug of the glass unit, depending on which area is larger. Description and classification are configured in the section Online sales  ➤ Energy efficiency indicator and energy saving classes
• Collection name - data is taken from the Name field in the General information of the collection, configured here
• Configuration type - configured here
• General specifications:
  
  • Profile depth (in millimeters). Data is taken from the General information of the collection, configured here
  • Profile system (number of chambers). Data is taken from the General information of the collection, configured here
  • Sealing (level). Data is taken from the General information of the collection, configured here
• Price block - shows price + currency. Shows a strikethrough price without discount above the regular one (if configured in General collection information)

When selecting a collection card, on the right side of the page, the specifications are displayed:

• Structure image with dimensions. By default, view from outside. To switch the view, click the Inside button.
• Energy saving class with value - displayed in the upper right corner, over the image. This value is calculated depending on the dimensions, configuration, and options of the structure - it is an intermediate between the Uf-coefficient of the collection and the Ug of the glass unit, depending on which area is larger. Description and classification are configured in the section Online sales  ➤ Energy efficiency indicator and energy saving classes
• List of specifications:
  
  • Product - structure type
  • Form - structure shape. To change the structure shape, click the Change shape and opening button, after which a modal window with a list of shapes and opening types will open.
  • Dimensions - shows structure size (in millimeters) width x height. To change dimensions, click the Change dimensions button, after which a modal window with fields for changing dimensions will open.
  • Material - collection material type
  • Brand - collection brand
  • System - collection name. Data is taken from the Name field in the General information of the collection, configured here
  • Profile depth in millimeters. Duplicated from the collection card
  • Profile system - shows the number of chambers. Duplicated from the collection card
  • Glazing - displays the name of the glass unit. Data is taken from collection variant settings, configured here
  • Manufacturing time - shows the number of days for structure manufacturing. Data is taken from Base collection parameters, read more ➤ here
  • Energy saving class. Duplicated from the collection card
  • Price block - shows price + currency. Shows a strikethrough price without discount above the regular one (if configured in General collection information)
  • Customize color & options button - proceeds to the next step.

Please note! Depending on your website's online sales settings, the user can proceed to the product page or to the configuration settings page.

For the user to land on the product page after selecting a collection, the following is required:

in the website online sales settings, the "Visit product pages after e-commerce configurator" parameter must be ☑️ enabled.

Read more about the product page ➤ here

For the user to land on the configuration settings page after selecting a collection, the following is required:

in the website online sales settings, the "Visit product pages after e-commerce configurator" parameter must be ⊘ disabled.

Read more about the configuration settings page ➤ here