Skjul Legg i handlekurv-knapper

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

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 anbefaler at du leier inn en Shopify-partner hvis du ikke er komfortabel med å gå videre med denne veiledningen.

Advarsel

Eldre temaer er ikke tilgjengelige i Theme Store. Eldre temaer har ikke funksjonene fra 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

Seksjonerte og ikke-seksjonerte temaer

Merk

Trinnene for denne veiledningen varierer avhengig av hvorvidt du bruker et kategorisert eller et ukategorisert tema. Med et kategorisert tema kan du dra og slippe for å endre oppsett på startsiden, mens dette ikke er mulig 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 seksjonert tema. Ukategoriserte temaer ble lansert før oktober 2016, og har ingen filer i katalogen Seksjoner.

Hvis du bruker et kategorisert tema, klikker du på knappen Kategoriserte temaer og følger instruksjonene. Hvis du bruker et eldre, ukategorisert tema, klikker du på knappen Ukategoriserte temaer og følger instruksjonene.

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

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, kan du gå tilbake til product-template.liquid-filen på siden Rediger HTML/CSS, fjerne taggene {% comment %} og {% endcomment %}, og deretter klikke 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 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>

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

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 malen product.liquid på siden Rediger HTML/CSS, fjerner taggene {% comment %} og {% endcomment %}, og klikker på Lagre.