Schaltflächen "Zum Warenkorb hinzufügen" ausblenden
Du kannst die Schaltfläche In den Warenkorb in deiner Storefront ausblenden und später wieder anzeigen.
Themes mit und ohne Abschnitte
Sectioned
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
- Klicke im Verzeichnis Abschnitte auf die Datei
product-template.liquid, um sie zu öffnen. Suche nach dem HTML-Code für die Schaltfläche In den Warenkorb. Du kannst zum Beispiel nach dem Wort cart suchen.
Der Code für die Schaltfläche "In den Warenkorb" variiert je nach Theme. Suche nach einem <input>- oder <button>-Tag mit Text wie Add to cart, AddToCart oder add-to-cart.
Im Debut-Theme sieht der Code für die Schaltfläche "In den Warenkorb" folgendermaßen aus:
<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>- Sobald du den Code gefunden hast, füge ihn zwischen den Liquid-Tags
{% comment %}und{% endcomment %}hinzu. So wird der Code nicht im Shop angezeigt, kann aber leicht wieder eingefügt werden, wenn du die neue Vorlage später ändern möchtest.
Im oben aufgeführten Beispiel würde der neue Code folgendermaßen aussehen:
{% 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 %}- Klicke auf Speichern, um deine Änderungen zu übernehmen.
Sobald du die Schaltfläche In den Warenkorb wieder anzeigen möchtest, kehre auf der Seite HTML und CSS bearbeiten zurück zu der Datei product-template.liquid, entferne die Tags {% comment %} und {% endcomment %} und klicke auf Speichern.
Non-sectioned
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
- Öffne im Verzeichnis Vorlagen deine
product.liquid-Datei. Suche nach dem HTML-Code für die Schaltfläche In den Warenkorb. Du kannst zum Beispiel nach dem Wort cart suchen.
Der Code für die Schaltfläche "In den Warenkorb" variiert je nach Theme. Suche nach dem Tag <input> oder <button> mit Text wie Add to cart, AddToCart oder add-to-cart.
Im Theme "Minimal" sieht die Schaltfläche "In den Warenkorb" folgendermaßen aus:
<button type="submit" name="add" id="AddToCart" class="btn">
<span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>- Sobald du den Code gefunden hast, füge ihn zwischen den Liquid-Tags
{% comment %}und{% endcomment %}hinzu. So wird der Code nicht im Shop angezeigt, kann aber leicht wieder eingefügt werden, wenn du die neue Vorlage später ändern möchtest.
Im oben aufgeführten Beispiel würde der neue Code folgendermaßen aussehen:
{% comment %}
<button type="submit" name="add" id="AddToCart" class="btn">
<span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>
{% endcomment %}- Klicke auf Speichern, um deine Änderungen zu übernehmen.
Sobald du die Schaltfläche In den Warenkorb wieder anzeigen möchtest, gehe auf der Seite HTML und CSS bearbeiten zurück zu der Vorlage product.liquid, entferne die Tags {% comment %} und {% endcomment %} und klicke auf Speichern.