Plugin para mejorar el estilo de las opciones variables de WooCommerce
¿Sabías que en ForoCMS.com te damos soporte Wordpress gratis?
Plantea tus dudas, problemas y/o comentarios sobre Wordpress. ¡Te ayudamos gratis!
En este tutorial vamos a hablar sobre un plugin llamado «Variation Swatches for WooCommerce». A la hora de gestionar los atributos y las variables de un producto en WooCommerce por defecto el sistema crea dentro de cada página de producto estos apartados con un diseño ambiguo y poco atractivo. El plugin al que hacemos mención hoy, permite cambiar el diseño visual de los atributos y variantes de tus productos. Sigue leyendo este instructivo si deseas mejorar el estilo de las opciones variables de WooCommerce.
¿Para qué se utilizan los atributos y las variables en WooCoomerce?
Un atributo permite definir una serie de características con sus correspondientes parámetros dentro de un producto. Por ejemplo, si estás vendiendo zapatillas, los atributos podrían ser Talla y Color. Dentro de estos atributos deberías crear las variantes disponible para este producto. Cómo por ejemplo:
Talla: 38 | 39| 40 Color: rojo | negro | amarillo
Pasos para instalar y configurar el plugin «Variation Swatches for WooCommerce«
1- Accede a tu panel de administración WordPress y localiza en tu menú lateral izquierdo la opción «Plugins». Una vez se abra el desplegable en la parte inferior, selecciona la opción «Añadir Nuevo».
2- Desde la caja de búsqueda situada en la parte superior derecha, escribe el nombre del plugin «Variation Swatches for WooCommerce» y pulsa enter. Una vez aparezca en pantalla, pulsa sobre el botón «Instalar ahora».
2.1- Una vez la instalación del nuevo plugin haya finalizado, aparecerá en lugar del botón «Instalar ahora» un nuevo botón llamado «Activar«, Pulsa sobre el botón «Activar» para que este plugin comience a funcionar.
3- Una vez hayas instalado y activado el plugin, deberás acceder a los atributos para modificar su diseño. Si no tienes creado ningún atributo y no sabes realizar este paso, lee este instructivo: Cómo crear atributos y variables para los productos de WooCommerce
3.1 – El plugin instalado tuvo que haber generado dentro de la pestaña «Atributos» una sección llamada «Tipo». Si despliegas su contenido, verás las opciones Color, Imagen o Botón.
Si por ejemplo estás creando la variante Talla, el tipo que deberías seleccionar es Botón.
3.2- Una vez creado el atributo, accede a él para generar sus correspondientes variantes. Si estás creando las variantes de «color», observarás que el sistema te permite seleccionar desde una paleta el color deseado.
4- Por último, si tus producto ya son variables, simplemente accede a tu página web y visualiza que las opciones variables se vean correctamente. Si tus productos no son variables y deseas añadir configuraciones (Talla, Color, Modelo), sigue este instructivo: Cómo configurar un producto variable en woocommerce
Antes:
Después:
