Pierwsze kroki

Pierwszą próbkę zwykle pokażesz w kilka minut. Swatch startuje włączony — instalacja, ustawienia, przypisanie kolorów.

Zanim zaczniesz

WordPress 6.5 lub nowszy
WooCommerce aktywne (skonfigurowane produkty z wariantami)
PHP 8.1 lub nowszy

Instalacja

Zainstaluj WooCommerce i upewnij się, że jest aktywne.
Zainstaluj Swatch z katalogu wtyczek (gdy będzie na WordPress.org) lub wgraj folder swatch do /wp-content/plugins/.
Aktywuj wtyczkę.

Pierwsza konfiguracja

Otwórz WooCommerce → Swatch w panelu:

Włącz próbki — główny przełącznik.
Domyślny typ — kropki kolorów lub pigułki przyciski/etykiety, używane póki atrybut nie nadpisze.
Rozmiar i kształt — wymiary i zaokrąglenie próbki.
Tooltip — pokaż nazwę terminu po najechaniu/fokusie.

Następnie w Produkty → Atrybuty otwórz atrybut globalny, wybierz jego typ próbki i ustaw kolor lub etykietę przy każdym terminie.

Sprawdzenie na sklepie

Otwórz produkt z wariantami używający skonfigurowanego atrybutu — lista powinna zostać zastąpiona próbkami.
Wybierz próbkę — cena, stan i przycisk koszyka powinny zaktualizować się jak przy natywnej liście.
Wypróbuj kombinację niedostępną — niedostępne próbki powinny odzwierciedlać ten stan.
Test klawiatury — przejdź do próbek tabem i użyj strzałek; obramowania fokusu mają być widoczne, a wybór zarejestrowany.

Zachowanie fallback

Atrybuty bez konfiguracji zachowują standardową listę WooCommerce. Atrybut typu kolor bez ustawionych kolorów wraca do listy automatycznie, więc nic się nie psuje.

FREE vs PRO

Darmowa edycja obejmuje próbki kolorów i przyciski/etykiety, typ per atrybut, kolor/etykietę per termin i stronę ustawień.

Swatch PRO (planowany) dodaje próbki obrazkowe, obrazy per wariant, bogatsze tooltipy i próbki na listach sklepu — nie podstawowe renderowanie próbek.

Potrzebujesz pomocy?

Przegląd Swatch — funkcje i zachowanie fallback
GitHub
Swatch na plogins.com