Liquid Sandbox

{"subtitle":"Um laboratório de temas. Exemplos, dados e resultados imediatos.","intro":"Escolhe um exemplo, edita o Liquid e o JSON e executa-o. Tudo é processado no teu navegador.","choose":"Escolhe um exemplo de tema","use":"Onde utilizar","try_label":"Experimenta alterar","code":"Código Liquid","data":"Dados de exemplo · JSON","data_hint":"Dados fictícios, sem ligação à tua loja. O JSON tem de ser um objeto.","run":"Executar código","reset":"Repor exemplo","copy_code":"Copiar código","copy_output":"Copiar resultado","copied":"Copiado para a área de transferência.","copy_failed":"Área de transferência indisponível. Seleciona o texto e copia-o com o teclado.","output":"Resultado","text":"Texto","html":"Pré-visualização HTML","preview_title":"Pré-visualização HTML segura","safe_note":"Vista estática: scripts, ligações, multimédia, formulários e estilos personalizados são removidos.","hint":"Edita o exemplo. Prime Escape para sair do editor de código.","loading":"A processar…","success":"Código executado com sucesso.","stale":"Os dados foram alterados. Volta a executar o código.","reset_done":"Exemplo reposto. Executa-o para veres o resultado.","empty":"Executa o exemplo para veres o resultado.","json_error":"JSON inválido. Verifica as aspas, vírgulas e parênteses retos.","json_object":"O JSON tem de ser um objeto, por exemplo {\"product\": {...}}.","liquid_error":"Erro de sintaxe ou de execução de Liquid.","missing_error":"Falta uma variável. Adiciona-a ao JSON ou corrige o nome no código Liquid.","filter_error":"Este filtro não está disponível em LiquidJS. Utiliza um filtro padrão ou testa-o no teu tema Jumpseller.","restricted_error":"Este laboratório não carrega modelos externos. Cola aqui o código em vez de utilizares include, render ou layout.","limit_error":"O exemplo é demasiado grande ou demora demasiado tempo. Reduz os dados ou o tamanho do ciclo.","line":"Linha","engine_missing":"Não foi possível carregar o motor Liquid. Recarrega a página e tenta novamente.","reference":"Antes de utilizares o código no teu tema","limitations":"Isto utiliza LiquidJS no teu navegador, não o motor Liquid de Rails utilizado pelo Jumpseller. Os objetos de exemplo são JSON, não dados reais da tua loja. Testa o código final no teu tema.","filter_note":"Apenas os filtros padrão de LiquidJS estão disponíveis. Os filtros do Jumpseller, como price, asset ou image, não estão implementados. Os exemplos mostram preços numéricos com o código da moeda; não formatam valores monetários nem calculam totais do checkout.","strict_note":"Este laboratório assinala as variáveis em falta. Um tema real pode tratá-las de forma diferente. include, render e layout estão desativados.","objects":"Referência oficial de objetos","filters":"Referência oficial de filtros","fictitious":"Dados fictícios de tema","title":"Liquid Sandbox — Ferramenta gratuita | Jumpseller","examples":[{"id":"price","name":"Preço e desconto","description":"Mostra o preço original e o preço com desconto. product.discount é um valor, não uma percentagem.","location":"Página ou cartão de produto.","try":"product.price e product.discount.","code":"\u003carticle\u003e\n  \u003ch2\u003e{{ product.name | escape }}\u003c/h2\u003e\n  {% if product.discount \u003e 0 %}\n    \u003cp\u003e\u003cs\u003e{{ product.price }} {{ store.currency }}\u003c/s\u003e\u003c/p\u003e\n    \u003cp\u003e\u003cstrong\u003e{{ product.price | minus: product.discount }} {{ store.currency }}\u003c/strong\u003e\u003c/p\u003e\n  {% else %}\n    \u003cp\u003e{{ product.price }} {{ store.currency }}\u003c/p\u003e\n  {% endif %}\n\u003c/article\u003e","data":{"product":{"name":"Camisa de linho","price":80,"discount":20},"store":{"currency":"EUR"}},"reference":"https://jumpseller.com/support/liquid/#product"},{"id":"stock","name":"Stock e esgotados","description":"Alterna entre stock ilimitado, disponível e esgotado.","location":"Página ou cartão de produto, junto aos controlos de compra.","try":"product.stock = 0 ou product.stock_unlimited = true.","code":"\u003ch2\u003e{{ product.name | escape }}\u003c/h2\u003e\n{% if product.stock_unlimited %}\n  \u003cp\u003eStock ilimitado\u003c/p\u003e\n{% elsif product.stock \u003e 0 %}\n  \u003cp\u003eDisponível: {{ product.stock }}\u003c/p\u003e\n{% else %}\n  \u003cp\u003e\u003cstrong\u003eEsgotado\u003c/strong\u003e\u003c/p\u003e\n{% endif %}","data":{"product":{"name":"Camisa de linho","stock":8,"stock_unlimited":false}},"reference":"https://jumpseller.com/support/liquid/#product"},{"id":"category","name":"Produtos de categoria","description":"Percorre os produtos de category.products, incluindo uma categoria vazia.","location":"Modelo de categoria ou fragmento da listagem de produtos.","try":"Adiciona um produto a category.products ou define-o como [].","code":"\u003ch2\u003e{{ category.name | escape }}\u003c/h2\u003e\n\u003cul\u003e\n{% for product in category.products %}\n  \u003cli\u003e{{ product.name | escape }} — {{ product.price }} {{ store.currency }}\u003c/li\u003e\n{% else %}\n  \u003cli\u003eEsta categoria não tem produtos.\u003c/li\u003e\n{% endfor %}\n\u003c/ul\u003e","data":{"category":{"name":"Essenciais do dia a dia","products":[{"name":"Camisa de linho","price":80},{"name":"Saco de lona","price":25}]},"store":{"currency":"EUR"}},"reference":"https://jumpseller.com/support/liquid/#category"},{"id":"variants","name":"Variantes de produto","description":"Lista os SKU, os preços e a disponibilidade das variantes. Não se pressupõe um campo de nome.","location":"Página de produto, junto ao seletor de variantes.","try":"Altera o preço, o stock ou stock_unlimited de uma variante.","code":"\u003ch2\u003e{{ product.name | escape }}\u003c/h2\u003e\n\u003cul\u003e\n{% for variant in product.variants %}\n  \u003cli\u003e\n    {{ variant.sku | escape }} — {{ variant.price }} {{ store.currency }}\n    {% if variant.stock_unlimited %}Stock ilimitado{% elsif variant.stock \u003e 0 %}Disponível: {{ variant.stock }}{% else %}Esgotado{% endif %}\n  \u003c/li\u003e\n{% endfor %}\n\u003c/ul\u003e","data":{"product":{"name":"Camisa de linho","variants":[{"sku":"SHIRT-S","price":80,"stock":4,"stock_unlimited":false},{"sku":"SHIRT-M","price":85,"stock":0,"stock_unlimited":false}]},"store":{"currency":"EUR"}},"reference":"https://jumpseller.com/support/liquid/#product-variants"},{"id":"cart","name":"Carrinho e quantidades","description":"Percorre order.products e calcula um valor de exemplo por linha: price × qty.","location":"Modelo do carrinho. O objeto atual é order; cart está obsoleto.","try":"Altera order.products[0].qty de 2 para 4.","code":"{% assign sample_total = 0 %}\n\u003cul\u003e\n{% for orderedproduct in order.products %}\n  {% assign line_amount = orderedproduct.price | times: orderedproduct.qty %}\n  {% assign sample_total = sample_total | plus: line_amount %}\n  \u003cli\u003e{{ orderedproduct.name | escape }} — Quantidade: {{ orderedproduct.qty }} — Valor da linha: {{ line_amount }} {{ store.currency }}\u003c/li\u003e\n{% else %}\n  \u003cli\u003eO teu carrinho está vazio.\u003c/li\u003e\n{% endfor %}\n\u003c/ul\u003e\n\u003cp\u003e\u003cstrong\u003eTotal de exemplo: {{ sample_total }} {{ store.currency }}\u003c/strong\u003e\u003c/p\u003e","data":{"order":{"products":[{"name":"Camisa de linho","price":80,"qty":2},{"name":"Saco de lona","price":25,"qty":1}]},"store":{"currency":"EUR"}},"reference":"https://jumpseller.com/support/liquid/#ordered-product"},{"id":"featured","name":"Etiqueta de destaque","description":"Utiliza um booleano documentado para mostrar uma etiqueta de produto em destaque.","location":"Cartões de produto em categorias ou coleções de destaques.","try":"Define product.featured como false.","code":"\u003carticle\u003e\n  \u003ch2\u003e{{ product.name | escape }}\u003c/h2\u003e\n  {% if product.featured %}\n    \u003cp\u003e\u003cstrong\u003eEm destaque\u003c/strong\u003e\u003c/p\u003e\n  {% else %}\n    \u003cp\u003eProduto sem destaque\u003c/p\u003e\n  {% endif %}\n\u003c/article\u003e","data":{"product":{"name":"Camisa de linho","featured":true}},"reference":"https://jumpseller.com/support/liquid/#product"}]}

Escolhe um exemplo, edita o Liquid e o JSON e executa-o. Tudo é processado no teu navegador.

Antes de utilizares o código no teu tema

Isto utiliza LiquidJS no teu navegador, não o motor Liquid de Rails utilizado pelo Jumpseller. Os objetos de exemplo são JSON, não dados reais da tua loja. Testa o código final no teu tema.

Apenas os filtros padrão de LiquidJS estão disponíveis. Os filtros do Jumpseller, como price, asset ou image, não estão implementados. Os exemplos mostram preços numéricos com o código da moeda; não formatam valores monetários nem calculam totais do checkout.

Este laboratório assinala as variáveis em falta. Um tema real pode tratá-las de forma diferente. include, render e layout estão desativados.

Referência oficial de objetos ↗Referência oficial de filtros ↗

Comece a sua jornada com a gente!

Comece seu teste grátis de 7 dias. Sem necessidade de cartão de crédito.

Design e Personalização

Pagamentos e Envios

Aplicativos

Suporte

Resultado

Antes de utilizares o código no teu tema

Comece a sua jornada com a gente!

Para Cada Negócio

Canais de Vendas

Design e Personalização

Pagamentos e Envios

Aplicativos

Suporte

Liquid Sandbox

Resultado

Antes de utilizares o código no teu tema

Comece a sua jornada com a gente!