Zachęć klientów do wyboru opcji

Uwaga

Klasyczne szablony nie są dostępne w Theme Store. Te szablony nie mają funkcji zawartych w szablonach Online Store 2.0, a darmowe klasyczne szablony Shopify nie są aktualizowane z wyjątkiem poprawek bezpieczeństwa.

Uwaga

Jeśli używasz darmowego szablonu z Shopify, możesz skontaktować się z Pomocą techniczną Shopify, aby uzyskać pomoc w związku z tym tutorialem. Czas projektowania wynosi 15 minut. Dowiedz się więcej o Polityce projektowania Shopify.

Uwaga

To dostosowanie jest przeznaczone dla klasycznych szablonów Shopify i nie ma zastosowania do szablonów Online Store 2.0.

• Dowiedz się, jaka jest wersja architektury Twojego szablonu
• Przeglądaj dostosowania szablonu Online Store 2.0

Gdy klient odwiedza stronę produktu w sklepie online, domyślnie wybierany jest pierwszy dostępny wariant. Możesz użyć dostosowania Zachęć klientów do wyboru opcji, aby dezaktywować automatyczne wybieranie pierwszego dostępnego wariantu. Wówczas klient zostanie poproszony o ręczne wybranie wariantu przed jego wyświetleniem.

Jeśli użyjesz opcji Zachęć klientów do wyboru opcji, cena produktu może nie być wyświetlana w szablonie, dopóki klient nie wybierze wariantu. Produkty z wariantami nie mają oferowanych cen, a wyświetlana cena jest określana przez wybrany wariant.

Szablony z sekcjami i bez sekcji

Uwaga

Kroki tego tutoriala różnią się w zależności od tego, czy używasz szablonu z sekcjami czy bez sekcji. Szablon z sekcjami umożliwia przeciąganie i upuszczanie elementów w celu zmiany układu strony głównej, nie jest to możliwe w przypadku szablonu bez sekcji.

Aby ustalić, czy Twój szablon obsługuje sekcje, przejdź do strony Edytuj kod. Jeśli w katalogu Sekcje są pliki, używasz szablonu z sekcjami. Szablony bez sekcji zostały zatwierdzone przed październikiem 2016 roku i nie zawierają plików w katalogu*Sekcje*.

Jeśli używasz szablonu z sekcjami, kliknij przycisk Szablony z sekcjami i zastosuj się do instrukcji. Jeśli używasz starszego szablonu, niezawierającego sekcji, kliknij przycisk Szablony bez sekcji i zastosuj się do instrukcji.

Kroki dotyczące szablonów z sekcjami

Wybierz swój szablon

Kroki dla tego dostosowania różnią się w zależności od szablonu. Kliknij przycisk dla szablonu, zanim wykonasz poniższe instrukcje:

Kroki dotyczące szablonów bez sekcji

Dodaj monity do menu rozwijanych wariantów

1. W katalogu Fragmenty kodu kliknij opcję Dodaj nowy fragment kodu.
2. Nadaj nazwę nowemu fragmentowi kodu pick-an-option.
3. W swoim nowym pliku fragmentu kodu wklej ten kod hostowany na GitHub.
4. Kliknij opcję Zapisz.
5. W katalogu Układ kliknij theme.liquid.
6. Znajdź tag zamykający </body> w dolnej części pliku. W nowej linii tuż nad tagiem zamykającym </body> wklej następujący kod:

{% render 'pick-an-option' %}

1. Kliknij opcję Zapisz.

2. Znajdź plik zawierający formularz dodawania do koszyka. Będzie mieć atrybut action ustawiony na /cart/add. Powinien się znajdować w jednym z tych czterech plików:

   • szablon product.liquid w ramach Szablonów
   • układ theme.liquid w ramach Układu
   • fragment kodu product.liquid w ramach Fragmentów kodu
   • fragment kodu single-product.liquid w ramach Fragmentów kodu

3. Znajdź ten kod wewnątrz formularza:

<option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>

Opcjonalnie znajdź ten kod w formularzu:

<option {% if variant == current_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>

Zastąp kod następującym blokiem kodu:

<option {% if forloop.length <= 1 and variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>

Jeśli używasz szablonu Minimal, Pop lub Supply, znajdź wszystkie wystąpienia tego kodu:

{% assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image %}

Zastąp kod następującym blokiem kodu:

{% assign featured_image = product.selected_variant.featured_image | default: product.featured_image %}

Jeśli używasz innego klasycznego szablonu Shopify, znajdź ten kod:

{% assign current_variant = product.selected_or_first_available_variant %}

Zastąp kod następującym blokiem kodu:

{% assign current_variant = product.selected_variant %}

Kliknij opcję Zapisz.

Zmień ustawienia języka przycisku Dodaj do koszyka

Możesz zmienić ustawienia języka dla przycisku Dodaj do koszyka, aby produkty nie wyświetlały się jako Niedostępne, zanim klient wybierze produkt.

Kroki:

1. W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
2. Znajdź szablon, który chcesz edytować, a następnie kliknij opcję ... > Edytuj domyślną zawartość szablonu.
3. Na pasku wyszukiwania Filtruj pozycje zacznij pisać niedostępne, aby wyświetlić tłumaczenie Niedostępne.
4. Zmień tekst Niedostępne na Dokonaj wyboru.
5. Kliknij opcję Zapisz.