Passar para o conteúdo principal
Todas as coleçõesAvançado
Personalizar a aparência do bloco do aplicativo com CSS
Personalizar a aparência do bloco do aplicativo com CSS

Formate o bloco do aplicativo com CSS

Lui Serafim avatar
Escrito por Lui Serafim
Atualizado há mais de 2 semanas

Você pode formatar os blocos do aplicativo utilizando CSS ou através do botão de personalização na aba Loja Online.

Personalizar o widget da página de produto

O CSS deve ser adicionado em Zapiet ‑ Opções de Produto > Configurações > Temas > Personalização de tema, no campo Estilos personalizados.

Já preenchemos o campo Estilos personalizados com um CSS padrão, que servirá como ponto de partida para quaisquer personalizações adicionais.

  • Mude os valores hexadecimais para as cores desejadas.

  • Caso o CSS não seja aplicado, adicione !important após o valor hexadecimal.

    • Por exemplo: fill: #e6017e !important;

Personalizar o widget da página do carrinho

Você também pode editar o widget da página do carrinho através das configurações do tema. É possível ajustar o raio da borda, tamanho e cor, espaçamento interno (padding), além de personalizar as cores para:

  • Botões

  • Campos de entrada (Inputs)

  • Amostras (Swatches)

  • Ícones de dica (Tooltips)

Adicione essas configurações em Loja Online > Personalizar > Inserções de aplicativos > Zapiet ‑ Opções de Carrinho.
​

Respondeu à sua pergunta?