Skjul Legg i handlekurv-knapper

Advarsel

Dette er en avansert opplæring og støttes ikke av Shopify. Kjennskap til webdesign-språk som HTML, CSS, JavaScript og Liquid er nødvendig. Vi foreslår at du leier inn en Shopify-partner hvis du ikke er komfortabel med å gå videre med følgende veiledning.

Advarsel

Eldre temaer er ikke tilgjengelige i Theme Store. Disse temaene har ikke funksjonene som er inkludert i Shopifys Online Store 2.0-temaer, og Shopifys gratis eldre temaer mottar ikke oppdateringer ut over sikkerhetsrettelser.

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

1. Fra Shopify-administrator går du til Nettbutikk > Temaer.
2. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
3. 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 enklere 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

1. Fra Shopify-administrator går du til Nettbutikk > Temaer.
2. Finn temaet du vil redigere, klikk på …-knappen for å åpne handlingsmenyen, og klikk deretter på Rediger kode.
3. 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 enklere 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.