Cargando...

Crear atributos de color para productos variables WooCommerce

Actualizado el 11/04/2022

Primero, descargue el  plugin WooCommerce Variation Swatches , también puede instalarlo a través del backend de su sitio. Dirígete al panel de control de tu sitio y navega a plugins >> Agregar nuevo. Busque Muestras de variación de WooCommerce en el campo de búsqueda. Instale y active el plugin de muestras de variación de WooCommerce de Emran Ahmed.

Crear atributos de color para productos variables WooCommerceDespués de instalar y activar con éxito el plugin Muestras de variación de WooCommerce, es hora de crear muestras de variación de color de WooCommerce en el tema OceanWP. Comencemos el proceso.

Paso O1: Crear atributo

Al principio, tenemos que crear atributos de color y sus variaciones globalmente. Para crear un atributo de color globalmente, vaya a Productos >> Atributos. Como crearemos un atributo de color para nuestro producto. Rellene el campo de nombre con el nombre de atributo deseado. En este tutorial, he denominado nombre de atributo: Color. 

Puede dejar el campo Slug vacío. Genera automáticamente el slug para el atributo. En el menú desplegable Tipo, seleccione el tipo de atributo Color. Cuando se completen los campos obligatorios, seleccione el botón Agregar atributo.

Crear atributos de color para productos variables WooCommerce

Después de crear el atributo, notará que se crea una lista en el lado derecho. Verifique la siguiente captura de pantalla.

Crear atributos de color para productos variables WooCommerce

Paso 02: crear variaciones de atributos

Cuantas más variaciones agregue, se agregarán a esta lista. Cuando se crea un atributo, necesitamos crear variaciones de atributo. Para crear variaciones de productos, haga clic en Configurar términos de la lista de atributos.

Crear atributos de color para productos variables WooCommerceComo hemos creado un atributo Color. Agregaremos colores como variaciones dentro del atributo Color. En este tutorial, agregaremos variaciones de verde, azul y rojo. Para crear variación dentro del atributo Color. Rellene el campo Nombre con el nombre de variación deseado, deje el campo de slug vacío y seleccione el color deseado del selector de color.

Crear atributos de color para productos variables WooCommerce

Paso 03: habilitar la variación de atributos en el producto variable

Es hora de habilitar la muestra de color dentro de un producto variable. Para habilitar la muestra de color en su producto deseado. Ingrese al modo de edición de su producto deseado. Asegúrese de haber seleccionado el producto variable de Datos del producto.

Crear atributos de color para productos variables WooCommerce

 

Después de seleccionar el producto Variable del menú desplegable Datos del producto, diríjase a la pestaña Atributos. Haga clic en el menú desplegable Atributo de producto personalizado. En este menú desplegable, puede ver todos sus atributos creados globalmente. Como solo hemos creado un atributo de color, ahora muestra el atributo de color.

Crear atributos de color para productos variables WooCommerce

 

Ahora seleccione el atributo Color y haga clic en Agregar. Puede ver que aparecen las siguientes pantallas después.

Crear atributos de color para productos variables WooCommerce

Si desea seleccionar todas las variaciones disponibles del atributo de color, haga clic en el botón Seleccionar todo. Si desea anular la selección de todas las variaciones seleccionadas a la vez. Haga clic en Seleccionar ninguno. Botón. Agregue todas las variaciones seleccionando el botón Seleccionar todo, marque Usado para la configuración de variaciones y haga clic en el botón Guardar atributos. Consulte la siguiente captura de pantalla como guía.

Crear atributos de color para productos variables WooCommerce

 

Ahora ve a la pestaña Variaciones. Haga clic en el menú desplegable Agregar variación. Aquí notarás dos opciones. El primero es Agregar variación y el segundo es Crear variaciones de todos los atributos. 

Crear atributos de color para productos variables WooCommerce

 

En este tutorial, seleccionaré Crear variación de todos los atributos y haré clic en el botón Ir. Agregará todas las variaciones disponibles como la siguiente.

Crear atributos de color para productos variables WooCommerce

Puede ver en la imagen de arriba que hay variaciones de color azul, verde y rojo. Desde esta pantalla puede agregar la imagen de la variación, el precio de la variación y otros detalles específicos de la variación. Cuando haya terminado de agregar todos los detalles requeridos en cada variación, haga clic en el botón Guardar cambios.

¡Recordar! No olvide agregar el precio en cada variación; de lo contrario, las variaciones no serán visibles en la interfaz del producto.

Si puede agregar con éxito muestras de variación de color de WooCommerce puede ver la siguiente vista en la interfaz de su producto.

Crear atributos de color para productos variables WooCommerce

 

Deja un comentario

Tu dirección de correo electrónico no será publicada.