Product components

Use product_components para conteúdo selecionável na página de produto. Além do contexto base, o Liquid recebe product, referente ao produto da página atual.

Schema mínimo

{
  "title": "Destaque do produto",
  "description": "Seção da página de produto.",
  "component_config": { "settings": {}, "content": {} }
}

Esqueleto mínimo

{% assign content = component_configs.content %}
<section class="destaque-produto">
  <h2>{{ content.title }}</h2>
  <p>{{ product.name }}</p>
</section>

.destaque-produto { padding: 2rem; }

const DestaqueProduto = { init() {} };
export default DestaqueProduto;

Para uma lista adicional de produtos, carregue uma tag em vez de tratar product como lista. Leia Vitrines de produtos, Schema e Troubleshooting.