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.
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.
Gå til Webshop > Temaer i Shopify-administrator.
Find det tema, du vil redigere, klik på knappen ... for at åbne handlingsmenuen, og klik derefter på Rediger kode.
Tryk på Butik i Shopify-appen.
Tryk på Webshop i afsnittet Salgskanaler.
Tryk på Administrer temaer.
Find det tema, du vil redigere, klik på knappen ... for at åbne handlingsmenuen, og klik derefter på Rediger kode.
Tryk på Butik i Shopify-appen.
Tryk på Webshop i afsnittet Salgskanaler.
Tryk på Administrer temaer.
Find det tema, du vil redigere, klik på knappen ... for at åbne handlingsmenuen, og klik derefter på Rediger kode.
- 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>- 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 nemt 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 %}- 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.
Gå til Webshop > Temaer i Shopify-administrator.
Find det tema, du vil redigere, klik på knappen ... for at åbne handlingsmenuen, og klik derefter på Rediger kode.
Tryk på Butik i Shopify-appen.
Tryk på Webshop i afsnittet Salgskanaler.
Tryk på Administrer temaer.
Find det tema, du vil redigere, klik på knappen ... for at åbne handlingsmenuen, og klik derefter på Rediger kode.
Tryk på Butik i Shopify-appen.
Tryk på Webshop i afsnittet Salgskanaler.
Tryk på Administrer temaer.
Find det tema, du vil redigere, klik på knappen ... for at åbne handlingsmenuen, og klik derefter på Rediger kode.
- 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>- 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 nemt 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 %}- 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.