Configuration Settings Page
This page is designed for detailed product customization and adding additional accessories or services. It is part of the shopping cart, meaning that any changes made here will only apply when the product is added to the cart — these changes will not affect the main product page.
On desktop, the page is divided into two sections — Main (left) and Right.
In the mobile version, settings are organized into tabs: Main Parameters and Accessories.
Main(left) section
Consists of the following sections:
- Navigation – allows quick movement across the page. The number of navigation items depends on how many additional accessories the user can add to the product.
Settings for additional products for online sales can be found ➤ here. - Additional Assortment Blocks – all blocks except Color & Texture and Glazing have the same structure and consist of:
- Category name and info button
, which, when clicked, expands a short description of the category below. This description is predefined by the system and cannot be changed. - Chosen – displays which accessory from the category is currently selected. Clicking the name opens an info window with an image (if added in Accessory Settings) and characteristics. If none is selected, the label will read “Without” + the category name (for example, “Without window sill”).
- Price – shows the price (amount + currency) of the selected accessory in the top-right corner of the block. If none is selected, the price is not displayed.
- Filters by color and depth – allow filtering accessories by color and depth.
Please note! Filters appear only in categories that have color or depth parameters (such as window sills, external window sill, etc.). - Accessory Cards within the category include:
- Image
- Info button
, which opens a detailed description and characteristics window. - Price (amount + currency) – displays the accessory price calculated for the current product size.
- Show More button – if there are more than 8 accessories in a category, only the first 7 are shown by default. Clicking expands the full list; clicking Show Less collapses it again.
- Category name and info button
- Button Block – includes two buttons, whose appearance is configured in Unique Website Appearance Settings:
- Order a free call (main button style) – opens a modal window for submitting a callback form.
- Add to cart (secondary button style) – adds the product to the cart and redirects the user to the cart page.
Color and texture
The Color and Texture category consists of the following elements:
- Category name and info button
— when clicked, a short category description appears below. This description is predefined by the system and cannot be changed. - Chosen — displays the currently chosen color. Clicking the color name opens an information window with an image (configured in the Color Settings) and coating technology details.
- Price — shown in the top-right corner of the block (amount + currency) for the selected color.
- Lamination Type — can be:
- Double-sided — the selected color is applied both outside and inside.
- Outside (basic inside) — the selected color is applied on the outside, while the inside uses the base color (configured in the collection’s base parameters).
- Color cards include:
- Color image
- Detail view button (magnifier icon
) — opens a pop-up with an enlarged image and coating technology description. - Color name
- Show More button — displays the base color and 7 popular colors by default. If there are more than 8 colors, this button expands the full list of available options. To collapse the list again, click Show Less.
Glazing
Glazing category includes the following elements:
- Category name and info button
— when clicked, a description of the category appears below. This description is predefined by the system and cannot be modified. - Chosen— displays the currently chosen glass unit. Clicking its name opens an info window with an image (if added in the Accessory Settings) and detailed specifications.
- Price — shown in the top-right corner of the block (amount + currency) for the selected glass unit.
- Glazing Unit Type Filter — allows filtering by type (single-chamber, double-chamber, etc.) or displaying all available options by selecting the All.
- Display of glass units is divided into two modes: Popular and Expert.
- Popular Glazing - if Online Sales Settings include configured popular glass units, the system displays these along with basic ones, without additional filters. To switch to expert mode, click the Expert Settings button at the bottom of the block. Popular glass unit cards include:
- Price — amount + currency.
- Name — glass unit name.
- Promo tags — if configured in Collection Online Sales (promo tags appear only in popular glass units).
- Detailed Info Button
— opens a window with full description and technical characteristics.
- Expert Settings — in this mode, the full list of glass units available for online sales is shown, with filtering options by:
- Sorting — allows sorting by:
- Energy efficiency
- Ascending price
- Descending price
- Heat transfer resistance of glazing — filter by one or several Ug(Rg) coefficients.
- Spacer - filter by spacer type.
- Sound protection— filter by soundproofing class.
- Sun protection — filter by solar radiation protection type.
- Security — filter by glazing security type.
- Decorative infill— filter by patterned or textured glass type.
- Sorting — allows sorting by:
- To return to the popular view, click Back to Popular in the top-right corner.
If there are more than 50 glass units available for online sales, a Show More 50 button appears at the bottom of the list to load additional 50 items (if available).
Right section
Right section is a block that allows users to configure the product, view selected accessories, and manage services. It appears only in the desktop version of the website. This block is fixed and remains in the same position while scrolling.
It includes:
- Image block — clicking the View button lets users switch between exterior and interior views of the product.
- Energy efficiency class indicator — displayed in the top-right corner. This value is calculated based on the product’s dimensions, configuration, and components, representing an average between the collection’s Uf coefficient and the glass unit’s Ug value (depending on which surface area dominates). Configuration details and classification are set in Online Sales ➤ Energy Efficiency and Energy Saving Classes.
- Product name
- Production time — shows the number of days required to manufacture the product. Data is taken from the collection’s basic settings, “Production time of base configuration” (see details ➤ here).
- Price block — displays the total amount and currency. If discounts are configured in the General Collection Information, the old (crossed-out) price is shown to the left of the current one.
- Buy button — adds the item to the cart and redirects the user to the cart page.
- Additional settings and services block — divided into three collapsible sections for product customization and service selection. By default, all are collapsed except the Services section:
- Basic parameters:
- Size — allows changing product dimensions and adding/removing openings. Clicking opens a modal for editing.
- Opening— allows adjusting openings and dimensions. Clicking opens a modal for editing.
- Complectation — allows switching to another configuration or collection. Clicking opens a modal containing:
- Current configuration card — includes:
- Image
- Collection name
- Energy efficiency coefficient and class
- Price (amount + currency)
- Complectation type (default, basic, optimal, premium, or custom). More details ➤ here.
- Complectation description (defined in ➤ collection settings), which includes:
- Profile system
- Frame depth
- Uf(Rf) coefficient
- No. of gaskets
- Glazing
- Additional assortment (if available)
- List of available collections/configurations — displays all items available for online sales (see details ➤ here):
- Available — shows the number of available options.
- Sorting — allows sorting by:
- From cheap to expensive
- From expensive to cheap
- Energy efficiency (Uf) — depending on the configured coefficient type (Rw sorts from higher to lower, Uw or U sorts inversely). See Energy Efficiency Settings.
- Collection/configuration cards — display available collections (with configurations) for the selected category and size. Each card includes:
- Image
- Collection name
- Energy efficiency coefficient and class
- Price (amount + currency)
- Warning — if the current color is unavailable for a collection, a warning with an attention icon and text “The color differs from the current one” appears. See ➤ color settings for more.
- Complectation type (default, basic, optimal, premium). See ➤ configuration setup.
- Complectation description (see ➤ here) including:
- Profile system
- Frame depth
- Uf(Rf) coefficient
- No. of gaskets
- Glazing
- Additional assortment (if present)
- Current configuration card — includes:
- Outside color — change the external lamination color. Clicking redirects to the “Color and Texture” selection block.
- Inside color — change the internal lamination color. Clicking redirects to the “Color and Texture” selection block.
- Glazingt — displays the selected glass unit name. Clicking redirects to the “Glass Unit” selection block.
- Accessories — displays available accessories. If none selected, shows “Without [category name]” (e.g., “Without window sill”). Clicking an accessory redirects to its selection block.
- Services — lists all services available for this product. Their quantity and price depend on pricing rules (details ➤ here) and service availability settings (see ➤ here). Clicking the question mark icon opens a modal with details for each service.
Mobile version
The mobile version of the page consists of the following sections:
- Image block — when clicking View, users can switch between exterior and interior views of the product. Clicking the Magnifier icon opens a full-screen image of the product with dimensions.
- Energy efficiency class — displayed in the top-right corner. The value is calculated based on the product’s size, configuration, and equipment, representing an intermediate result between the collection’s Uf coefficient and the glass unit’s Ug value, depending on which area is larger. The description and classification are configured in Online Sales ➤ Energy Efficiency Indicator and Energy Saving Classes.
- Product name
- Price block — shows the total amount and currency. If discounts are set in the General Collection Information, the old (crossed-out) price appears to the left of the current one.
- Additional settings and services block — divided into three sections that allow adjusting the product configuration and adding services. By default, all sections are collapsed except the Services section:
- Basic parameters:
- Size — allows changing product dimensions and adding/removing openings. Clicking opens a modal window for editing parameters.
- Opening — allows adding/removing openings and changing dimensions. Clicking opens a modal window for editing.
- Complectation — allows switching to another configuration or collection. Clicking opens a modal containing:
- Current configuration card — includes:
- Image
- Collection name
- Energy efficiency coefficient and class
- Price (amount + currency)
- Complectation type (default, basic, optimal, premium, or custom). More details ➤ here.
- Complectation description (defined in ➤ collection settings), which includes:
- Profile system
- Frame depth
- Uf(Rf) coefficient
- No. of gaskets
- Glazing
- Additional assortment (if available)
- List of available collections/configurations — displays all items available for online sales (see details ➤ here):
- Available — shows the number of available options.
- Sorting — allows sorting by:
- From cheap to expensive
- From expensive to cheap
- Energy efficiency (Uf) — depending on the configured coefficient type (Rw sorts from higher to lower, Uw or U sorts inversely). See Energy Efficiency Settings.
- Collection/configuration cards — display available collections (with configurations) for the selected category and size. Each card includes:
- Image
- Collection name
- Energy efficiency coefficient and class
- Price (amount + currency)
- Warning — if the current color is unavailable for a collection, a warning with an attention icon and text “The color differs from the current one” appears. See ➤ color settings for more.
- Complectation type (default, basic, optimal, premium). See ➤ configuration setup.
- Complectation description (see ➤ here) including:
- Profile system
- Frame depth
- Uf(Rf) coefficient
- No. of gaskets
- Glazing
- Additional assortment (if present)
- Current configuration card — includes:
- Outside color — change the external lamination color. Clicking redirects to the “Color and Texture” selection block.
- Inside color — change the internal lamination color. Clicking redirects to the “Color and Texture” selection block.
- Glazing — displays the selected glass unit name. Clicking redirects to the “Glass Unit” selection block.
- Accessories — displays a list of available accessories. If none are selected, “Without [category name]” (e.g., “Without window sill”) appears. Clicking an accessory redirects to its selection block.
- Services — lists all services available for the product. Their number and price depend on pricing rules (see ➤ here) and service availability settings (see ➤ here). Clicking the question mark icon opens a modal window with detailed information for each service.
- Basic parameters:
- Bottom block — fixed at the bottom of the screen. Includes:
- The term of manufacture — displays the number of production days, taken from the collection’s base settings (“Production time of the base configuration”). Details: ➤ here.
- Price block — shows the total amount and currency. Displays a crossed-out price to the left if discounts are configured in the General Collection Information.
- Buy button — adds the product to the cart and redirects the user to the cart page.
