Konfiguracja

Sizer ma dwie części do skonfigurowania: tabele, które budujesz i wykorzystujesz wielokrotnie, oraz opcje wyświetlania, które decydują, jak i gdzie tabela pojawia się na karcie produktu.

Tworzenie tabeli

Otwórz WooCommerce → Przewodniki rozmiarów i utwórz tabelę. Tabela to prosta opisana tabela wierszy i kolumn — na przykład rozmiary po boku (S, M, L) i wymiary u góry (klatka, talia, długość). Zbuduj raz; tę samą tabelę możesz przypisać do wielu produktów i kategorii.

Styl wyświetlania

Jak przypisana tabela pojawia się na karcie produktu:

• Modal — natywny <dialog> otwierany nad stroną. Obsługiwany z klawiatury, z zarządzaniem fokusem (fokus jest uwięziony, gdy modal jest otwarty, i przywracany po zamknięciu) i przyjazny czytnikom ekranu. Zamyka się klawiszem Escape.
• Zakładka produktu — tabela pokazuje się w treści jako dodatkowa zakładka produktu, zamiast wyskakującego okna.

Styl wyzwalacza

To, w co klika klient, aby otworzyć modal z tabelą:

• Przycisk — stylizowany przycisk, bardziej widoczny.
• Link tekstowy — lżejszy link w treści.

Styl wyzwalacza dotyczy wyświetlania modalnego; wyświetlanie w zakładce produktu używa własnego interfejsu zakładek WooCommerce.

Umiejscowienie

Gdzie pojawia się wyzwalacz (lub zakładka) na karcie produktu:

• Po przycisku dodania do koszyka
• Przed przyciskiem dodania do koszyka
• W podsumowaniu produktu
• W obszarze meta produktu
• Jako zakładka produktu (przy stylu wyświetlania w zakładce)

Przypisywanie tabeli

Tabela pojawia się dopiero po przypisaniu. Są dwa sposoby:

• Per produkt — na ekranie edycji produktu w Dane produktu → Przewodnik rozmiarów wybierz tabelę dla tego produktu.
• Per kategoria — ustaw domyślną tabelę na kategorii produktów, a każdy produkt w tej kategorii ją dziedziczy.

Własne przypisanie produktu ma pierwszeństwo przed domyślną tabelą kategorii, więc możesz ustawić sensowną tabelę dla całej kategorii i nadal nadpisać pojedyncze produkty.

Motywy i nadpisania

• Szablony — nadpisz szablony Sizer z motywu, umieszczając pliki w folderze sizer/, tak samo jak nadpisuje się szablony WooCommerce.
• CSS — wyjście na sklepie udostępnia zmienne CSS, więc możesz przemotywować tabelę i wyzwalacz bez ruszania znaczników. Wyjście jest responsywne, świadome trybu ciemnego i respektuje prefers-reduced-motion.

Łagodne z założenia

Produkt bez przypisanej tabeli — i bez odziedziczonej tabeli kategorii — nie renderuje nic. Nie ma pustego przycisku ani zepsutego modala, więc możesz wdrażać przewodniki rozmiarów stopniowo.