Przejdź do głównej treści
Widżet sklepu i wyświetlanie

Jak pozwolić klientom wybrać wariant dla każdej sztuki (próbki)

W przypadku oferty rabatu ilościowego włącz selektor wariantu, aby klienci mogli wybrać rozmiar, kolor lub inną opcję dla każdej sztuki. Na przykład oferta Kup 2 może obejmować jedną torbę w kolorze Ivory i rozmiarze Small oraz jedną torbę w kolorze Blush i rozmiarze Large. Wybierz listy rozwijane, próbki kolorów, przyciski lub obrazy wariantów, aby te opcje były czytelne.

Włącz selektor wariantu

To ustawienie znajduje się w karcie Selektor wariantu na karcie Dodatki edytora zestawu. Przełącznik w nagłówku karty pokazuje, czy funkcja jest włączona, czy wyłączona.

  1. Otwórz zestaw, który chcesz edytować, przejdź do karty Dodatki i znajdź kartę Selektor wariantu.
  2. Włącz przełącznik w nagłówku karty.

W przypadku zwykłych ofert rabatów ilościowych oraz ofert Kup X, otrzymaj Y włączenie tego ustawienia daje każdej sztuce osobny wybór. Po wyłączeniu nieprzypięta zwykła oferta korzysta z wariantu wybranego w motywie. Karty zestawów produktów i główne produkty przypięte do zestawu wariantów nadal mogą mieć selektor w karcie.

Karta Dodatki Bundlex B06 z włączonym selektorem wariantu, próbkami kolorów, przyciskami rozmiarów, obrazami dla poszczególnych sztuk oraz ukrytymi ustawieniami selektora motywu obok podglądu torby.
W sekcji Dodatki (1) włącz selektor wariantu, (2) wybierz typ wyświetlania i ustawienie wstępne dla każdej opcji oraz (3) sprawdź wartości kolorów. Podgląd pokazuje zapisane wybory.

Co kontroluje przełącznik

W zwykłych ofertach ten przełącznik steruje selektorem głównego produktu dla każdej sztuki. Karta główna Zestawu produktów zachowuje selektor w karcie nawet po wyłączeniu przełącznika, dzięki czemu klienci mogą dokonywać wyboru razem z innymi wymaganymi produktami. Wymagane produkty zestawu, prezenty i opcjonalne dodatki również zachowują własne wybory, jeśli ma to zastosowanie. Przypięty główny produkt może także zachować zwykły selektor po wyłączeniu przełącznika, ograniczony do przypiętych wariantów.

Po wyłączeniu przełącznika wiersze zestawu produktów korzystają ze zwykłych list rozwijanych. Po jego włączeniu skonfigurowane typy wyświetlania obejmują również wiersze wymaganych produktów zestawu. Selektory prezentów i opcjonalnych dodatków korzystają z własnych elementów sterujących. Produkt, który ma tylko jeden możliwy do wybrania wariant, może wyświetlać jego nazwę jako tekst zamiast niepotrzebnej listy rozwijanej.

Ustaw typ wyświetlania dla każdej opcji

Po włączeniu przełącznika Bundlex ładuje opcje wariantów znalezione w produktach, których dotyczy ten zestaw, i wyświetla je w tabeli z trzema kolumnami: Opcja, Typ wyświetlania oraz Ustawienie wstępne. Każdy wiersz odpowiada jednej opcji, na przykład Rozmiar lub Kolor.

W kolumnie Typ wyświetlania wybierz sposób prezentacji opcji na stronie produktu:

  • Lista rozwijana - standardowe menu wyboru.
  • Próbka koloru - małe pola kolorów. Umożliwia przypisanie koloru do każdej wartości, jak opisano poniżej.
  • Pill / przycisk - klikalne przyciski typu pill lub zwykłe przyciski, opcjonalnie z obrazem wariantu.
  • Obraz wariantu - wyświetla każdą wartość jako obraz produktu.

Możesz łączyć typy dla różnych opcji, na przykład użyć próbki koloru dla opcji Kolor i listy rozwijanej dla opcji Rozmiar na tym samym produkcie. Kliknij ikonę podglądu, czyli oka, obok nazwy opcji, aby wyświetlić w panelu podglądu produkt zawierający tę opcję.

Wybierz wspólne ustawienie wstępne

Kolumna Ustawienie wstępne określa styl wizualny typu wyświetlania. Ustawienia wstępne są wspólne dla danego typu: wszystkie opcje korzystające z tego samego typu wyświetlania używają jednego ustawienia wstępnego, dlatego zmiana ustawienia dla jednej opcji aktualizuje wszystkie pozostałe opcje tego typu. Próbka koloru, Pill / przycisk i obraz wariantu mają własne zestawy ustawień wstępnych, a typ listy rozwijanej nie ma ustawienia wstępnego.

Wybierz Niestandardowe w menu ustawień wstępnych, aby otworzyć sekcję Styl próbki, w której możesz dokładniej dostosować wygląd niż za pomocą wbudowanych ustawień wstępnych.

Przypisz kolory do próbek kolorów

Gdy opcja korzysta z typu wyświetlania Próbka koloru, każda jej wartość otrzymuje pole koloru z próbnikiem. Możesz:

  • Ustawić każdy kolor ręcznie za pomocą próbnika lub wpisując wartość szesnastkową.
  • Kliknij Automatycznie wykryj kolory, aby automatycznie uzupełnić kolory na podstawie nazw wartości, na przykład „Granatowy” lub „Leśna zieleń”. Automatyczne wykrywanie uzupełnia tylko wartości, które nadal są puste, i jest niedostępne po ustawieniu wszystkich kolorów.

Pokaż nazwy kolorów na komputerze

Otwórz Styl próbki > Próbka koloru i włącz Pokaż nazwę koloru po najechaniu, aby wyświetlać podpowiedź z nazwą koloru. Dotyczy to próbek kolorów, a nie każdego typu wyświetlania. Urządzenia dotykowe nie obsługują podpowiedzi po najechaniu.

Pokaż obraz wariantu

Włącz Pokaż obraz wariantu, dostępne po włączeniu selektora, aby wyświetlać obraz wybranego wariantu obok selektora wariantu. Działa to z każdym typem selektora, nie tylko z typem wyświetlania Obraz wariantu.

Ukryj selektor wariantu motywu

Po włączeniu selektora otrzymasz również opcję Ukryj selektor wariantu motywu. Ukrywa ona domyślny selektor wariantu motywu, dzięki czemu widoczny pozostaje tylko selektor Bundlex. Selektor motywu jest ukrywany za pomocą CSS, a nie usuwany, co pozwala standardowej integracji motywu nadal synchronizować główny obraz produktu. Przetestuj to działanie w swoim motywie.

Jeśli główny obraz produktu nie aktualizuje się po wybraniu wariantu, może być konieczne dostosowanie ustawienia Selektor bloku wariantów w ustawieniach osadzenia aplikacji Bundlex, tak aby odpowiadało Twojemu motywowi. Jeśli potrzebujesz pomocy, skontaktuj się z pomocą techniczną.

Zwiń długie listy dla poszczególnych sztuk

Zwiń selektory wariantów umieszcza wybory dla każdej sztuki w wierszu, który można otwierać pojedynczo. Pomaga to zachować kompaktowy wygląd większej oferty rabatu ilościowego. Nie dotyczy ofert Zestaw produktów.

Przetestuj wybory, stan magazynowy i ceny

Zapisz i aktywuj rabat, a następnie przetestuj kwalifikujący się produkt w sklepie. W tym przykładzie użyto Litwy i USD. W przykładzie torba w kolorze Ivory i rozmiarze Small kosztuje $24, a torba w kolorze Blush i rozmiarze Large kosztuje $30. Oferta Kup 2 z rabatem 10% ma łączną wartość $48.60. Dodaj ją za pomocą rzeczywistego przycisku Dodaj do koszyka i potwierdź oba kolory, oba rozmiary oraz łączną kwotę w koszyku i podczas realizacji zamówienia.

Strona produktu Quilted Cosmetic Bag pokazująca niezależne wybory Ivory / Small i Blush / Large w ofercie Kup 2, łączną wartość oferty $48.60 oraz aktywny przycisk Dodaj do koszyka.
(1) Ivory / Small i (2) Blush / Large to niezależne wybory. (3) Łączna cena produktów po rabacie wynosi $48.60; rzeczywisty koszyk i proces realizacji zamówienia potwierdziły oba warianty.

Wyprzedany wariant może pozostać widoczny i możliwy do wybrania, gdy opcja Ukryj niedostępne warianty jest wyłączona. Wybranie Blush / Small w tym przykładzie wyświetla komunikat o niedostępności i blokuje przycisk Dodaj do koszyka. Wybranie dostępnego rozmiaru Large przywraca przycisk. Kombinacja, która w ogóle nie istnieje, działa inaczej: selektor może zmienić późniejsze opcje na prawidłową kombinację, dlatego po zmianie koloru sprawdź końcowy rozmiar.

Strona Quilted Cosmetic Bag z wybranym w drugim wierszu wyprzedanym wariantem Blush / Small, komunikatem o niedostępności i wyłączonym przyciskiem zakupu „Wyprzedane”.
(1) Blush / Small pozostaje widoczny przy wyłączonej opcji ukrywania. (2) Komunikat o niedostępności wyjaśnia, dlaczego (3) zwykły przycisk zakupu jest wyłączony. Wybranie Large przywraca przycisk Dodaj do koszyka.

Aby usunąć wyprzedane wartości z obsługiwanych selektorów, otwórz Zaawansowane > Oferty i stan magazynowy > Ukryj niedostępne warianty. Dostępność jest zgodna z zasadami Shopify dotyczącymi zapasów. Wariant z zerowym stanem magazynowym, dla którego dozwolona jest dalsza sprzedaż, nadal może być dostępny. Zobacz dostępność opcji wariantu, aby poznać zakres działania i szczegóły dotyczące rozwiązania awaryjnego.

Gdy nie ma nic do wybrania

Gdy cały wybieralny zestaw ma dokładnie jeden wariant, lista rozwijana zostaje zwinięta do nazwy wariantu na karcie. Skonfigurowane przyciski lub próbki kolorów mogą pozostać widoczne jako wybrana plakietka. Produkty mające tylko domyślny wariant Shopify nie potrzebują selektora.

Dlatego selektor, którego oczekujesz, może być niewidoczny. Zwykle oznacza to jedną z następujących sytuacji:

  • Produkt rzeczywiście ma jeden wariant.
  • Przypięto produkt do tylko jednego wariantu.
  • Ukrywanie niedostępnych wariantów jest włączone i tylko jeden wariant pozostał dostępny.

Uzupełnienie zapasów wariantu lub rozszerzenie przypiętego wyboru automatycznie przywraca selektor. Główna oferta i wymagane karty produktów zestawu działają zgodnie z tą zasadą, zgodnie z którą selektor jest zastępowany tożsamością wariantu. Prezenty, upselle i dodatki mają własne filtrowanie dostępności, dlatego jedyna dostępna opcja może nie wyświetlać osobnej nazwy wariantu.

Odśwież opcje po edycji wariantów

Jeśli po skonfigurowaniu tej funkcji dodasz, zmienisz nazwę lub usuniesz warianty produktów, kliknij Odśwież opcje u góry tabeli opcji wariantów, aby pobrać najnowsze opcje. Bundlex wyświetli komunikat „Warianty zaktualizowane”, gdy coś się zmieniło, lub „Odświeżono, brak zmian”, gdy zestaw opcji jest już aktualny. Zapisz wszystkie wynikające z tego zmiany przed sprawdzeniem sklepu. Nowe kolory widoczne w edytorze nie zostaną opublikowane, dopóki ich nie zapiszesz.

Jeśli nie wyświetlają się żadne opcje

Tabela opcji wariantów potrzebuje danych o opcjach produktów, aby określić kierowanie zestawu i wymagane produkty zestawu. Jeśli opcje są nadal ładowane, poczekaj na zakończenie tego procesu, zanim uznasz pustą tabelę za problem z konfiguracją. Jeśli widzisz prośbę o wybranie produktów lub kolekcji, najpierw skonfiguruj to w sekcji Pokaż widżet na. Jeśli zamiast tego widzisz komunikat „Nie znaleziono opcji wariantów dla wybranych produktów”, wybrane produkty nie mają opcji wariantów do skonfigurowania.

Czy ten artykuł był pomocny?

Twoja opinia pomaga nam ulepszać dokumentację.

Dziękujemy, będziemy nadal ulepszać ten artykuł.

Chcesz porozmawiać z naszym zespołem? Nadal masz pytanie?

Nadal potrzebujesz pomocy?

Nasz zespół jest na wyciągnięcie ręki. Wyślij nam wiadomość, a odpowiemy.

Używamy kilku plików cookie, aby zapewnić działanie tej strony, mierzyć sposób jej użytkowania i uruchamiać widżet czatu po jego otwarciu. Zobacz naszą politykę plików cookie.