iModules — Szablon COSMO
[im3] ⭐ Nowe atrybuty produktu ⭐
Rozbudowana specyfikacja produktu oparta o natywne atrybuty Shopera. Moduł pozwala dodać tytuł, zwijanie do określonej wysokości, własne teksty przycisku oraz sterować kolumnami, odstępami i nazwami grup cech.
Do czego służy moduł?
Moduł wyświetla na karcie produktu specyfikację z grupami atrybutów pobranymi z Shopera. Pozwala dodać natywny tytuł akordeonu, ograniczyć wysokość długiej specyfikacji oraz dać klientowi przycisk rozwijania i zwijania treści.

Szybka konfiguracja
Ustaw tytuł modułu, np. Specyfikacja.
Jeśli specyfikacja jest długa, włącz możliwość zwijania i ustaw maksymalną wysokość, np. 320 px.
Ustaw treść przycisków dla stanu rozwiniętego i zwiniętego.
Zdecyduj, czy cechy mają być zawsze w jednej kolumnie oraz czy pokazywać odstępy i nazwy grup.

Skąd biorą się cechy produktu?Moduł pobiera atrybuty i grupy cech z aktualnego produktu przez Object API. Jeśli produktu nie ma przypisanych atrybutów, moduł nie wyświetli specyfikacji.

Konfiguracja modułu
Symulator poniżej odwzorowuje pola z konfiguracji Shoper. Wszystkie ustawienia wpływające na renderowany moduł są oznaczone jako LIVE. Fioletowe S dotyczy wyłącznie informacji o danych zarządzanych poza modułem.

Interaktywny podgląd
Interaktywny symulator jest dostępny w pełnym widoku instrukcji. Wersja dla czytników AI pomija kod i dane symulatora, aby dokument pozostał lekki.
Jak działa zwijanie specyfikacji?
Po włączeniu opcji zwijania moduł ogranicza wysokość treści do wartości z pola Maksymalna wysokość specyfikacji przed rozwinięciem. Na dole pojawia się gradient i przycisk. Po kliknięciu treść rozwija się do pełnej wysokości, a tekst przycisku zmienia się na wariant dla stanu rozwiniętego.

Układ grup i kolumn
Domyślnie atrybuty mogą być prezentowane w układzie wielokolumnowym zależnym od stylów szablonu. Opcja Wyświetlaj specyfikację w jednej kolumnie na wszystkich urządzeniach wymusza jedną kolumnę. Na małych ekranach moduł i tak przechodzi do jednej kolumny.
Nazwa grupy jest renderowana tylko wtedy, gdy jednocześnie włączone są odstępy między grupami i wyświetlanie nazw grup.

Ustawienia zaawansowane
Moduł korzysta z natywnego akordeonu Storefront oraz makra product_attribute. Jeśli w sklepie działa flaga dev_storefront_ai_seo, atrybuty są dodatkowo dodawane do danych strukturalnych produktu jako additionalProperty.

Ważne ograniczenia
Nazwy atrybutów edytujesz w ShoperzeTen moduł steruje sposobem wyświetlania specyfikacji. Same nazwy grup, nazwy cech i ich wartości pochodzą z danych produktu i nie są konfigurowane w ustawieniach modułu.