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.
Temaer med og uden sektioner
Sectioned
- Gå til Webshop > Temaer i din Shopify-administrator.
- Find det tema, du vil redigere, og klik på knappen … for at åbne handlingsmenuen. 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 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 %}
- 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
- Gå til Webshop > Temaer i din Shopify-administrator.
- Find det tema, du vil redigere, og klik på knappen … for at åbne handlingsmenuen. 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 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 %}
- 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.