Korzystanie z przewodników rozmiarów

Ten przewodnik prowadzi od pustej instalacji do działającego przewodnika rozmiarów, a następnie wyjaśnia zachowanie na sklepie.

1. Zbuduj tabelę raz

Otwórz WooCommerce > Przewodniki rozmiarów i utwórz pierwszą tabelę. Ułóż ją jako opisaną tabelę, rozmiary po boku, wymiary u góry. Ponieważ tabele są wielokrotnego użytku, zbuduj jedną tabelę na każdy sprzedawany system miar (na przykład „Góra dla dorosłych” i „Dół dla dorosłych”), a nie jedną na produkt.

2. Dopracuj treść

Na zakładce Ustawienia ustaw treść odnośnika (tekst na przycisku) i nagłówek okna. To wszystko, co da się tu wybrać: przewodnik zawsze renderuje się jako przycisk pod przyciskiem dodania do koszyka i zawsze otwiera modal <dialog>. Stylu wyświetlania, stylu wyzwalacza ani miejsca nie ma.

3. Przypisz tabelę

Na produkcie otwórz Dane produktu > Przewodnik rozmiarów i wybierz tabelę. Przypisanie jest per produkt; kategoriom tabeli się nie przypisuje, a domyślną tabelę dla całego sklepu dodaje Mezuro PRO.

4. Sprawdź na sklepie

Otwórz produkt z przypisaną tabelą:

• Przycisk pojawia się tuż pod przyciskiem dodania do koszyka.
• Kliknięcie przycisku otwiera tabelę w dostępnym modalu.
• Modal jest z zarządzaniem fokusem: fokus przechodzi do okna, pozostaje uwięziony, gdy jest otwarte, wraca do wyzwalacza po zamknięciu, a Escape zamyka okno.

Otwórz produkt bez tabeli i potwierdź, że nic się nie renderuje.

Dlaczego to pomaga

Czytelny przewodnik rozmiarów odpowiada na pytanie, które klient inaczej wysłałby mailem, i które napędza wiele zwrotów. Tabela o jedno kliknięcie od przycisku dodania do koszyka, w języku i jednostkach pasujących do produktu, zmniejsza zarówno wiadomości przed sprzedażą, jak i zwroty po sprzedaży.

Wydajność i dostępność

Wyjście jest responsywne i rezerwuje miejsce, więc nie ma przeskoku układu. Respektuje prefers-reduced-motion i dostosowuje się do trybu ciemnego. Modal to natywny <dialog>, więc obsługa klawiatury i czytnika ekranu jest solidna, a nie doczepiona; w przeglądarce bez obsługi <dialog> skrypt po prostu przełącza widoczność okna, więc tabela nadal się otwiera i zamyka. Mezuro jest w pełni samodzielny, bez usług zewnętrznych i bez śledzenia.