Dölj Lägg till i varukorgen-knappar

Du kan dölja knapparna Lägg till i varukorgen i ditt skyltfönster och visa dem igen i framtiden.

Avsnitt och icke-sektionerade teman

Sectioned
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera, klicka på knappen för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
  3. I katalogen Avsnitt klickar du för att öppna din product-template.liquid-fil. Hitta HTML-koden för knappen Lägg till i varukorg. Du kan söka efter ordet varukorg till en början.

Koden för knappen lägg till i varukorg varierar från tema till tema. Leta efter en <input>- eller <button>-tagg med text som Add to cart, AddToCart eller add-to-cart.

I temat Debut ser knappen lägg till i varukorg ut så här:

<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>
  1. När du hittar koden ska du slå in den i Liquid-taggarna {% comment %} och {% endcomment %}. Det hindrar koden från att visas i din butik men gör det möjligt för dig att enkelt lägga tillbaka den om du vill ändra din nya mall senare.

Med hjälp av exemplet ovan skulle den nya koden se ut så här:

{% 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 %}
  1. Klicka på Spara för att bekräfta dina ändringar.

När du är redo att visa knapparna Lägg till i varukorg igen går du tillbaka till din product-template.liquid-fil på sidan Redigera HTML/CSS, tar bort taggarna {% comment %} och {% endcomment %} och klickar på Spara.

Non-sectioned
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera, klicka på knappen för att öppna åtgärdsmenyn och klicka sedan på Redigera kod.
  3. I katalogen Mallar klickar du för att öppna din product.liquid-fil. Hitta HTML-koden för knappen Lägg till i varukorg. Du kan söka efter ordet varukorg till en början.

Koden för knappen lägg till i varukorg varierar från tema till tema. Leta efter en <input>- eller <button>-tagg med text som Add to cart, AddToCart eller add-to-cart.

I temat Minimal ser knappen lägg till i varukorg ut så här:

<button type="submit" name="add" id="AddToCart" class="btn">
  <span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>
  1. När du hittar koden ska du slå in den i Liquid-taggarna {% comment %} och {% endcomment %}. Det hindrar koden från att visas i din butik men gör det möjligt för dig att enkelt lägga tillbaka den om du vill ändra din nya mall senare.

Med hjälp av exemplet ovan skulle den nya koden se ut så här:

{% comment %}
<button type="submit" name="add" id="AddToCart" class="btn">
  <span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>
{% endcomment %}
  1. Klicka på Spara för att bekräfta dina ändringar.

När du är redo att visa knapparna Lägg till i varukorg igen går du tillbaka till din product.liquid-mall på sidan Redigera HTML/CSS, tar bort taggarna {% comment %} och {% endcomment %} och klickar på Spara.

Hittar du inte de svar du letar efter? Vi finns här för att hjälpa till!