Ocultar preços dos produtos

Aviso

Os temas vintage não estão disponíveis na Theme Store. Esses temas não têm os recursos incluídos nos temas da Online Store 2.0 da Shopify, e os temas vintage gratuitos só recebem atualizações para correções de segurança.

Observação

Se você usa um tema gratuito da Shopify, entre em contato com a equipe de Atendimento ao cliente da Shopify para receber ajuda relacionada ao tutorial, que requer 15 minutos para o design. Saiba mais sobre a Política de design da Shopify.

Observação

Esta personalização se aplica a temas vintage da Shopify, e não aos temas da Online Store 2.0.

• Descubra a versão da arquitetura do tema da loja
• Conheça as personalizações para temas da Online Store 2.0.

É possível ocultar todos os preços dos produtos e mostrá-los novamente mais tarde pela edição dos formatos de moeda.

Dica

Se você quer impedir que os clientes comprem seus produtos temporariamente, também é possível desabilitar o carrinho.

Etapas:

Desktop

1. No admin da Shopify, acesse Configurações.
2. Clique em Geral.
3. Na seção Padrões da loja, clique em ... > Alterar formatação.
4. Encapsule os dois primeiros formatos em um elemento span com uma classe definida como hidden. Não use aspas. Por exemplo, este é o formato HTML com moeda para uma loja que usa o dólar norte-americano:

<span class=hidden>${{ amount }} USD</span>

Este é o formato HTML sem moeda:

<span class=hidden>${{ amount }}</span>

iPhone

1. No app da Shopify, toque no botão ….

2. Toque em Configurações.

3. Na seção Configurações da loja, toque em Geral.

4. Na seção Padrões da loja, toque em ... > Alterar formatação.

5. Encapsule os dois primeiros formatos em um elemento span com uma classe definida como hidden. Não use aspas. Por exemplo, este é o formato HTML com moeda para uma loja que usa o dólar norte-americano:

<span class=hidden>${{ amount }} USD</span>

Este é o formato HTML sem moeda:

<span class=hidden>${{ amount }}</span>

Android

1. No app da Shopify, toque no botão ☰.

2. Toque em Configurações.

3. Na seção Configurações da loja, toque em Geral.

4. Na seção Padrões da loja, toque em ... > Alterar formatação.

5. Encapsule os dois primeiros formatos em um elemento span com uma classe definida como hidden. Não use aspas. Por exemplo, este é o formato HTML com moeda para uma loja que usa o dólar norte-americano:

<span class=hidden>${{ amount }} USD</span>

Este é o formato HTML sem moeda:

<span class=hidden>${{ amount }}</span>

Aviso

Não coloque <span class=hidden>${{ amount }}</span> nos campos E-mail com moeda e E-mail sem moeda.

É importante que você não inclua aspas nos formatos de dinheiro, pois isso pode interferir no funcionamento do JavaScript do tema.

Esse código serve para ocultar todos os preços da vitrine. Se os preços ainda estiverem aparecendo, adicione um código à parte inferior da folha de estilo do tema. Siga as próximas etapas.

Desktop

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 Ativos, clique no arquivo theme.scss.liquid para abri-lo. O nome da folha de estilo varia em cada tema, portanto, se você não encontrar theme.scss.liquid, procure uma destas informações:

   • style.scss.liquid
   • styles.scss.liquid
   • theme.css.liquid
   • timber.scss.liquid

4. No final do arquivo, cole o seguinte código:

.hidden {
  display: none;
}

1. Clique em Salvar.

iPhone

1. No app da Shopify, toque no botão ….
2. Na seção canais de vendas, toque em loja virtual.
3. Toque em Gerenciar temas.
4. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.

5. No diretório Ativos, clique no arquivo theme.scss.liquid para abri-lo. O nome da folha de estilo varia em cada tema, portanto, se você não encontrar theme.scss.liquid, procure uma destas informações:

   • style.scss.liquid
   • styles.scss.liquid
   • theme.css.liquid
   • timber.scss.liquid

6. No final do arquivo, cole o seguinte código:

.hidden {
  display: none;
}

1. Clique em Salvar.

Android

1. No app da Shopify, toque no botão ….
2. Na seção canais de vendas, toque em loja virtual.
3. Toque em Gerenciar temas.
4. Encontre o tema que você quer editar, clique no botão … para abrir o menu de ações e, depois, em Editar código.

5. No diretório Ativos, clique no arquivo theme.scss.liquid para abri-lo. O nome da folha de estilo varia em cada tema, portanto, se você não encontrar theme.scss.liquid, procure uma destas informações:

   • style.scss.liquid
   • styles.scss.liquid
   • theme.css.liquid
   • timber.scss.liquid

6. No final do arquivo, cole o seguinte código:

.hidden {
  display: none;
}

1. Clique em Salvar.

Quando quiser mostrar os preços novamente, altere a moeda da vitrine para qualquer outra e depois volte para sua própria moeda. Essa ação reverte as configurações para os formatos-padrão da moeda da vitrine e mostra de novo os preços na vitrine.