Integracja CMS

Badge nie są tylko dla standardowych szablonów stron szczegółowych i listingów Shopware — renderują się też automatycznie wewnątrz elementów CMS, których używasz w niestandardowych layoutach. Nie ma kroku konfiguracji: upuść standardowy element CMS w layoucie Shopping Experience i badge pojawią się tam, gdzie konfiguracja mówi że powinny.

Wspierane elementy CMS

Plugin rozszerza cztery elementy CMS, które prezentują informacje o produkcie:

Galeria obrazów

Element CMS galerii obrazów — używany w layoutach strony szczegółowej produktu do renderowania mediów produktu — renderuje pełny system slotów nakładki na zdjęciu. Oba sloty Lewy i Prawy są wspierane, włącznie z wstążkami narożnymi, z tymi samymi domyślnymi pozycjonowania i stylizacji, które skonfigurowałeś w zakładce Strona produktu.

Boks zakupowy

Element CMS boksu zakupowego — używany do renderowania sekcji dodaj do koszyka w niestandardowym layoucie produktu — renderuje badge umieszczone nad i pod boksem zakupowym, odzwierciedlając standardowe rozmieszczenia strony szczegółowej.

Boks produktu

Element CMS boksu produktu — używany do renderowania pojedynczej karty produktu w layoucie CMS — renderuje rozmieszczenia w stylu listingu: sloty nakładki na zdjęciu i rozmieszczenia nad/pod informacjami o produkcie.

Slider produktów

Element CMS slidera produktów — używany do renderowania poziomego scrollera wielu produktów — renderuje te same rozmieszczenia w stylu listingu na każdej karcie wewnątrz slidera. Badge celujące w kontekst listingu pojawią się automatycznie.

Przeniesienie konfiguracji

Renderowanie CMS używa ponownie tej samej konfiguracji, którą już ustawiłeś dla standardowych szablonów szczegółowych i listingów:

Galeria obrazów używa konfiguracji slotu Strona produktu.
Boks produktu i slider produktów używają konfiguracji slotu Listing produktów.

Nie ma osobnej zakładki “CMS” — Twoje istniejące ustawienia slotów stosują się zarówno do standardowych szablonów jak i stron sterowanych przez CMS.

Podgląd na żywo w adminie

Formularz edycji badge’a ma panel Podgląd, który odzwierciedla renderowanie storefrontu w czasie rzeczywistym. Przełącz podgląd używając przycisku w nagłówku formularza. Podgląd wspiera przełączanie między rozmieszczeniami:

Nakładka na zdjęciu strony szczegółowej
Nad/pod boksem zakupowym na stronie szczegółowej
Nakładka na zdjęciu strony listingu
Nad/pod informacjami o produkcie na stronie listingu

Użyj rozwijanej listy nad podglądem, żeby zweryfikować jak badge wygląda w każdej pozycji przed zapisaniem.

Co nie jest renderowane automatycznie

Jeśli napisałeś niestandardowy Twig, który nie używa standardowych bloków renderowania produktu Shopware lub jednego z czterech elementów CMS powyżej, badge nie pojawią się tam magicznie. Albo:

Zrefaktoruj niestandardowy Twig żeby rozszerzał standardowe component/product/card.html.twig (i podobne), lub
Wywołaj ręcznie funkcje Twig pluginu do renderowania badge ze swojego niestandardowego szablonu.

Dla większości sklepów standardowe szablony i elementy CMS są wystarczające.