Ocultar botões "Adicionar ao carrinho"

É possível ocultar os botões Adicionar ao carrinho na vitrine e mostrá-los novamente mais tarde.

Temas com ou sem seções

Sectioned
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar, clique no botão para abrir o menu de ações e, depois, em Editar código.
  3. No diretório Seções, clique no arquivo product-template.liquid para abri-lo. Em seguida, encontre o código HTML referente ao botão Adicionar ao carrinho. Não encontrou o código? Tente buscar pela palavra carrinho.

O código para o botão Adicionar ao carrinho varia em cada tema. Procure a tag <input> ou <button> com um texto como Add to cart, AddToCart ou add-to-cart.

No tema Debut, o código do botão para adicionar ao carrinho fica assim:

<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. Quando você encontrar o código, coloque-o entre as tags {% comment %} e {% endcomment %} do Liquid. Assim, o código não aparecerá mais na loja, mas você ainda poderá acessá-lo se quiser alterar o novo modelo mais tarde.

Com base no exemplo acima, o novo código seria assim:

{% 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 %}
  1. Clique em Salvar para confirmar suas alterações.

Quando tudo estiver pronto para você mostrar os botões Adicionar ao carrinho novamente, volte para o arquivo product-template.liquid na página Editar HTML/CSS, remova as tags {% comment %} e {% endcomment %} e clique em Salvar.

Non-sectioned
  1. No admin da Shopify, acesse Loja virtual > Temas.
  2. Encontre o tema que você quer editar, clique no botão para abrir o menu de ações e, depois, em Editar código.
  3. No diretório Modelos, clique no arquivo product.liquid para abri-lo. Em seguida, encontre o código HTML referente ao botão Adicionar ao carrinho. Não encontrou o código? Tente buscar pela palavra carrinho.

O código para o botão "Adicionar ao carrinho" pode variar de um tema para outro. Procure a tag <input> ou <button> com um texto como Add to cart, AddToCart ou add-to-cart.

No tema Minimal, o código do botão para adicionar ao carrinho fica assim:

<button type="submit" name="add" id="AddToCart" class="btn">
  <span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>
  1. Quando você encontrar o código, coloque-o entre as tags {% comment %} e {% endcomment %} do Liquid. Assim, o código não aparecerá mais na loja, mas você ainda poderá acessá-lo se quiser alterar o novo modelo mais tarde.

Com base no exemplo acima, o novo código seria assim:

{% comment %}
<button type="submit" name="add" id="AddToCart" class="btn">
  <span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>
{% endcomment %}
  1. Clique em Salvar para confirmar suas alterações.

Quando tudo estiver pronto para você mostrar os botões Adicionar ao carrinho novamente, volte para o modelo product.liquid na página Editar HTML/CSS, remova as tags {% comment %} e {% endcomment %} e clique em Salvar.

Não encontrou as respostas que está procurando? Estamos sempre à disposição para ajudar você.