Swatch
Swatch zastępuje domyślne listy rozwijane <select> wariantów WooCommerce wizualnymi, dostępnymi próbkami na karcie produktu. Wybierz typ próbki dla atrybutu (kropki kolorów lub pigułki przyciski/etykiety) i przypisz kolor lub etykietę do każdego terminu.
Dlaczego warto
Dział zatytułowany „Dlaczego warto”Swatch steruje natywnym formularzem wariantów WooCommerce, więc cena, stan magazynowy i przycisk dodania do koszyka aktualizują się tak samo jak przy standardowych listach. Stany wybrane i niedostępne odzwierciedlają się automatycznie. Darmowa edycja to pełny produkt GPL, samodzielny, bez usług zewnętrznych.
Najważniejsze
Dział zatytułowany „Najważniejsze”- Dwa typy próbek, kropki kolorów oraz pigułki przyciski/etykiety, wybierane per atrybut.
- Wybór typu per atrybut na ekranie atrybutów globalnych.
- Kolor i etykieta per termin, kolor zapisany przez
sanitize_hex_color, etykieta jako term meta. - Natywny formularz wariantów, bez jQuery, czysty JS wpięty w zdarzenia wariantów WooCommerce.
- Obsługa klawiatury, semantyka radiogroup, strzałki, etykiety dla czytników ekranu.
- Dostępne wizualnie, widoczne obramowania fokusu, odpowiedni kontrast, reduced-motion, bez przeskoków układu.
- Łagodny fallback do standardowej listy, gdy atrybut nie ma danych próbki.
- Próbki na liście sklepu, opcjonalne i domyślnie wyłączone: te same próbki kolorów i etykiet pod produktami na stronie sklepu, w kategoriach, tagach i wyszukiwarce, każda jako odnośnik do produktu z wybraną opcją.
- Strona ustawień w menu WooCommerce, włącz/wyłącz, próbki na liście sklepu, domyślny typ. To całość ekranu.
Jak to działa
Dział zatytułowany „Jak to działa”Każdy skonfigurowany atrybut renderuje się jako radiogroup próbek zamiast listy. Wybór próbki przekazuje opcję do natywnego formularza wariantów WooCommerce, który aktualizuje cenę, stan i przycisk koszyka. Atrybuty bez danych próbki zachowują standardową listę, więc nic się nie psuje.
- Darmowa i na licencji GPL, w przygotowaniu do katalogu WordPress.org, próbki kolorów i przyciski/etykiety na karcie produktu i opcjonalnie na liście sklepu, typ per atrybut, kolor/etykieta per termin, strona ustawień.
- PRO (dostępna), próbki obrazkowe (również na liście sklepu, przez filtr
swatch/archive_html), galerie obrazów per wariant, bogatsze tooltipy oraz rozmiary i kształty per atrybut.
Kolejne kroki
Dział zatytułowany „Kolejne kroki”- Pierwsze kroki, instalacja, ustawienia, przypisanie kolorów i etykiet.