Aparência do botão
Em WooCommerce → Quick Shop, você personaliza a sacolinha por completo — e a tela tem preview ao vivo: toda alteração aparece no botão de exemplo antes de salvar.
Ícone
Oito ícones disponíveis: Sacola (padrão), Carrinho, Olho, Mais (+), Raio, Tag, Coração e Estrela.
Estilo do botão
| Estilo | Comportamento |
|---|---|
| Só ícone (padrão) | Botão quadrado arredondado apenas com o ícone. |
| Expandir ao hover | O ícone expande revelando o texto do rótulo ao passar o mouse. O campo Rótulo do botão define o texto (padrão: “Compra rápida”). |
| Pílula | Botão totalmente arredondado. |
| Quadrado | Botão sem arredondamento. |
sualoja.com.br/wp-admin — WooCommerce → Quick Shop
Cores e dimensões
- Cor de fundo e do ícone/texto — normal e hover, com seletor de cor.
- Borda — cor (aceita transparente), espessura e raio.
- Tamanho do ícone — de 12 a 60 px.
- Tamanho do botão — de 28 a 80 px.
- Sombra — Sem sombra, Suave (padrão), Média ou Forte.
Posição
- Horizontal — esquerda ou direita (padrão) da foto do produto.
- Vertical — topo ou base (padrão).
- Deslocamento X/Y — distância em pixels da borda da foto (padrão: 8 px).
O estilo do botão é construído de forma resistente a plugins de otimização de CSS — mesmo com “remover CSS não utilizado” ligado, a sacolinha mantém a aparência configurada.
Documentação do Quick Shop · escrita com base na versão 1.0.3. As telas ilustradas podem variar conforme a versão instalada na sua loja.