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

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

Pierwsza konfiguracja

Otwórz WooCommerce > Swatch w panelu:

• Włącz próbki, główny przełącznik, domyślnie włączony.
• Próbki na liście sklepu, domyślnie wyłączone. Zaznacz, jeśli te same próbki mają się pokazywać pod produktami na stronie sklepu i w kategoriach; każda jest tam odnośnikiem do produktu z wybraną opcją. Zostaw wyłączone, jeśli wygląd listy ma się nie zmienić.
• Domyślny typ, kropki kolorów lub pigułki przyciski/etykiety, używane póki atrybut nie nadpisze.

To całość ekranu. Rozmiaru, kształtu ani podpowiedzi się tu nie ustawia: rozmiary i kolory to zmienne CSS, a rozmiary i kształty per atrybut oraz bogatsze podpowiedzi dodaje Swatch PRO.

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

1. Otwórz produkt z wariantami używający skonfigurowanego atrybutu, lista powinna zostać zastąpiona próbkami.
2. Wybierz próbkę, cena, stan i przycisk koszyka powinny zaktualizować się jak przy natywnej liście.
3. Wypróbuj kombinację niedostępną, niedostępne próbki powinny odzwierciedlać ten stan.
4. 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 na karcie produktu i opcjonalnie na liście sklepu, typ per atrybut, kolor/etykietę per termin i stronę ustawień.

Swatch PRO dodaje próbki obrazkowe (także na liście sklepu, przez filtr swatch/archive_html), galerie obrazów per wariant, bogatsze tooltipy oraz rozmiary i kształty per atrybut. Samych próbek na liście nie odblokowuje, one są w darmowej edycji.

Potrzebujesz pomocy?

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