[im3] ⭐ Nowe atrybuty produktu ⭐

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.

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

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.

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.

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.

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.