Skjul Legg i handlekurv-knapper

Du kan skjule Legg i handlekurv-knappene i butikkfronten og vise dem igjen i fremtiden.

Seksjonerte og ikke-seksjonerte temaer

Fra Shopify-administrator går du til Nettbutikk > Temaer.
Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
I Seksjoner-katalogen klikker du for å åpne product-template.liquid-filen. Finn HTML-koden for Legg i handlekurv-knappen. Du kan begynne med å søke etter ordet handlekurv.

Koden for legg i handlekurv-knappen varierer fra tema til tema. Se etter en <input>- eller <button>-tagg med tekst som Add to cart, AddToCart eller add-to-cart.

I Debut-temaet ser koden for Legg i handlekurv-knappen slik ut:

<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>

Når du finner koden, pakker du den inn i Liquid-taggene {% comment %} og {% endcomment %}. Dette forhindrer koden fra å bli vist i butikken, men det blir enklere å legge den tilbake hvis du ønsker å endre den nye malen senere.

Ved å bruke eksempelet ovenfor ser den nye koden slik ut:

{% 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 %}

Klikk på Lagre for å bekrefte endringene.

Når du er klar til å vise Legg i handlekurv-knappene igjen, kan du gå tilbake til product-template.liquid-filen på siden Rediger HTML/CSS, fjerne taggene {% comment %} og {% endcomment %}, og deretter klikke på Lagre.

Fra Shopify-administrator går du til Nettbutikk > Temaer.
Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
I Maler-katalogen klikker du for å åpne product.liquid-filen. Finn HTML-koden for Legg i handlekurv-knappen. Du kan begynne med å søke etter ordet handlekurv.

Koden for knappen for å legge i handlekurv varier fra tema til tema. Se etter taggen <input> eller <button>, med tekst som for eksempel Add to cart, AddToCart eller add-to-cart.

I Minimal-temaet ser koden for legg i handlekurv-knappen slik ut:

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

Når du finner koden, pakker du den inn i Liquid-taggene {% comment %} og {% endcomment %}. Dette forhindrer koden fra å bli vist i butikken, men det blir enklere å legge den tilbake hvis du ønsker å endre den nye malen senere.

Ved å bruke eksempelet ovenfor ser den nye koden slik ut:

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

Klikk på Lagre for å bekrefte endringene.

Når du er klar til å vise Legg i handlekurv-knappene igjen, går du tilbake til malen product.liquid på siden Rediger HTML/CSS, fjerner taggene {% comment %} og {% endcomment %}, og klikker på Lagre.

Skjul Legg i handlekurv-knapper

Seksjonerte og ikke-seksjonerte temaer

Sectioned

Non-sectioned