FAQ

Czy wymaga WooCommerce?

Tak. Swatch rozszerza produkty z wariantami WooCommerce i bez niego nic nie robi.

Jakie typy próbek są dostępne?

Dwa: kolor (kropki) i przycisk / etykieta (pigułki). Typ wybierasz per atrybut, z domyślnym ustawieniem dla całego sklepu dla nowych atrybutów.

Co dzieje się z atrybutami, których nie skonfigurowałem?

Zachowują standardową listę rozwijaną WooCommerce. Atrybut koloru bez ustawionych kolorów również automatycznie wraca do listy, więc częściowo skonfigurowany atrybut nigdy nie psuje strony.

Czy działa bez jQuery?

Tak. Front-end to czysty JavaScript wpięty we własne zdarzenia wariantów WooCommerce. Cena, stan magazynowy i przycisk dodania do koszyka aktualizują się tak samo jak przy standardowych listach.

Czy próbki są dostępne?

Tak. Próbki każdego atrybutu tworzą grupę radiogroup z nawigacją strzałkami, widocznymi obramowaniami fokusu i nazwą terminu jako dostępną etykietą. Podpowiedzi to dodatek dla osób widzących; użytkownicy czytników zawsze otrzymują nazwę terminu.

Jak przechowywany jest kolor?

Per termin, jako term meta, sanityzowany przy zapisie przez sanitize_hex_color. Własna etykieta również jest zapisywana jako term meta.

Czy mogę zmienić rozmiar i kształt próbki?

Nie na ekranie ustawień, tam takich pól nie ma. Rozmiar, promień, odstęp, obramowanie i kolor zaznaczenia to zmienne CSS --swatch-*, które nadpiszesz z arkusza motywu. Rozmiary i kształty ustawiane per atrybut w panelu dodaje Swatch PRO.

Czy próbki pokażą się na liście sklepu lub kategorii?

Tak, po zaznaczeniu Próbki na liście sklepu w WooCommerce > Swatch. Domyślnie jest wyłączone, bo zmienia wygląd strony sklepu. Po włączeniu każdy produkt z wariantami dostaje pod tytułem jeden rząd próbek, z pierwszego atrybutu, który ma użyteczne dane, a każda próbka jest odnośnikiem do produktu z wybraną opcją.

To, co dokłada tam Swatch PRO, to próbki obrazkowe: podmienia kropki kolorów na obrazy ustawione na terminach atrybutu, przez filtr swatch/archive_html darmowej wtyczki. Galerie obrazów per wariant też są w PRO.

Czy powoduje przeskok układu?

Nie. Próbki rezerwują miejsce z góry, a projekt respektuje prefers-reduced-motion, więc nie ma skoku po ustabilizowaniu strony.