Instrukcja modułu Storefront

Produkty Outletowe na karcie produktu

Moduł wyświetla na karcie produktu dopasowane oferty outletowe albo — gdy klient ogląda produkt outletowy — kieruje go do nowego odpowiednika. Dzięki temu łatwiej porównać dostępne opcje, sprawdzić stan produktu i przejść do właściwej oferty.

Krótko o działaniu modułu

  • Dla produktu nowego pokazuje listę pasujących ofert outletowych.
  • Dla produktu outletowego może pokazać nowy odpowiednik.
  • W kafelku możesz wyświetlić cenę, etykietę, CTA, obrazek oraz wartość wybranego atrybutu.
  • Najważniejszym polem dla ofert outletowych jest Nazwa atrybutu outletowego, bo to ona odpowiada za tekst stanu produktu w kafelku.
Widok modułu na karcie produktu
Przykład działania modułu na karcie produktu.

1. Ustawienia ogólne i teksty

W pierwszych sekcjach ustawiasz podstawową logikę modułu oraz teksty widoczne na froncie. To tutaj decydujesz, jakie słowo ma oznaczać produkt outletowy, gdzie tego słowa szukać w nazwie oraz jakie nagłówki i komunikaty mają zostać wyświetlone.

Ustawienia ogólne
  • włączenie modułu,
  • słowo kluczowe outletu,
  • pozycja słowa w nazwie produktu,
  • filtrowanie tylko produktów kupowalnych.
Tytuły i teksty
  • osobny tytuł dla produktu nowego,
  • osobny tytuł dla produktu outletowego,
  • etykieta nowego produktu,
  • tekst CTA i opcjonalna wiadomość dla produktu outletowego.
Ważne: jeśli chcesz pokazać w kafelku stan produktu outletowego, uzupełnij pole Nazwa atrybutu outletowego dokładnie nazwą atrybutu, który istnieje w sklepie.
Ustawienia ogólne i tytuły modułu
Sekcje: Ustawienia ogólne oraz Tytuły i teksty.

2. Zawartość boxa i podstawowy wygląd

W kolejnych sekcjach określasz, co ma pojawić się w kafelku i jak cały box ma wyglądać. Możesz włączać lub wyłączać poszczególne elementy oraz dopasować moduł do stylu sklepu.

Najczęściej używane opcje

  • Pokaż obrazek — miniatura produktu w kafelku.
  • Pokaż cenę — cena produktu outletowego lub nowego odpowiednika.
  • Pokaż nazwę produktu — opcjonalna nazwa w kafelku.
  • Pokaż atrybut outletowy — wyświetla wartość wskazanego atrybutu, np. stan produktu.
  • Pokaż etykietę outlet / nowego produktu — szybkie oznaczenie rodzaju oferty.
Dla ofert outletowych najlepiej sprawdza się układ: etykieta outlet + stan produktu + cena + CTA. Dzięki temu klient od razu widzi, czy oferta dotyczy produktu używanego, powystawowego albo uszkodzonego opakowania.
Zawartość boxa produktu
Sekcja odpowiedzialna za to, co pojawia się w kafelku.
Style tytułu
Style tytułu modułu.
Style boxa
Kolory, padding i zaokrąglenia boxa.

3. Obrazek, etykiety, cena i CTA

Moduł pozwala dopracować najważniejsze elementy wizualne kafelka. Osobno ustawisz wygląd obrazka, etykiet, tekstu atrybutu, ceny oraz linku CTA — również w hoverze.

Style etykiet

Ustaw kolory tła i tekstu, rozmiary, paddingi i zaokrąglenia dla etykiety outlet oraz etykiety nowego produktu.

Style tekstu i ceny

Tu kontrolujesz wygląd wartości atrybutu, nazwy produktu, ceny i rozmiaru groszy.

Style linku CTA

Możesz ustawić tekst, tło, obramowanie, paddingi, zaokrąglenie oraz osobne kolory hover.

Style mobile

Osobne ustawienia dla breakpointu, wielkości obrazka, ceny i odstępów na urządzeniach mobilnych.

Style obrazka
Ustawienia miniatury produktu.
Style etykiet
Konfiguracja etykiet outlet i nowego produktu.
Style tekstu i ceny
Styl wartości atrybutu i ceny.
Style CTA i mobile
CTA z hoverem oraz ustawienia mobilne.

4. Jak przypisać nazwę atrybutu do wyświetlenia w kafelku

To najważniejsza część konfiguracji dla ofert outletowych. Jeśli chcesz, żeby w kafelku pojawiał się tekst typu „Bardzo dobry - Produkt sprawny.”, moduł musi wiedzieć, z którego atrybutu ma pobrać tę wartość.

  1. W panelu sklepu przejdź do zestawu atrybutów używanego dla produktów outletowych i sprawdź nazwę atrybutu, który ma być widoczny w kafelku, np. Stan produktu.
  2. Upewnij się, że ten atrybut jest faktycznie uzupełniony przy produktach outletowych i zawiera treść, którą chcesz pokazywać klientowi.
  3. W ustawieniach modułu w polu Nazwa atrybutu outletowego wpisz dokładnie tę nazwę atrybutu.
  4. Włącz opcję Pokaż atrybut outletowy w sekcji Zawartość boxa produktu.
  5. Po zapisaniu modułu wartość tego atrybutu zostanie wyświetlona w kafelku outletowym zamiast ogólnego opisu.
Najlepsza praktyka: używaj krótkich i czytelnych wartości atrybutu, np. „Bardzo dobry - Produkt sprawny”, „Powystawowy”, „Uszkodzone opakowanie”. Dzięki temu kafelek pozostaje czytelny i nie rozjeżdża się wizualnie.
Jeśli tekst się nie wyświetla: najczęściej przyczyną jest brak wartości tego atrybutu w produkcie albo wpisanie innej nazwy atrybutu niż ta użyta w sklepie.
Panel atrybutów outletowych
Przykład atrybutu „Stan produktu” w zestawie atrybutów outletowych.
Efekt na froncie
Wartość atrybutu pojawia się bezpośrednio w kafelku oferty outletowej.