Elemento Cantidad de Producto

¿Qué es el elemento Cantidad de Producto?

La función Elemento Cantidad de Producto permite a los compradores especificar cuántas unidades de un producto desean comprar. Los clientes pueden hacer clic en los botones más (+) o menos (-) para aumentar o disminuir la cantidad, o pueden escribir manualmente un número en el campo de entrada.

Cómo Añadir el Elemento Cantidad de Producto a Su Página

Una vez añadido el elemento, haga clic en el elemento para abrir el panel de Configuración en el lado izquierdo. El panel tiene dos pestañas: Configuración y Avanzado.

Configurar la Pestaña de Configuración

1. Fuente de Producto

Seleccione el producto al que debe aplicarse este selector de cantidad. Esto asegura que la cantidad se actualice correctamente para el producto elegido.

2. Botón

• Ancho: Ajuste el ancho del botón para que se adapte a su diseño.
• Fondo: Elija un color sólido o degradado para el botón.
• Icono Más: Seleccione un icono predeterminado o cargue un icono personalizado.
• Icono Menos: Seleccione un icono predeterminado o cargue un icono personalizado.
• Color y Tamaño de Icono: Ajuste el color y tamaño de los iconos para que coincidan con el estilo de su página.
• Borde y Esquina: Personalice el estilo del borde y el radio de la esquina.
• Efecto Hover: Añada efectos visuales cuando los usuarios pasen el cursor sobre el botón.

3. Entrada

• Fondo: Cambie el color de fondo del campo de entrada.
• Estilos de Texto: Elija entre 3 estilos de párrafo y 6 estilos de encabezado para el texto de entrada.
• Línea divisoria: Establezca el color y grosor de línea divisoria entre los botones y el campo de entrada.
• Efecto Hover: Aplique un efecto visual al pasar el cursor sobre el campo de entrada.

4. Tamaño

Ajuste el ancho y alto del elemento.

5. Fondo

Cambie el color de fondo del elemento.

6. Forma

Ajuste la forma exterior del elemento:

• Borde
• Esquina:
• Sombra:

7. Condición de visualización:

• Cantidad predeterminada: Establece el número inicial que se muestra para la cantidad.
• Precio actualizado: El precio total se actualiza cuando cambia la cantidad.

8. Alineación

• La alineación se desactivará cuando el Ancho del Botón sea 100%.
• Si no, la opción de alineación predeterminada es alinear a la Izquierda.

Configurar la pestaña Avanzada

Para una personalización más avanzada, navegue a la pestaña Avanzada y siga las instrucciones en este artículo.