Ao usar recursos como a ativação condicional, pode ser interessante fornecer informações adicionais aos clientes na página do carrinho. Você pode mostrar quais produtos estão disponíveis apenas sob certas condições.
Por exemplo, se você tiver alguns produtos configurados como "Apenas para Recolha", pode ser confuso para os clientes identificarem na página do carrinho quais produtos não estão disponíveis para recolha. Esta solução adicionará o texto "Apenas para Recolha" a um produto na página do carrinho, como mostrado abaixo:
Você pode editar o código e o texto para exibir qualquer informação sobre os produtos, como:
Quais métodos de checkout estão disponíveis para seus produtos
Em quais dias ou datas seus produtos estão disponíveis
Em quais localizações seus produtos estão disponíveis
Quanto tempo seus produtos levam para serem preparados
Se você não se sentir confortável editando o código, entre em contato conosco pelo e-mail [email protected], e teremos prazer em ajudar!
Editar o código do tema
Para exibir o texto na página do carrinho, você precisará adicionar um código aos arquivos do tema.
Nos Canais de venda, clique em Loja Online.
Encontre o tema que deseja editar, clique em ..., e depois em Editar código.
Localize o arquivo do carrinho (por exemplo, cart.liquid, cart-template.liquid, main-cart.liquid, etc.).
Adicione o código entre as seções relacionadas à quantidade do item e o preço do item, ou em qualquer outro local que atenda às suas necessidades.
O código pode ser modificado para mostrar o texto com base em:
Exibir etiquetas
Você pode modificar o código para atender às necessidades do seu negócio.
Neste exemplo, os clientes poderão ver quais produtos estão disponíveis para qual método de checkout com base nas etiquetas dos produtos.
O texto não precisa corresponder à etiqueta — você pode adicionar qualquer texto que precisar.
Se o item tiver a etiqueta "Apenas para Recolha", o texto "Apenas para Recolha" será exibido no carrinho:
{% if item.product.tags contains "Pickup Only" %}
<p style="color:red;text-align:center;"><strong>Pickup Only</strong></p> {% endif %}Se o item tiver a etiqueta "Apenas para Entrega", o texto "Apenas para Entrega" será exibido no carrinho:
{% if item.product.tags contains "Delivery Only" %}
<p style="color:red;text-align:center;"><strong>Delivery Only</strong</p> {% endif %}Se o item tiver a etiqueta "Apenas para Envio", o texto "Apenas para Envio" será exibido no carrinho:
{% if item.product.tags contains "Shipping Only" %}
<p style="color:red;text-align:center;"><strong>Shipping Only</strong></p>
{% endif %}
Exibir fornecedor
Você pode modificar o código abaixo para atender às necessidades da sua loja.
Neste exemplo, os clientes poderão ver quais produtos estão disponíveis para qual método de checkout com base no fornecedor do produto.
O texto não precisa corresponder ao fornecedor — você pode adicionar qualquer texto que precisar.
Se o fornecedor for "Armazém", o texto "Apenas para Envio" será exibido no carrinho:
{% for vendor in item.product.vendor %}
{% if vendor == "Warehouse" %}
<p style="color:red;text-align:left;"><strong>Shipping Only</strong></p>
{% endif %}
{% endfor %}Se você quiser comparar vários fornecedores, poderá adicioná-los em um loop FOR:
Se o fornecedor for "Armazém", o texto "Somente envio" será exibido no carrinho
Se o fornecedor for "Loja", o texto "Somente recolha" será exibido no carrinho
{% for vendor in item.product.vendor %}
{% if vendor == "Warehouse" %}
<p style="color:red;text-align:left;"><strong>Shipping Only</strong></p>
{% endif %}
{% if vendor == "Store" %}
<p style="color:red;text-align:left;"><strong>Pickup Only</strong></p>
{% endif %}
{% endfor %}
Exibir tipo de produto
Você pode modificar o código abaixo para atender às necessidades da sua loja.
Neste exemplo, os clientes poderão ver quais produtos estão disponíveis para qual método de checkout e o tempo de preparação com base no tipo de produto.
O texto não precisa corresponder ao tipo de produto — você pode adicionar qualquer texto que precisar.
Se o tipo de produto for "Flores", o texto "Apenas para Recolha" será exibido no carrinho:
{% if item.product.type == 'Flowers' %}
<p style="color:red;text-align:left;"><strong>Pickup Only</strong></p>
{% endif %}Se o tipo de produto for "Padaria", o texto "Disponível após 2 dias" será exibido no carrinho:
{% if item.product.type == 'Bakery' %}
<p style="color:red;text-align:left;"><strong>Available after 2 days</strong></p>
{% endif %}
Exibir coleção de produtos
Você pode modificar o código abaixo para atender às necessidades da sua loja.
Neste exemplo, os clientes poderão ver quais produtos estão disponíveis em qual localização com base na coleção do produto.
O texto não precisa corresponder à coleção — você pode adicionar qualquer texto que precisar.
Se a coleção for "London ST", o texto "Disponível na rua London" será exibido no carrinho:
{% for collection in item.product.collections %}
{% if collection.title == 'London ST' %}
<p style="color:red;text-align:left;"><strong>Available at London street</strong></p>
{% endif %}
{% endfor %}Se você quiser comparar coleções, pode adicioná-las em um loop FOR:
Se a coleção for "London ST", o texto "Disponível na rua London" será exibido no carrinho
Se a coleção for "Trafalgar SQ", o texto "Disponível na praça Trafalgar" será exibido no carrinho
{% for collection in item.product.collections %}
{% if collection.title == 'London ST' %}
<p style="color:red;text-align:left;"><strong>Available at London street</strong></p>
{% endif %}
{% if collection.title == 'Trafalgar SQ' %}
<p style="color:red;text-align:left;"><strong>Available at Trafalgar Square</strong></p>
{% endif %}
{% endfor %}
