---
title: "Motyw frontu"
description: "Ustawienie Motyw frontu określa sposób integracji Konfiguratora STYRTA ze stroną produktu."
url: "https://docs.styrta.com/pl/product-configurator/module-settings/theme-preset"
language: "pl"
section: "Ustawienia modułu"
---

# Motyw frontu

Ustawienie **Motyw frontu** określa sposób integracji Konfiguratora STYRTA ze stroną produktu.

## Dostępne opcje

| Ustawienie                       | Kiedy użyć                                                                                                   |
| -------------------------------- | ------------------------------------------------------------------------------------------------------------ |
| **Classic (PrestaShop 8)**       | standardowy motyw Classic i motywy na nim oparte, w tym większość popularnych, płatnych szablonów PrestaShop |
| **Hummingbird (PrestaShop 9.1)** | standardowy motyw Hummingbird i zgodne motywy potomne                                                        |
| **Custom (własny motyw)**        | niestandardowy lub mocno zmodyfikowany motyw                                                                 |

Podczas instalacji moduł dobiera ustawienie na podstawie używanej wersji PrestaShop, ale nie oznacza to automatycznego rozpoznania każdego używanego motywu.

Jeżeli zmienisz motyw sklepu, sprawdź również to ustawienie.

## Motywy Classic, Hummingbird i potomne

W większości przypadków moduł zintegruje się poprawnie ze sklepem po wybraniu motywu frontu Classic - uruchamia ona style CSS oraz selektory DOM zgodne z motywem PrestaShop Classic, które współpracują poprawnie z większością popularnych, płatnych szablonów, w tym chociażby z wieloma szablonami sprzedawanymi na PrestaShop Addons.

Opcja Hummingbird sprawdzi się w przypadku nowych sklepów, które wybrały szablon Hummingbird zainaugurowany w PrestaShop 9.1. STYRTA Product Configurator uferuje maksymalną zgodność z motywem Hummingbird i to właśnie wybór tej opcji zagwarantuje najniższą wagę styli CSS dołaczanych do konfiguratora.

Po zmianie ustawienia warto:

1. wyczyścić cache PrestaShop,
2. otworzyć produkt korzystający z konfiguratora - najlepiej z aktywną promocją
3. sprawdzić, czy konfigurator jest widoczny,
4. zmienić kilka opcji i zależnie od szablonu sprawdzić czy konfigurator aktualizuje:

- cenę główną oraz cenę promocyjną,
- cenę netto, jeśli jest wyświetlana,
- indeks produktu (reference), jeśli jest wyświetlany.

## Własne ustawienia motywu

Własny lub mocno zmodyfikowany szablon sklepu może wymagać dodatkowej konfiguracji.

Tryb **Custom** pozwala wskazać elementy strony produktu, z którymi konfigurator ma współpracować, takie jak punkt montowania konfiguratora, czy element ceny netto. W tym trybie konfigurator ładuje na front-end plik `modules/styrtaproductconfigurator/views/css/custom.css`

Tryb Custom jest przeznaczony wyłącznie dla agencji i zaawansowanych użytkowników.

## Zobacz też

- [Interfejs konfiguratora](https://docs.styrta.com/pl/product-configurator/front-office/configurator-ui)
- [Ustawienia modułu](https://docs.styrta.com/pl/product-configurator/module-settings/overview)
- [Rozwiązywanie problemów](https://docs.styrta.com/pl/product-configurator/troubleshooting/overview)