Ukryj przyciski Dodaj do koszyka

Możesz ukryć przyciski Dodaj do koszyka w witrynie sklepu i wyświetlić je ponownie w późniejszym czasie.

Szablony z sekcjami i bez sekcji

W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
W katalogu Sekcje kliknij plik product-template.liquid, aby go otworzyć. Znajdź kod HTML dla przycisku Dodaj do koszyka. Możesz wyszukać na przykład słowo koszyk.

Kod przycisku Dodaj do koszyka różni się w zależności od szablonu. Poszukaj tagu <input> lub <button> z tekstem, np. Add to cart, AddToCart lub add-to-cart.

W szablonie Debut kod przycisku Dodaj do koszyka wygląda następująco:

<button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == 'Default Title' %} product-form__cart-submit--small{% endif %}">
  <span id="AddToCartText-{{ section.id }}">
    {% unless current_variant.available %}
      {{ 'products.product.sold_out' | t }}
    {% else %}
      {{ 'products.product.add_to_cart' | t }}
    {% endunless %}
  </span>
</button>

Gdy znajdziesz kod, otocz go tagami Liquid {% comment %} i {% endcomment %}. Dzięki temu kod nie będzie wyświetlany w Twoim sklepie, ale będzie go można łatwo ponownie wstawić, gdy zajdzie konieczność późniejszej zmiany nowego szablonu.

W powyższym przykładzie nowy kod wyglądałby tak:

{% comment %}
<button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == 'Default Title' %} product-form__cart-submit--small{% endif %}">
  <span id="AddToCartText-{{ section.id }}">
    {% unless current_variant.available %}
      {{ 'products.product.sold_out' | t }}
    {% else %}
      {{ 'products.product.add_to_cart' | t }}
    {% endunless %}
  </span>
</button>
{% endcomment %}

Kliknij opcję Zapisz, aby potwierdzić zmiany.

Aby ponownie wyświetlić przyciski Dodaj do koszyka, wróć do pliku product-template.liquid na stronie Edytuj HTML/CSS, usuń tagi {% comment %} i {% endcomment %}, a następnie kliknij opcję Zapisz.

W panelu administracyjnym Shopify przejdź do opcji: Sklep online > Szablony.
Znajdź temat, który chcesz edytować, kliknij przycisk ..., aby otworzyć menu czynności, a następnie kliknij Edytuj kod.
W katalogu Szablony kliknij, aby otworzyć plik product.liquid. Znajdź kod HTML dla przycisku Dodaj do koszyka. Możesz wyszukać na przykład słowo koszyk.

Kod przycisku Dodaj do koszyka różni się w zależności od szablonu. Poszukaj tagu <input> lub <button> z tekstem, np. Add to cart, AddToCart lub add-to-cart.

W szablonie Minimal kod przycisku dodawania do koszyka wygląda następująco:

<button type="submit" name="add" id="AddToCart" class="btn">
  <span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>

Gdy znajdziesz kod, otocz go tagami Liquid {% comment %} i {% endcomment %}. Dzięki temu kod nie będzie wyświetlany w Twoim sklepie, ale będzie go można łatwo ponownie wstawić, gdy zajdzie konieczność późniejszej zmiany nowego szablonu.

W powyższym przykładzie nowy kod wyglądałby tak:

{% comment %}
<button type="submit" name="add" id="AddToCart" class="btn">
  <span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>
{% endcomment %}

Kliknij opcję Zapisz, aby potwierdzić zmiany.

Aby ponownie wyświetlić przyciski Dodaj do koszyka, wróć do szablonu product.liquid na stronie edycji HTML/CSS, usuń tagi {% comment %} i {% endcomment %}, a następnie kliknij opcję Zapisz.

Ukryj przyciski Dodaj do koszyka

Szablony z sekcjami i bez sekcji

Sectioned

Non-sectioned