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
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
- 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>
- 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 %}
- 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
- No admin da Shopify, acesse Loja virtual > Temas.
- Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.
- 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>
- 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 %}
- 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.