Skjul knapperne Læg i indkøbskurv

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

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 at følge vejledningen.

Advarsel

Ældre temaer er ikke tilgængelige i temabutikken. Ældre temaer har ikke de funktioner, der er inkluderet i Shopifys Online Store 2.0-temaer, og Shopifys gratis ældre temaer modtager ikke opdateringer med undtagelse af 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

Temaer med og uden sektioner

Bemærk

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

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 sektioner, skal du klikke på knappen Tema med afsnit og følge vejledningen. Hvis du bruger et ældre tema uden afsnit, skal du klikke på knappen Tema uden afsnit og følge vejledningen.

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 bliver vist i din butik, men at du nemt kan 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 product-template.liquid-filen 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 bliver vist i din butik, men at du nemt kan 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 %}-taggene og klikke på Gem.