Nem todo modelo de negócio dentro do e-commerce opera exclusivamente com vendas diretas e checkout imediato. Lojas virtuais que comercializam produtos sob encomenda, itens de alto valor agregado, mercadorias com frete sob consulta ou produtos B2B frequentemente precisam de uma abordagem diferenciada: permitir a navegação no catálogo, mas direcionar o cliente para uma solicitação de orçamento em vez da compra instantânea.
No Shopify, uma das formas mais eficientes e flexíveis de gerenciar essa dinâmica sem duplicar temas ou criar lojas separadas é o uso de condicionais por tags de produto no código Liquid. A seguir, analisamos a arquitetura necessária para implementar essa lógica no tema Brooklyn.
A Lógica de Segmentação por Tags no Liquid
O ecossistema Shopify permite atribuir marcadores (tags) a produtos individuais no painel administrativo. Ao cadastrar uma tag padronizada, como request-a-quote, podemos instruir o template a alterar a renderização dos blocos de compra.
Em vez de remover o formulário globalmente, a customização intercepta o elemento padrão <button type="submit" name="add"> apenas quando a condicional de tag for verdadeira, preservando a experiência padrão de compra para os demais itens da loja.
Passo a Passo da Customização no Tema Brooklyn
1. Mapeamento dos Arquivos do Tema
No tema Brooklyn, a estrutura da página de produto é gerenciada principalmente na pasta Sections, dentro do arquivo product-template.liquid (ou em snippets incluídos por ele, como product-form.liquid, dependendo da versão do tema).
2. Aplicação da Condicional Liquid
Dentro do formulário do produto (delimitado pela tag {% form 'product', product %}), localiza-se o container responsável pelos botões de ação e seletores de quantidade. A estrutura deve ser envelopada com a verificação de tag:
{% if product.tags contains 'request-a-quote' %}
<!-- Ação alternativa: Link ou botão de orçamento -->
<a href="/pages/contato?produto={{ product.title | url_encode }}" class="btn btn--secondary">
Solicitar Orçamento
</a>
{% else %}
<!-- Estrutura padrão de compra do Brooklyn -->
<button type="submit" name="add" class="btn btn--add-to-cart">
{{ 'products.product.add_to_cart' | t }}
</button>
{% endif %}3. Neutralização dos Botões de Checkout Dinâmico
Em implementações Shopify que realizo para lojas com catálogo híbrido, um detalhe crítico frequentemente ignorado é o botão de checkout acelerado do Shopify (Shop Pay, Apple Pay, Google Pay). Se a loja mantiver a tag {{ form | payment_button }} ativa para produtos sob consulta, o cliente ainda poderá ignorar a trava e concluir a compra via checkout rápido. A condicional de verificação da tag também precisa ocultar esse componente para produtos marcados.
4. Integração do Formulário de Contato
Com o botão de compra desativado, o lojista pode direcionar o lead para:
- Uma página de contato padrão com parâmetro de URL contendo o nome do produto pré-preenchido.
- Um formulário modal via JavaScript nativo para que o cliente não saia da página do produto.
- Aplicativos especializados de captura de cotação (como Globo Request a Quote ou Quick Quote), ativados apenas na presença da tag.
Cuidados Técnicos e Validação
Antes de publicar a alteração em produção, certifique-se de realizar testes em um tema duplicado:
- Verifique se a alternância de variantes continua atualizando preços ou se o preço também deve ser ocultado para itens de orçamento.
- Valide a exibição em dispositivos móveis, garantindo que o botão alternativo mantenha a consistência visual com o design do Brooklyn.
- Teste a adição ao carrinho via links diretos ou gaveta de carrinho (AJAX cart), confirmando que o produto realmente não pode ser adicionado.
Precisa de Suporte Técnico Especializado em Shopify?
Adaptar temas legados como o Brooklyn ou criar fluxos complexos de orçamento e catálogo no Shopify Online Store 2.0 exige atenção aos detalhes para não impactar a velocidade e a conversão da sua loja. Se você deseja implementar essa ou outras personalizações avançadas no seu tema com código limpo e seguro, entre em contato para avaliar uma consultoria técnica sob medida.
