Listagem de produtos

Nota: Algumas das cores definidas nesse grupo também serão utilizadas na página do produto. Decidimos essa configuração para facilitar a configuração por você e não criar divergências entre a listagem e a página do produto.

Cor dos textos: cor utilizada no título do produto no box do produto.

Cor do preço: cor utilizada no preço exibido acima das formas de pagamento no box do produto.

Cor das formas de pagamento: cor utilizada nos preços e informações das formas de pagamento em destaque no box do produto.

Cor de fundo do bloco de produto: cor utilizada no fundo de cada box do produto. Essa cor pode ser diferente da cor do fundo da loja caso queria dar um destaque maior ao box do produto. Em lojas com fundo claro recomendamos deixar a cor igual aqui.

Cor de fundo do botão: cor utilizada no fundo do botão comprar e mais detalhes no box do produto. Esse botão aparecerá somente ao passar o mouse sobre o box do produto.

Cor de fundo do botão ao passar o mouse: cor utilizada no fundo do botão comprar e mais detalhes no box do produto ao passar o mouse sobre o botão.

Cor do texto do botão: cor do texto do botão comprar e mais detalhes no box de produto. Recomendamos que essa cor tenha um bom contraste com as cores Cor de fundo do botão e Cor de fundo do botão ao passar o mouse definidas anteriormente.

Cor de fundo dos botões de quantidade: cor utilizada no fundo dos botões de quantidade que ficam ao lado do campo de quantidade no box do produto e na página do produto.

Cor de fundo dos botões de quantidade ao passar o mouse: cor utilizada no fundo dos botões de quantidade que ficam ao lado do campo de quantidade ao passar o mouse sobre.

Cor das setas de quantidade: cor utilizada nas setas nos botões de quantidade.

Cor de fundo da tag destaque: cor utilizada no fundo da tag destaque para os produtos em destaque, tanto no box do produto quanto na página do produto.

Cor do texto da tag destaque: cor utilizada no texto da tag destaque para os produtos em destaque, tanto no box do produto quanto na página do produto.

Cor de fundo da tag desconto: cor utilizada no fundo da tag desconto para os produtos com desconto, tanto no box do produto quanto na página do produto.

Cor do texto da tag desconto: cor utilizada no texto da tag desconto para os produtos com desconto, tanto no box do produto quanto na página do produto.

Cor de fundo da tag de frete grátis: cor utilizada no fundo da tag de frete grátis para os produtos com frete grátis, tanto no box do produto quanto na página do produto.

Cor do texto da tag de frete grátis: cor utilizada no texto da tag de frete grátis para os produtos com de frete grátis, tanto no box do produto quanto na página do produto.

Cor de fundo da tag lançamento: cor utilizada no fundo da tag lançamento para os produtos marcados como lançamento, tanto no box do produto quanto na página do produto.

Cor do texto da tag lançamento: cor utilizada no texto da tag lançamento para os produtos marcados como lançamento, tanto no box do produto quanto na página do produto.

Cor de fundo da tag extra: cor utilizada no fundo da tag extra do produto, tanto no box do produto quanto na página do produto.

Cor do texto da tag extra: cor utilizada no texto da tag extra do produto, tanto no box do produto quanto na página do produto.

Cor de fundo da barra de filtros: cor utilizada no fundo da barra de filtro na listagem de produtos nas categorias e na página de busca. No mobile, o fundo da barra de filtros terá a mesma cor do fundo da loja.

Cor das bordas dos filtros: cor da borda inferior dos filtros na barra de filtro na listagem de produtos nas categorias e na página de busca.