Elemento de quantidade do produto

O que é o elemento Quantidade do Produto?

O processo de Elemento de quantidade do produto permite que os compradores especifiquem quantas unidades de um produto desejam comprar. Os clientes podem clicar nos botões de mais (+) ou menos (-) para aumentar ou diminuir a quantidade, ou podem digitar manualmente um número no campo de entrada.

Como adicionar o elemento Quantidade do produto à sua página

Depois que o elemento for adicionado, clique nele para abrir o Painel de configurações no lado esquerdo. O painel possui duas abas: Configurações e Avançado.

Configurar a guia Configurações

1. Fonte do produto

Selecione o produto ao qual este seletor de quantidade deve ser aplicado. Isso garante que a quantidade seja atualizada corretamente para o produto escolhido.

2. Botão

• Largura: Ajuste a largura do botão para adaptá-la ao seu design.
• Fundo: Escolha uma cor sólida ou gradiente para o botão.
• Ícone de mais: Selecione um ícone padrão ou carregue um ícone personalizado.
• Ícone de menos: Selecione um ícone padrão ou carregue um ícone personalizado.
• Cor e tamanho do ícone: Ajuste a cor e o tamanho dos ícones para combinar com o estilo da sua página.
• Borda e Canto: Personalize o estilo da borda e o raio do canto.
• Efeito de foco: Adicione efeitos visuais quando os usuários passarem o mouse sobre o botão.

3. Entrada

• Fundo: Alterar a cor de fundo do campo de entrada.
• Estilos de texto: Escolha entre 3 estilos de parágrafo e 6 estilos de título para o texto de entrada.
• Divisor: Defina a cor e a espessura do divisor entre os botões e o campo de entrada.
• Efeito de foco: Aplique um efeito visual ao passar o mouse sobre o campo de entrada.

4. Tamanho

Ajuste a largura e a altura do elemento.

5. Contexto

Alterar a cor de fundo do elemento.

6. Shape

Ajuste a forma externa do elemento:

• Fronteira
• Corner
• Shadow

7. Condição de exibição

• Quantidade padrão: Define o número inicial mostrado para a quantidade.
• Atualizar preço: O preço total é atualizado quando a quantidade muda.

8. Alinhar

• O alinhamento será desabilitado quando a largura do botão for 100%
• Caso contrário, a opção de alinhamento padrão é Alinhar à Esquerda.

Configurar a guia Avançado

Para uma personalização mais avançada, navegue até a guia Avançado e siga as instruções em Este artigo.