Catálogo

Considere o passo anterior já feito: o loader e o window.__WC_CONFIG__ ficam no header/footer do site (ver "Como Instalar?" na página inicial), então valem para todas as páginas.

3. Declare o web component onde quiser na página:

   <catalogue-wc></catalogue-wc>

4. Atributos opcionais:

   <catalogue-wc
     category="slug-da-categoria,outra"
     params='{"brand_list":"1"}'
     sticky-offset="64"
     show-category-bar>
   </catalogue-wc>

O botão Comprar abre o modal de regras do plano e, ao confirmar, adiciona ao checkout. Eventos emitidos: toCheckout e catalogueReady.

Tema: dark mode e a cor primária da marca vêm do backend (settings.app.is_dark_mode e button_primary_bg_color). Não há configuração no host — o componente se adapta sozinho ao tenant.