Nascondere i pulsanti Aggiungi al carrello

Puoi nascondere i pulsanti Aggiungi al carrello sulla vetrina virtuale e renderli visibili nuovamente in futuro.

Temi con sezioni e temi senza sezioni

Dal pannello di controllo Shopify, vai su Negozio online > Temi.
Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
Nella directory Sections (Sezioni), clicca sul file product-template.liquid per aprirlo. Trova il codice HTML per il pulsante Aggiungi al carrello. Come punto di partenza, puoi cercare la parola cart.

Il codice per il pulsante Aggiungi al carrello varia a seconda del tema. Cerca un tag <input> o <button> con testo come Add to cart, AddToCart oppure add-to-cart.

Nel tema Debut il codice per il pulsante Aggiungi al carrello ha l'aspetto seguente:

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

Quando trovi il codice, racchiudilo in Liquid {% comment %} e nei tag {% endcomment %}. In questo modo, il codice non sarà visualizzato nel tuo negozio, ma potrai reinserirlo più facilmente nel caso volessi modificare il modello in un secondo momento.

Utilizzando l'esempio sopra riportato, il nuovo codice sarà simile a questo:

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

Fai clic su Salva per confermare le modifiche.

Quando desideri mostrare di nuovo i pulsanti Aggiungi al carrello, torna al file product-template.liquid sulla pagina Edit HTML/CSS (Modifica l'HTML e il CSS), rimuovi i tag {% comment %} e {% endcomment %} e clicca su Salva.

Dal pannello di controllo Shopify, vai su Negozio online > Temi.
Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
Nella directory Templates (Modelli) clicca sul file product.liquid per aprirlo. Trova il codice HTML per il pulsante Aggiungi al carrello. Come punto di partenza, puoi cercare la parola cart.

Il codice per il pulsante Aggiungi al carrello varia a seconda del tema. Cerca un tag <input> o <button> con testo come Add to cart, AddToCart oppure add-to-cart.

Nel tema Minimal, il codice per il pulsante Aggiungi al carrello ha il seguente aspetto:

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

Quando trovi il codice, racchiudilo in Liquid {% comment %} e nei tag {% endcomment %}. In questo modo, il codice non sarà visualizzato nel tuo negozio, ma potrai reinserirlo più facilmente nel caso volessi modificare il modello in un secondo momento.

Utilizzando l'esempio sopra riportato, il nuovo codice sarà simile a questo:

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

Fai clic su Salva per confermare le modifiche.

Quando desideri mostrare di nuovo i pulsanti Aggiungi al carrello, torna al modello product.liquid nella pagina Edit HTML/CSS (Modifica l'HTML e il CSS), rimuovi i tag {% comment %} e {% endcomment %} e clicca su Salva.

Nascondere i pulsanti Aggiungi al carrello

Temi con sezioni e temi senza sezioni

Sectioned

Non-sectioned