Zmień listę rozwijaną na przyciski w zmiennych opcjach produktów WooCommerce

W produktach zmiennych WooCommerce każda opcja odmiany znajduje się na liście rozwijanej. Nie jest źle, ale nie jest zbyt wizualny. W tym samouczku zobaczymy, jak zmienić to na przyciski.

Zobaczymy też, że jeśli opcje są przyciskami, możemy dodać przycisk z kolorem, aby było to bardzo intuicyjne.

Oznacza to, że wyszlibyśmy z tego formatu:

wariacje rozwijane woocommerce

do tego drugiego:

wariacje kolorów przycisków

Jeśli opcje nie są kolorami, pojawią się one z opcjami w przyciskach, jak widać poniżej:

opcje przycisków woocommerce

Jak widać, znacznie bardziej intuicyjne i użyteczne niż menu rozwijane.

Instrukcja wideo:

Suscríbete a mi kanał:  

Musimy zainstalować darmową wtyczkę Próbki kolorów i obrazów dla różnych atrybutów produktów

A po zainstalowaniu przechodzimy do Produkty –> Atrybuty i wpisujemy konkretny atrybut, w którym chcemy dodać przycisk. Aby wejść, klikamy „skonfiguruj warunki” i termin na przycisku edycji:

warunki atrybuty woocommerce

Zobaczymy, że pojawi się opcja, która nie pojawiała się wcześniej: „Typ”, ta opcja może mieć wartość Brak lub Kolor:

warunki zmiennych opcji

Jeśli wybierzemy kolor, nadamy przyciskowi żądany kolor, a jeśli nie wybierzemy żadnego, będzie to przycisk z tekstem.

To, co widać, jest bardzo proste, ale wynik jest bardzo interesujący.

Mam nadzieję, że ci się przyda 😉
pozdrowienia

Zostaw komentarz