Si usas variantes de colores en tus productos, puedes mostrar las opciones como botones para que tus potenciales clientes puedan seleccionar fácilmente entre ellas.
Hay dos opciones posibles, de acuerdo al diseño que utilices, que te permiten mostrar las variantes como botones en la página del producto:
- botones circulares o cuadrados del color de la variante (ejemplo: un círculo rojo).
- fotos de las variantes como botones.
Por defecto, estas funcionalidades viene desactivadas. En este tutorial, te brindamos los pasos para activar cada una.
Warning
Es necesario que tus variantes de colores estén incluidas en la lista de colores adicionales para variantes. De lo contrario, no van a mostrarse como pastillas o círculos, sino como texto.
Botones del color de la variante
1. Ingresar a "Tienda online > Diseño" dentro del administrador de tu tienda, y hacer clic en el botón de "Editar diseño actual".
2. Elegir la opción de “Detalle del producto”.
3. Después, deslizar hacia abajo hasta la sección de “Variantes del producto”. Tildar la opción de “Mostrar como botones”.
4. Hacer clic en el botón de “Publicar cambios”.
¡Listo!
Las variantes de colores se van a mostrar con círculos o cuadrados según el diseño, indicando los colores disponibles:
Además, al hacer clic en cada opción, se va a mostrar la imagen asignada a cada variante que configuraste desde el formulario de productos de tu tienda.
Info
Para saber cómo asociar fotos de tus productos a variantes específicas, puedes seguir el tutorial: ¿Cómo asignar una imagen a una variante?
Fotos de las variantes como botones
Helpjuice Warning Callout Title
Esta opción no está disponible en los diseños Base, Cali, Uyuni, Lima y Rio.
1. Ingresar a "Tienda online > Diseño" dentro del administrador de tu tienda, y hacer clic en el botón de “Editar diseño actual”.
2. Elegir la opción de “Detalle del producto”.
3. Después, deslizar hacia abajo hasta la sección de “Variantes de color”. Tildar la opción de “Mostrar la foto de la variante del color como botón”.
4. Hacer clic en el botón de “Publicar cambios”.
¡Listo!
Las variantes de colores se van a mostrar como botones con su respectiva foto, indicando los colores disponibles.
Helpjuice Warning Callout Title
Al activar esta función en diseños donde ambas formas de botón estén disponibles (botón de color y botón con foto) se prioriza esta opción.