Skjul Legg i handlekurv-knapper

Merk

Hvis du bruker et gratis tema fra Shopify, kan det hende du kan kontakte Shopify-brukerstøtte for hjelp med denne veiledningen. Det krever 15 minutters designtid. For å finne ut mer, kan du se _Støtte for temaer–.

Merk

Denne tilpasningen er for eldre Shopify-temaer, og gjelder ikke for Nettbutikk 2.0-temaer.

• Finn ut temaets arkitekturversjon
• Utforsk Online Store 2.0-tematilpasninger

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

Merk

Denne tilpasningen er ikke kompatibel med dynamiske knapper for å gå til kassen. Hvis temaet ditt støtter dynamiske kasser, kan du hindre knappene fra å bli vist ved å følge trinnene for å skjule dynamiske knapper for å gå til kassen fra produktsider.

Seksjonerte og ikke-seksjonerte temaer

Merk

Trinnene i denne opplæringen varierer avhengig av om du bruker et kategorisert eller et ukategorisert tema. Et kategorisert tema lar deg dra og slippe for å sortere layouten på startsiden, noe du ikke kan gjøre med et ukategorisert tema.

For å finne ut om temaet ditt støtter seksjoner kan du gå til temaets Rediger kode-side. Hvis det er filer i Seksjoner-katalogen, bruker du et tema med seksjoner. Temaer uten seksjoner ble utgitt før oktoper 2016 og har ingen filer i Seksjoner-katalogen.

Hvis du bruker et tema med seksjoner, klikker du på Seksjonerte temaer-knappen og følger anvisningene. Hvis du bruker et eldre tema uten seksjoner, klikker du på Ikke-sesksjonerte temaer knappen og følger anvisningen.

---

Sectioned themes

Datamaskin

1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

2. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen og klikk på Rediger kode.

iPhone

1. Fra Shopify-appen trykker du på Butikk.

2. I Salgskanal-seksjonen trykker du på Nettbutikk.

3. Trykk på Redigere temaer.

4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen og klikk på Rediger kode.

Android

1. Fra Shopify-appen trykker du på Butikk.

2. I Salgskanal-seksjonen trykker du på Nettbutikk.

3. Trykk på Redigere temaer.

4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen og klikk på Rediger kode.

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

1. Når du finner koden, pakker du den inn i Liquid-taggene {% comment %} og {% endcomment %}. Dette vil forhindre koden fra å bli vist i butikken, men lar deg enkelt legge den tilbake hvis du vil 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 %}

Advarsel

Pass på at du ikke kommenterer ut <form>-taggene for produktsiden. Kommentar-taggene må ikke omgi noen <form>- eller </form>-tagger, ellers kan kundene oppleve feil når de ser produktsiden.

1. Klikk på Lagre for å bekrefte endringene.

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

Non-sectioned themes

Datamaskin

1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

2. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen og klikk på Rediger kode.

iPhone

1. Fra Shopify-appen trykker du på Butikk.

2. I Salgskanal-seksjonen trykker du på Nettbutikk.

3. Trykk på Redigere temaer.

4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen og klikk på Rediger kode.

Android

1. Fra Shopify-appen trykker du på Butikk.

2. I Salgskanal-seksjonen trykker du på Nettbutikk.

3. Trykk på Redigere temaer.

4. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen og klikk på Rediger kode.

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

1. Når du finner koden, pakker du den inn i Liquid-taggene {% comment %} og {% endcomment %}. Dette vil forhindre koden fra å bli vist i butikken, men lar deg enkelt legge den tilbake hvis du vil 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 %}

Advarsel

Pass på at du ikke kommenterer ut <form>-taggene for produktsiden. Kommentar-taggene må ikke omgi noen <form>- eller </form>-tagger, ellers kan kundene oppleve feil når de ser produktsiden.

1. Klikk på Lagre for å bekrefte endringene.

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