Estilo e menu do carrinho
Deixe o carrinho com a cara da loja — e leve o mini-cart para outros pontos do site.
Estilo
Na aba Estilo, você ajusta:
- Cores — fundo, botão, textos (primário e secundário), preço riscado, economia, cupom, links e bordas;
- Largura de prévia — no desktop (px) e no mobile (%);
- Velocidade da animação (ms) e arredondamento da borda (px);
- Família da fonte — informe o nome da fonte caso o carrinho não herde a do tema;
- CSS personalizado — para ajustes avançados (opcional).
Menu do carrinho (mini-cart)
Além do ícone flutuante, dá para colocar um mini-cart em outros pontos do site. Habilite o Menu do Carrinho e configure ícone, quantidade de produtos, total e tamanho do texto. Há três métodos de exibição:
| Método | Como funciona |
|---|---|
| Incorporar shortcode | Copie o shortcode fornecido e cole em qualquer lugar do site. |
| Adicionar ao menu | Insere o mini-cart como último item de um menu do site. |
| Usar seletor CSS | Informe a classe do ícone de carrinho que o tema já tem (com ponto, ex.: .cart-icon) para que ele passe a abrir o carrinho lateral. |
O Usar seletor CSS é a joia escondida: em vez de adicionar mais um ícone, ele faz o ícone de carrinho que já existe no seu tema abrir o carrinho lateral — visual do tema, comportamento novo. Se não souber a classe do ícone, a equipe da Pixel Partners descobre rapidinho.
Documentação do Carrinho Lateral. As telas ilustradas podem variar conforme a versão instalada na sua loja.