Variation Swatches for WooCommerce jest całkowicie darmową wtyczką, dostępną w repozytorium WordPressa. Dzięki niej pokaże Ci jak poprawić wygląd atrybutów takich jak np. kolor czy rozmiar w Twoim sklepie. Ponadto dowiesz się jak ustawić kolorowe kwadraty które będą zmieniały kolor lub zdjęcie Twojego produktu.

W tym wpisie pokaże Ci jak przy pomocy jednej wtyczki zmienić wygląd atrybutów Twojego sklepu.
Domyślnie atrybuty wyglądają tak i są średnio ładne:

Pokaże Ci jak poprawić wygląd tych atrybutów, tak aby były ładniejsze dla Twoich odbiorców.
Dzięki temu Twoje atrybuty będą wyglądały tak:

Instalacja wtyczki Variation Swatches for WooCommerce

Na sam początek zaloguj się do swojej strony WordPress.
Następnie w panelu po lewej stronie odszukaj „Wtyczki” oraz „Dodaj nową„
Kolejno w wyszukiwarce wtyczek wpisz „Variation Swatches for WooCommerce„

Odszukaj wtyczkę i naciśnij „Zainstaluj„, odczekaj chwilę i naciśnij „Włącz„
Możesz również zainstalować wtyczkę bezpośrednio wgrywając ją na swój hosting
Oficjalna strona wtyczki Variation Swatches for WooCommerce

Konfiguracja taksonomi i dodanie koloru

Samo zainstalowanie i uruchomienie wtyczki już poprawi wygląd Twoich atrybutów.
Jednak aby w pełni wykorzystać potencjał tej wtyczki, pokażę Ci jak dostosować ten wygląd pod siebie.
Ponadto dowiesz się jak prawidłowo skonfigurować taksonomie.

Na sam początek wróć do kokpitu admina WordPress.
Następnie wejdź w zakładkę „GetWooPlugins” oraz „Swatches Settings„
W tym miejscu możesz zmienić wygląd atrybutów.

Na największą uwagę zasługuje opcja zmiany z prostokątów na koła
Jeżeli chcesz to zrobić to w ustawieniach „General” naciśnij „Rounded Shape„

Teraz pokaże Ci jak ustawić taksonomie atrybutów na przykładzie koloru.
W identyczny sposób możesz edytować inne atrybuty, takie jak np. rozmiar czy pojemność.

Na sam początek wejdź w „Produkty” oraz „Atrybuty„
Następnie wybierz któryś atrybut i naciśnij „Edytuj„

Rozwiń „Typ” i ustaw konkretny sposób wyświetlania, np „Color„
Na sam koniec nie zapomnij zaktualizować przyciskiem na dole.

Teraz musisz poprawić taksonomie w tym celu wróć do taksonomi.
Wybierz konkretny atrybut oraz naciśnij „Konfiguruj taksonomie”

Następnie najedź na jakiś kolor i naciśnij „Edytuj„
W miejscu „Color” rozwiń paletę kolorów i wybierz swój kolor.
Po wybraniu nie zapomnij zapisać zmian.

W identyczny sposób musisz poprawić wygląd wszystkich kolorów w Twoim sklepie.
Jeżeli wszystko przebiegło poprawnie to Twoje atrybuty powinny wyglądać tak:

Jeżeli szukasz innej wartościowej wiedzy na temat WordPressa i WooCommerce to sprawdź mojego bloga
Oto kilka ostatnich najlepszych wpisów:
Jak napisać post sprzedażowy? Krok po kroku + przykłady
Jak podpiąć dostawy na WooCommerce [InPost, DHL, DPD, Poczta Polska]
Jak podpiąć bramki płatności na WooCommerce [Przelewy24, tPay, PayU, dotPay]