Problem w sklepie → gotowe rozwiązanie

Dropdown wariantów odstrasza klientów (kolor, rozmiar)

Standardowy select WooCommerce na mobile jest mało czytelny — klient nie widzi koloru ani stanu przed wyborem.

Co robisz → co masz

Standardowy select WooCommerce na mobile jest mało czytelny — klient nie widzi koloru ani stanu przed wyborem.

1
Robisz: Przy produktach włączasz czytelne warianty (np. kolory) zamiast suchej listy rozwijanej.
Swatche tekstowe dla każdej opcji atrybutu wariantu
2
Robisz: Przy produktach włączasz czytelne warianty (np. kolory) zamiast suchej listy rozwijanej.
Ukryty natywny select WC — pełna kompatybilność z wariantów
3
Robisz: Przy produktach włączasz czytelne warianty (np. kolory) zamiast suchej listy rozwijanej.
CSS .vv-swatch-item.active — wizualne zaznaczenie wyboru
4
Robisz: Kolejny krok w panelu sklepu — Działa na karcie produktu z grupą _.
Działa na karcie produktu z grupą _

Efekt: Klikalne kafelki zamiast listy rozwijanej — ukryty select WC nadal steruje logiką

Twój problem

Standardowy select WooCommerce na mobile jest mało czytelny — klient nie widzi koloru ani stanu przed wyborem.

Co dostajesz

Klikalne kafelki zamiast listy rozwijanej — ukryty select WC nadal steruje logiką.

Standardowy select WooCommerce na mobile jest mało czytelny — klient nie widzi koloru ani stanu przed wyborem.

Klikalne kafelki zamiast listy rozwijanej — ukryty select WC nadal steruje logiką.

Standardowy select WooCommerce na mobile jest mało czytelny — klient nie widzi koloru ani stanu przed wyborem.

Szczegóły techniczne (dla wdrożeniowca)

Filter woocommerce_dropdown_variation_attribute_options_html podmienia HTML. jQuery click ustawia val() i trigger change.

Źródło w kodzie: vinvic-pro/modules/variants.php → render_custom_swatches

Cennik