Skjul knapperne Læg i indkøbskurv

Advarsel

Dette er en avanceret vejledning, som ikke understøttes af Shopify. Der forudsættes kendskab til webdesignsprog såsom HTML, CSS, JavaScript og Liquid. Vi foreslår, at du ansætter en Shopify-partner, hvis du ikke er tryg ved at fortsætte med følgende vejledning.

Advarsel

Ældre temaer er ikke tilgængelige i temabutikken. Disse temaer har ikke de funktioner, der er inkluderet i Shopifys Webshop 2.0-temaer, og Shopifys gratis ældre temaer modtager ikke opdateringer ud over sikkerhedsrettelser.

Bemærk

Denne tilpasning er for ældre Shopify-temaer og gælder ikke for Online Store 2.0-temaer.

• Find dit temas arkitekturversion
• Se Online Store 2.0-tematilpasninger

Du kan skjule knapperne Læg i indkøbskurv i dit butikslayout og vise dem igen på et senere tidspunkt.

Bemærk

Denne tilpasningsproces er ikke kompatibel med dynamiske betalingsknapper. Hvis dit tema understøtter dynamisk betaling, kan du forhindre, at knapperne vises ved at følge trinnene til at skjule dynamiske betalingsknapper på produktsider.

Temaer med og uden sektioner

Bemærk: Trinnene i denne vejledning er forskellige, afhængigt af om du bruger et tema med sektioner eller uden sektioner. Med et tema med sektioner kan du trække og slippe for at arrangere startsidens layout – det kan du ikke med et tema uden sektioner.

Du kan finde ud af, om dit tema understøtter sektioner, ved at gå til temaets side Rediger kode. Hvis der er filer i mappen Sektioner, bruger du et tema med sektioner. Temaer uden sektioner blev udgivet før oktober 2016 og har ikke filer i mappen Sektioner.

Hvis du bruger et tema med afsnit, skal du klikke på knappen Temaer med afsnit og følge instruktionerne. Hvis du bruger et ældre tema uden afsnit, skal du klikke på knappen Temaer uden afsnit og følge instruktionerne.

Sectioned

1. Gå til Webshop > Temaer i din Shopify-administrator.
2. Find det tema, du vil redigere, og klik på knappen … for at åbne handlingsmenuen. Klik derefter på Rediger kode.
3. I mappen Afsnit skal du klikke for at åbne din product-template.liquid-fil. Find HTML-koden for knappen Læg i indkøbskurv. Du kan til en start søge efter ordet indkøbskurv.

Koden for knappen Læg i indkøbskurv varierer fra tema til tema. Led efter et <input>- eller <button>-tag med tekst som Add to cart, AddToCart eller add-to-cart.

I temaet Debut ser koden for knappen Læg i indkøbskurv således ud:

<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 finder koden, skal du indlejre den mellem Liquid {% comment %}- og {% endcomment %}-tagget. Dette medfører, at koden ikke mere bliver vist i din butik, men du kan nemmere indsætte den igen, hvis du senere vil ændre din nye skabelon.

Med ovenstående eksempel vil den nye kode se sådan ud:

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

Sørg for, at du ikke udkommenterer dine <form>-tags for din produktside. Dine kommentartags bør ikke omgive nogen <form>- eller </form>-tags, da kunder ellers kan opleve fejl, når de ser din produktside.

1. Klik på Gem for at bekræfte dine ændringer.

Når du er klar til at vise knapperne Læg i indkøbskurv igen, skal du gå tilbage til din product-template.liquid-fil på siden Rediger HTML/CSS, fjerne {% comment %}- og {% endcomment %}-taggene og klikke på Gem.

Non-sectioned

1. Gå til Webshop > Temaer i din Shopify-administrator.
2. Find det tema, du vil redigere, og klik på knappen … for at åbne handlingsmenuen. Klik derefter på Rediger kode.
3. Klik for at åbne din product.liquid-fil i mappen Skabeloner. Find HTML-koden for knappen Læg i indkøbskurv. Du kan til en start søge efter ordet indkøbskurv.

Koden for knappen Læg i indkøbskurv varierer fra tema til tema. Led efter et <input>- eller <button>-tag med tekst som Add to cart, AddToCart eller add-to-cart.

I temaet Minimal ser koden for Læg i indkøbskurv sådan ud:

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

1. Når du finder koden, skal du indlejre den mellem Liquid {% comment %}- og {% endcomment %}-tagget. Dette medfører, at koden ikke mere bliver vist i din butik, men du kan nemmere indsætte den igen, hvis du senere vil ændre din nye skabelon.

Med ovenstående eksempel vil den nye kode se sådan ud:

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

Advarsel

Sørg for, at du ikke udkommenterer dine <form>-tags for din produktside. Dine kommentartags bør ikke omgive nogen <form>- eller </form>-tags, da kunder ellers kan opleve fejl, når de ser din produktside.

1. Klik på Gem for at bekræfte dine ændringer.

Når du er klar til at vise knappen Læg i indkøbskurv igen, skal du gå tilbage til din product.liquid-skabelon på siden Rediger HTML/CSS, fjerne {% comment %}- og {% endcomment %}-tagget og klikke på Gem.