Wtyczka Variation Swatches for WooCommerce Pro - 2.3.0

Variation Swatches for WooCommerce – Pro to płatne rozszerzenie wtyczki Emrana Ahmeda (GetWooPlugins), które zamienia rozwijane listy wyboru wariantów w sklepie WooCommerce na klikalne próbki – koloru, obrazka, przycisku i radio. Edycja Pro dokłada swatche na liście produktów, próbki dwukolorowe i grupowanie.

Swatche koloru, obrazka, przycisku i radio zamiast dropdownów

Variation Swatches for WooCommerce – Pro zamienia standardowe rozwijane listy wyboru wariantów na klikalne próbki w jednym z czterech typów: kolor, obraz, przycisk/etykieta oraz radio. Typ ustawia się globalnie na poziomie atrybutu lub osobno per-produkt. Próbki przyjmują kształt zaokrąglony albo kwadratowy, z tekstowym lub obrazkowym dymkiem podpowiedzi.

Cztery typy próbek i ustawianie ich per atrybut lub per produkt

Każdy atrybut używany do wariantów można przedstawić jako jeden z czterech typów próbek. Typ globalny wybiera się w ustawieniach atrybutu (Products → Attributes). Edycja Pro idzie dalej i pozwala nadpisać ten wybór dla pojedynczego produktu.

• Swatche koloru – pojedyncze pole wypełnione kolorem (hex) przypisanym do wariantu, najczęściej używane w sklepach odzieżowych.
• Swatche obrazkowe – miniatura zdjęcia lub tekstury zamiast nazwy wariantu, czytelna przy tkaninach i wzorach.
• Swatche przyciskowe – etykieta tekstowa w formie przycisku, naturalna dla rozmiarów typu S, M, L.
• Swatche radio – klasyczne pole wyboru jednokrotnego dla atrybutów, które nie wymagają grafiki.

Po aktywacji wtyczka od razu zamienia rozwijane listy na przyciski. Doprecyzowanie typu na kolor czy obraz to kwestia dwóch ustawień. W edycji Pro różne typy mogą występować w obrębie jednego produktu – rozmiar jako radio, a kolor jako obrazek na tym samym variable product.

Kształt, rozmiar i tooltipy swatchy

Próbki przyjmują kształt zaokrąglony lub kwadratowy, ustawiany globalnie, a edycja Pro pozwala mieszać oba kształty w obrębie jednego produktu. Rozmiar swatchy – wysokość, szerokość i wielkość fontu – kontroluje się osobno dla strony produktu. W Pro również niezależnie dla listy produktów.

Najechanie na próbkę pokazuje dymek podpowiedzi (tooltip). Wersja bazowa daje tooltip tekstowy, edycja Pro dokłada tooltip obrazkowy z większym podglądem – przydatny tam, gdzie klient chce zobaczyć fakturę materiału przed wyborem.

Oznaczanie wariantów niedostępnych (krzyżyk, rozmycie, ukrycie)

Warianty oznaczone jako niedostępne wtyczka prezentuje w jednym z trzech trybów: przekreślenie krzyżykiem, rozmycie próbki lub całkowite ukrycie. Klient widzi wtedy, że dany kolor czy rozmiar istnieje, ale jest chwilowo wyczerpany – albo nie widzi go wcale, zależnie od ustawienia.

Uwaga: wersja darmowa obsługuje oznaczanie wariantów niedostępnych do 30 wariantów na produkt. Variation Swatches for WooCommerce – Pro znosi ten limit. W katalogach z dużą liczbą kombinacji każdy niedostępny wariant zostaje oznaczony poprawnie.

Swatche na stronie sklepu, w Quick View i grupowanie wariantów

Variation Swatches for WooCommerce – Pro pokazuje swatche nie tylko na karcie produktu, ale też na liście produktów – stronie sklepu, kategorii i wynikach wyszukiwania – więc klient wybiera wariant już podczas przeglądania. Edycja Pro dodaje też swatche w Quick View, próbki dwukolorowe, grupowanie wariantów oraz link „MORE”, który ogranicza liczbę próbek na liście.

Wyświetlanie swatchy na archiwum i wybór jednego atrybutu

Wyświetlanie próbek na stronach archiwum, sklepu i kategorii to główna funkcja odblokowywana przez edycję Pro. Standardowo WooCommerce pokazuje warianty dopiero na karcie produktu. Tutaj klient widzi dostępne kolory na liście i klika je bez wchodzenia w każdy produkt z osobna.

Na archiwum da się pokazać wszystkie atrybuty albo wyłącznie jeden wyróżniony – na przykład sam kolor, co utrzymuje czytelność siatki. Przy produktach z wieloma wariantami link „MORE” ogranicza liczbę widocznych próbek i prowadzi do pełnej listy. Wariant wybrany na liście pozostaje zaznaczony po wejściu na kartę produktu.

Swatche dwukolorowe i grupowanie przy dużej liczbie wariantów

Swatche dwukolorowe (dual/multi color) pokazują dwa kolory w jednej próbce, rozdzielone po skosie pod kątem 45 stopni. To rozwiązanie dla produktów dwukolorowych, pasiastych i gradientowych – niszowy przypadek, którego niewiele wtyczek obsługuje natywnie.

Grupowanie swatchy (color groups) porządkuje próbki w kategorie, gdy wariantów jest dużo. Ustawienia grup znajdują się w sekcji GetWooPlugins. Sam mechanizm pomaga utrzymać czytelność tam, gdzie kilkadziesiąt kolorów w jednym rzędzie zlewałoby się w plamę.

Quick View, zmiana galerii po wyborze koloru i link do wariantu

Swatche działają w popupach Quick View – na przykład w oknie podglądu wbudowanym w motyw Flatsome – więc klient wybiera wariant bez opuszczania listy. Galeria produktu reaguje na wybór pojedynczego atrybutu, podobnie jak w Amazonie czy AliExpress: kliknięcie samego koloru zmienia zdjęcia, bez konieczności składania pełnej kombinacji wariantu.

Edycja Pro generuje też bezpośredni link do wybranej kombinacji wariantu. Taki adres prowadzi wprost do konkretnego koloru i rozmiaru, gotowy do wysłania klientowi lub udostępnienia.

Co odblokowuje edycja Pro względem wersji darmowej

Edycja Pro Variation Swatches for WooCommerce – Pro instaluje się obok darmowej wtyczki i dokłada do niej swatche na stronie sklepu, Quick View, dual color, grupowanie oraz zniesienie limitu 30 wariantów niedostępnych z wersji darmowej. Dorzuca też pełną personalizację per-produkt – nadpisanie globalnego koloru, zmianę typu swatcha i mieszanie typów w obrębie jednego atrybutu.

Limit 30 wariantów out-of-stock zniesiony w Pro

W wersji darmowej oznaczanie wariantów niedostępnych – krzyżykiem, rozmyciem lub ukryciem – działa do 30 wariantów na produkt. Powyżej tej liczby część kombinacji nie zostaje poprawnie oznaczona.

Edycja Pro znosi ten limit całkowicie. W sklepach z produktami o wielu kolorach i rozmiarach liczba kombinacji łatwo przekracza 30, a wtedy każdy niedostępny wariant prezentuje się spójnie na całej liście.

Personalizacja per-produkt i mieszanie typów swatchy

Personalizacja per-produkt pozwala nadpisać ustawienia globalne dla pojedynczego produktu. Globalnie zdefiniowany kolor lub obrazek można podmienić na inny, zmienić typ swatcha tylko w tym jednym produkcie oraz pokazać różne typy próbek w obrębie jednego atrybutu.

To odpowiedź na sytuację, w której większość katalogu korzysta z ustawień globalnych, ale wybrane produkty wymagają wyjątku – innego odcienia, obrazka zamiast koloru albo wyróżnienia jednego atrybutu większym rozmiarem.

Czego wtyczka nie robi (to nie konfigurator opcji ani dopłat)

Variation Swatches for WooCommerce – Pro to warstwa prezentacji wariantów, nie konfigurator produktu. Wtyczka nie dodaje pól tekstowych, dopłat za opcje ani logiki cenowej przypisanej do pojedynczej próbki – do tego służą rozwiązania klasy „WooCommerce Product Options”.

Działa też wyłącznie na produktach zmiennych z atrybutami ustawionymi jako używane do wariantów. Przy produktach prostych nie ma rozwijanej listy, którą dałoby się zamienić na swatche.

Dla jakich sklepów swatche mają największy sens

Variation Swatches for WooCommerce – Pro sprawdza się najlepiej w sklepach odzieżowych i obuwniczych, z tkaninami i tapicerką, z produktami dwukolorowymi oraz w dużych katalogach, gdzie klient przegląda listy i chce widzieć kolory bez wchodzenia na każdą kartę. Działa wyłącznie na produktach zmiennych WooCommerce – przy produktach prostych nie ma czego zamieniać.

Moda, tkaniny i produkty dwukolorowe

W sklepach odzieżowych i obuwniczych swatche koloru i etykiety rozmiaru pokazują pełną ofertę naraz, a edycja Pro przenosi próbki koloru na listę produktów. Przy tkaninach, tapicerce i wykończeniach swatche obrazkowe oddają rzeczywistą fakturę materiału zamiast nazwy w stylu „Melanż grafit”, a tooltip obrazkowy daje większy podgląd.

Produkty dwukolorowe to osobna nisza – sznurówki, akcesoria czy opakowania w kombinacjach dwóch barw. Funkcja dual color pokazuje obie barwy w jednej próbce. Rozwiązuje to problem przedstawienia wariantu „czarno-czerwony” jako jednego klikalnego elementu.

Duże katalogi z przeglądaniem na liście produktów

W rozbudowanych katalogach, gdzie klient głównie przegląda kategorie, swatche na archiwum skracają drogę do wyboru wariantu. Pokazanie tylko jednego atrybutu (na przykład koloru), link „MORE” przy produktach z wieloma wariantami oraz zachowanie wyboru po wejściu na kartę produktu utrzymują czytelność listy.

Ten scenariusz obejmuje też sklepy wielosprzedawcowe i print-on-demand – deklarowana zgodność z Dokan, Printful oraz AliDropship rozszerza działanie swatchy na marketplace i dropshipping. Spośród rozwiązań tej kategorii edycja Pro tego dewelopera kładzie nacisk właśnie na interakcję z próbkami na liście produktów oraz na dual color i grupowanie.

Kiedy wystarczy wersja darmowa i kiedy swatche się nie przydadzą

Jeśli swatche są potrzebne wyłącznie na karcie produktu – bez archiwum, Quick View, dual color, grupowania i bez więcej niż 30 wariantów niedostępnych – wersja darmowa pokrywa potrzebę, a edycja Pro byłaby nadmiarem.

Dla kogo Variation Swatches for WooCommerce – Pro sprawdza się najlepiej:

• Sklepy odzieżowe i obuwnicze z produktami w wielu kolorach i rozmiarach.
• Sklepy z tkaninami, tapicerką i wykończeniami, gdzie liczy się faktura materiału.
• Sklepy z produktami dwukolorowymi i wielokolorowymi.
• Duże katalogi, w których klient wybiera wariant podczas przeglądania listy.
• Agencje i wdrożeniowcy szukający wtyczki o szerokiej kompatybilności motywów.

Dla kogo Variation Swatches for WooCommerce – Pro nie jest najlepszym wyborem:

• Sklepy bez produktów zmiennych, oparte wyłącznie na produktach prostych.
• Sklepy potrzebujące konfiguratora opcji z polami tekstowymi i dopłatami za opcje.
• Sklepy, którym wystarczają swatche tylko na karcie produktu (wtedy wystarczy wersja darmowa).

Integracje z builderami, wielojęzycznością i wtyczkami WooCommerce

Variation Swatches for WooCommerce – Pro współpracuje z Elementorem (z osobnym tutorialem), wielojęzycznością WPML (plik wpml-config.xml od wersji 2.1.0) i Polylang oraz z FacetWP, który filtruje produkty po atrybucie ze swatchem koloru. Deklarowana jest też zgodność z Dokan, Printful, AliDropship oraz WooCommerce Product Bundles i Composite Products.

Elementor i kompatybilność z motywami

Wtyczka deklaruje zgodność z Elementorem, a producent udostępnia osobny tutorial konfiguracji swatchy na stronach budowanych tym builderem. Changelog odnotowuje też poprawki zgodności z Elementor Pro oraz Divi Builderem.

Po stronie motywów producent wymienia szeroką listę: OceanWP, Astra, Flatsome, Avada, Storefront, Divi, WoodMart, Enfold, The7 oraz ponad sto innych. Przy motywach mocno odbiegających od standardu WooCommerce może być potrzebny drobny tweak CSS lub nadpisanie szablonu.

WPML, Polylang i sklepy wielojęzyczne

Zgodność z WPML jest deklarowana, a od wersji 2.1.0 wtyczka dostarcza plik wpml-config.xml wspierający tłumaczenie. Producent udostępnia instrukcję konfiguracji obejmującą String Translation oraz Custom Term Meta Translation. W praktyce skonfigurowanie tłumaczeń atrybutów wymaga ustawienia pól na „Copy” i wyczyszczenia cache.

Polylang pojawia się jako kompatybilny w zestawieniach wtyczek wielojęzycznych. Jeden szczegół warto mieć z tyłu głowy: przeliczanie dopłat za atrybut w wielu walutach (WPML Multicurrency) bywa zawodne – patrz sekcja FAQ.

FacetWP, Dokan, Printful i pozostałe integracje

FacetWP wspiera tę wtyczkę po swojej stronie: facet typu „Color” filtruje produkty po atrybucie ze swatchem koloru, a dokumentacja FacetWP opisuje obsługę dual color i color groups. Dla sklepów wielosprzedawcowych i print-on-demand deklarowana jest zgodność z Dokan, Printful oraz AliDropship.

Changelog odnotowuje również liczne poprawki zgodności z WooCommerce Product Bundles i Composite Products, a od wersji 2.3.0 – z YITH WooCommerce Waitlist. Wtyczka współgra ze standardowymi warstwami cache, w tym LiteSpeed Cache i WP Rocket.

Wymagania techniczne i kompatybilność

Variation Swatches for WooCommerce – Pro wymaga WordPress 5.9 lub nowszego, WooCommerce 8.5 lub nowszego oraz PHP 7.4 lub nowszego, a do działania potrzebuje zainstalowanej i aktywnej darmowej wtyczki bazowej, na którą się nakłada. Obsługuje multisite, HPOS oraz REST API, działa w Quick View i jest zgodna z głównymi motywami oraz Elementorem.

Wersje WordPress, WooCommerce i PHP

Producent podaje jako minimum WordPress 5.9, WooCommerce 8.5 oraz PHP 7.4. Changelog potwierdza bieżącą zgodność ze stosem aż do WordPress 7.0+ oraz WooCommerce 10.8+, więc wtyczka nadąża za najnowszymi wydaniami platformy.

Wymagana darmowa wtyczka bazowa i działanie jako nakładka

Edycja Pro nie jest samodzielnym pakietem – instaluje się obok darmowej wtyczki woo-variation-swatches i wymaga jej aktywności. Obie wersje muszą być włączone jednocześnie: darmowa dostarcza podstawowy mechanizm swatchy, a Pro dokłada funkcje premium na jej wierzchu.

To istotny szczegół przy zakupie. Sama edycja Pro nie zadziała, jeśli darmowa wtyczka bazowa nie jest zainstalowana i aktywna.

Multisite, HPOS i zgodność z motywami

Wtyczka deklaruje wsparcie multisite, zgodność z HPOS (High-Performance Order Storage) od wersji 2.0.19 oraz obsługę REST API, w tym cache pojedynczego produktu. Działa w popupach Quick View i jest przygotowana pod swatche na archiwum.

Uwaga o motywach: swatche wyświetlają się poprawnie, o ile motyw jest kodowany zgodnie ze standardem WooCommerce. Przy motywach silnie niestandardowych może być potrzebny drobny tweak CSS lub nadpisanie szablonu content-product.php. Interfejs panelu administracyjnego jest dostępny po angielsku – wtyczka nie ma oficjalnego tłumaczenia na polski.

Najczęściej zadawane pytania