Personalize o Findalo a fundo.

Tudo o que está no painel — cores, disposições, presets — funciona sem escrever código. Esta secção é para quando quer ir mais longe: theming fino com tokens CSS, estilos sobre as classes estáveis do widget, o seu próprio card de produto e reação aos eventos da pesquisa a partir de JavaScript.

O contrato: o que é estável e o que não é

O widget é renderizado dentro de um shadow DOM próprio para não interferir com a sua loja. O que documentamos aqui — os tokens --fdl-*, as classes listadas, as variáveis de template e os eventos — é contrato estável: só adicionamos, nunca renomeamos nem removemos. Qualquer outra classe ou variável que veja no inspetor é interna e pode mudar em qualquer versão sem aviso; não dependa dela.

Onde escrever o seu código

• A partir do seu próprio site: declare os tokens sobre .findalo-search-host em qualquer folha de estilos da sua loja — atravessam o shadow.
• A partir do painel: Aparência → Avançado traz editores de CSS e JS que são injetados dentro do widget. O CSS aí escreve-se sobre .kos-search e as classes estáveis.

Cada página desta secção existe também em markdown (adicione .md ao URL) — prático para passar ao seu assistente de código (a versão .md canónica é a espanhola). O índice geral para agentes está em findalo.io/llms.txt.