Ocultar o botão "Adicionar ao carrinho" nas páginas do produto

/manual/online-store/themes/theme-structure/templates

É possível ocultar a opção para os clientes adicionarem produtos ao carrinho personalizando um modelo de produto que oculta blocos específicos relacionados à adição de itens ao carrinho. Depois, é possível atribuir esse modelo de produto a um ou mais produtos que você não quer que os clientes possam adicionar ao carrinho. Isso significa que o botão "Adicionar ao carrinho" não será exibido nas páginas dos produtos aos quais você atribuir o novo modelo.

Recomendamos ocultar o botão "Adicionar ao carrinho" de determinadas páginas de produto em um dos seguintes cenários:

  • Os clientes precisam entrar em contato com você para obter um orçamento sobre o preço de um produto.
  • Você precisa ter uma opção de pré-venda em vez do botão "Adicionar ao carrinho".
  • Você vende produtos personalizados sob encomenda e precisa que os clientes entrem em contato para informar os requisitos do produto antes de fazer uma compra.

Só é possível atribuir às páginas de produto os modelos de produto que estão associados ao tema publicado. Se você criar um novo modelo em um tema que não seja o publicado, primeiro precisará publicar o tema para poder atribuir os modelos aos seus produtos.

Saiba mais sobre como criar novos modelos e aplicar modelos a produtos.

Ocultar o botão "Adicionar ao carrinho" para produtos específicos

Por padrão, os produtos são atribuídos ao modelo Produto padrão. Você pode criar um modelo de produto sem_venda separado para ocultar o botão "Adicionar ao carrinho" de um ou mais produtos, mas deixar outros produtos ainda disponíveis para compra na sua loja virtual.

Criar um modelo de produto sem venda

Para personalizar produtos específicos sem fazer alterações no modelo Produto padrão, você precisa criar um novo modelo de produto.

Etapas:

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Encontre o tema que você quer editar e clique em Personalizar.

  3. Clique no menu suspenso Página inicial e, em seguida, em Produtos > ⊕ Criar modelo.

  4. Na caixa de diálogo Criar um modelo, insira um nome para o novo modelo no campo Nome, como sem_venda, e clique em Criar modelo.

  5. Na barra lateral de navegação de Seções, acesse os blocos Modelo > Informações do produto e faça as seguintes alterações:

    1. Passe o cursor sobre o bloco Seletor de quantidade e clique no ícone de olho para ocultar o bloco.
    2. Passe o cursor sobre o bloco Botões de compra e clique no ícone de olho para ocultar o bloco.
    3. Opcional: passe o cursor sobre o bloco Preço e clique no ícone de olho para ocultar o bloco.
  6. Opcional: se você quiser adicionar um texto na página do produto para dar mais informações aos clientes, como uma data em que as vendas devem ser retomadas caso o produto esteja indisponível, adicione e personalize um novo bloco com as seguintes etapas:

    1. Na seção Informações do produto, clique em ⊕ Adicionar bloco > Texto para adicionar um bloco de texto.
    2. Clique e arraste o novo bloco de texto para a posição de sua preferência na página do produto.
    3. Na barra lateral de configurações de Texto, adicione seu texto no campo Texto.
    4. Selecione o Estilo de texto de sua preferência.
  7. Opcional: se você quiser adicionar um formulário de contato, adicione e personalize uma nova seção na página do produto com as seguintes etapas:

    1. No painel Modelo, clique em ⊕ Adicionar seção > Formulário de contato.
    2. Clique e arraste a nova seção Formulário de contato para a posição de sua preferência na página do produto.
    3. Na barra lateral de configurações do Formulário de contato, personalize o formulário como desejar. Por exemplo, você pode editar o campo de texto Título para exibir uma call-to-action, como Envie-nos uma solicitação para ser adicionado à nossa lista de espera.
  8. Clique em Salvar.

Atribuir o modelo "sem venda" a um único produto

  1. No admin da Shopify, acesse Produtos.

  2. Clique no nome do produto no qual você quer ocultar o botão "Adicionar ao carrinho".

  3. Na seção Modelo de tema, clique no menu suspenso e selecione o modelo sem_venda.

  4. Clique em Salvar.

Atribuir o modelo "sem venda" a vários produtos em massa

  1. No admin da Shopify, acesse Produtos.

  2. Clique nas caixas de seleção ao lado dos produtos nos quais você quer ocultar o botão "Adicionar ao carrinho" e, em seguida, clique em Edição em massa.

  3. No editor em massa, clique em Colunas e depois em Modelo para adicionar a coluna "Modelo" à tabela do editor.

  4. Em cada linha de produto, defina o Modelo como product.sem_venda.

  5. Clique em Salvar.

Ocultar o botão "Adicionar ao carrinho" para todos os produtos

Se você quiser ocultar o botão "Adicionar ao carrinho" de todos os seus produtos, mas ainda assim permitir que os clientes naveguem na sua loja virtual, personalize o modelo Produto padrão para aplicar as alterações a todos os produtos existentes e futuros.

Etapas:

  1. No admin da Shopify, acesse Loja virtual > Temas.

  2. Encontre o tema que você quer editar e clique em Personalizar.

  3. Clique no menu suspenso Página inicial e, em seguida, em Produtos > Produto padrão.

  4. Na barra lateral de navegação de Seções, acesse os blocos Modelo > Informações do produto e faça as seguintes alterações:

    1. Passe o cursor sobre o bloco Seletor de quantidade e clique no ícone de olho para ocultar o bloco.
    2. Passe o cursor sobre o bloco Botões de compra e clique no ícone de olho para ocultar o bloco.
    3. Opcional: passe o cursor sobre o bloco Preço e clique no ícone de olho para ocultar o bloco.
  5. Opcional: se você quiser adicionar um texto nas páginas de produto para dar mais informações aos clientes, como uma data em que as vendas devem ser retomadas caso seus produtos estejam indisponíveis, adicione e personalize um novo bloco com as seguintes etapas:

    1. Na seção Informações do produto, clique em ⊕ Adicionar bloco > Texto para adicionar um bloco de texto.
    2. Clique e arraste o novo bloco de texto para a posição de sua preferência na página do produto.
    3. Na barra lateral de configurações de Texto, adicione seu texto no campo Texto.
    4. Selecione o Estilo de texto de sua preferência.
  6. Opcional: se quiser adicionar um formulário de contato, adicione e personalize uma nova seção nas páginas de produto com as seguintes etapas:

    1. No painel Modelo, clique em ⊕ Adicionar seção > Formulário de contato.
    2. Clique e arraste a nova seção Formulário de contato para a posição de sua preferência na página do produto.
    3. Na barra lateral de configurações do Formulário de contato, personalize o formulário como quiser. Por exemplo, edite o campo de texto Título para exibir uma call-to-action, como Envie uma solicitação para entrar na lista de espera.
  7. Clique em Salvar.