Cómo crear muestras de radio, etiquetas, colores y variaciones de imagen para los atributos variables del producto WooCommerce

La variante del producto WooCommerce es una tecnología increíble introducida para estimular las ventas y la conversión del sitio. Piensas por qué las muestras son increíbles, ¿verdad? Las variantes del producto se reemplazan por el campo Drop -down de selección del producto WooCommerce predeterminado y activa el color, la imagen, la etiqueta y las muestras de radio. Como resultado, los clientes pueden seleccionar fácilmente la versión de producto deseada e inmediatamente agregarlos al carrito. En este tutorial, le mostraré cómo puede activar muestras de radio, etiquetas, colores y variaciones de fotos en el producto variable WooCommerce utilizando el tema OceanWP.
Supongo que tienes el tema Ocsewp instalado. Para activar muestras en sus productos variables, primero instale el complemento de muestras de variaciones de WooCommerce. Demostración en vivo | Descargar muestras de variación de WooCommerce WooCommerce Variation Swatches

Puede descargar el complemento WooCommerce Variation Swatches y desde el fondo de su sitio, comience a instalar los complementos desde la notificación superior para el administrador. Instale y active muestras de variación de WooCommerce y complementan Ocean Extra.

Si no recibe la notificación superior para instalar el complemento Swatches, explore complementos >> Agregar nuevo. Buscar variaciones de wooCommerce en el campo de búsqueda. Instale y active las muestras de variación de WooCommerce por Emran Ahmed.

Después de instalar y activar el complemento con éxito, es hora de crear muestras de radio, etiquetas, colores y variaciones de imagen en OceanWP. Comencemos el proceso. Configurar muestras de variación de WooCommerce después de instalar las muestras de variaciones de WooCommerce y el complemento de fotos en OceanWP. Es hora de configurar este complemento para sus productos variables. Hay dos formas de instalar este complemento. Activar muestras variables para productos variables existentes
Configurar muestras variables para nuevos productos variables
En este tutorial, describiré en ambos sentidos. Active las muestras variables para los productos variables existentes, muchos de ustedes ya tienen productos variables creados en su tienda. Consulte la siguiente captura de pantalla. El menú desplegable de la variante predeterminada está mostrando actualmente que la siguiente captura de pantalla de su sitio en los próximos pasos, le mostraré cómo convertir el campo de seleccionar la variación en muestras hermosas.
Antes
Después

Paso 01: Edición del atributo Vaya a productos >> Atributos. Todos los atributos globales existentes se enumeran en la sección de atributos. Después de instalar el complemento WooCommerce Variation Swatches, agregue el campo Tipo. Por defecto, mostraría seleccionar bajo el título de tipo.

Debido a que el complemento WooCommerce Swatches viene con tres tipos de atributos: color, imagen, botón. Puede establecer cualquier tipo de atributo para el atributo deseado. Para fines demostrativos, se creó el atributo de telas, patrones y etiquetas. Agregue el tipo de atributo de color para el atributo del modelo, el tipo de atributo de imagen para el atributo de fábrica y el atributo de tipo para el atributo de etiqueta. Para establecer el tipo de atributo de color en el atributo del modelo, haga clic en Editar.

Seleccione Tipo de color en el menú Tipo de caída.
Productos de devolución >> Atributos. Edite el atributo de telas, así como el atributo de patrón.

Devuelve productos >> Atribues nuevamente. Edite el atributo de etiqueta, como telas y atributo de patrones.

Cuando se complete la selección del tipo de atributo, regrese a la página con la lista de atributos. La lista de atributos se vería como la siguiente imagen.

La interfaz del producto se vería como la próxima captura de pantalla después de seleccionar los tipos de atributos para los atributos del producto.

Las variaciones para el atributo de etiqueta se ven bien, pero las variaciones para el atributo del modelo deben definir los colores, y las variaciones para el atributo de fábrica deben agregar imágenes. Paso 02: Variaciones de edición para definir los colores como variaciones dentro del atributo del patrón. Vaya a productos >> Atributos. Seleccione Configurar términos del atributo de modelos.

Después de seleccionar los términos, aparece una lista de variaciones de atributos. Para el patrón, aquí se enumeran tres variantes: azul, verde y rojo. Edite cada variación una por una para agregar el color de la variación.

Para la demostración, seleccione Editar el enlace para la versión verde.

Del panel de edición. Seleccione el color deseado de ColorPicker y actualice los cambios presionando el botón Actualizar. Cuando se actualizan todas las variantes de color, la interfaz se ve como la siguiente.

Después de actualizar las variaciones de los atributos del modelo, edite el atributo de telas seleccionando términos como el atributo del modelo. Después de presionar Configurar términos, una lista de términos de Fabrics aparece como modelo. Edite cada opción para insertar la imagen con variantes. Para fines demostrativos, edite el enlace para el atributo de cámara.

Del panel de edición. Cargue la variedad deseada de la imagen desde la imagen y actualice los cambios presionando el botón de actualización. Después de actualizar las imágenes para todas las variantes, la interfaz desea la siguiente captura de pantalla.

Configurar muestras de variación para nuevos productos variables es el paso para aquellos que no tienen un producto variable creado para su tienda. En primer lugar, crearemos productos variables y activaremos muestras para ellos. Paso 01: Crear atributos y variaciones globales Después de la instalación y activación exitosas del complemento, cree el atributo deseado a nivel global >> Atributos. Cree variantes de modelo, telas, longitud y tamaño, ingrese el título del atributo y el tipo de atributo en el tipo de caída.

Cuando el color de atributo, la etiqueta de imagen y patrones, telas, etiquetas y tamaño se crea con éxito, se crea una lista de atributos a la izquierda.

Después de crear los atributos globales, agregue variaciones de atributos seleccionando términos. Para crear variaciones para los atributos del modelo, seleccione Configurar los enlaces de los términos. Complete el campo Nombre y seleccione los códigos de color. Cree variaciones de los atributos de color verde, azul y rojo para el color. Aparece una lista de variaciones de atributos en la pantalla izquierda después de agregar variaciones para los atributos del modelo.

Vaya a productos nuevamente >> Atributos. Cree variaciones para los atributos de los tejidos, seleccione Configurar los términos enlaces en telas. Complete el campo Nombre y agregue una variante de imagen de la biblioteca de medios o cargue desde su computadora.

Cree variaciones de cámara, pana y en relieve para los atributos de la imagen y aparecerán a la izquierda.

Cree variaciones para los atributos de radio y etiqueta, como variaciones de imagen y color. Paso 02: Mostrar muestras en la página del producto variable para activar muestras en la página del producto variable. Ingrese la forma de editar el producto deseado, seleccione el producto variable de los datos del producto.

Vaya a la pestaña Atributo. Haga clic en el Producto personalizado del atributo del menú desplegable. Aquí están todos los atributos creados a nivel mundial. Agregue todos los atributos uno por uno.

Después de haber agregado todos los atributos, presione el botón Seleccionar todo desde cada configuración de atributo para agregar todas las variaciones disponibles simultáneamente. Después de agregar variaciones en los atributos del producto, guarde la configuración seleccionando los butries de salvación.

Ahora ingrese la pestaña Variación. Haga clic en el menú desplegable Agregue una variante. Aparecen dos opciones aquí. La primera se agrega variación y la segunda se crea variaciones de todos los atributos.

Seleccione variaciones de creación de todos los atributos y presione Go.Agregará todas las combinaciones de variaciones disponibles creadas para atributos.Agregue una imagen de precio y variación para la variación individual y guarde la configuración. Conclusión Traté de cubrir cada paso para instalar el complemento de muestras de variación de WooCommerce en el tema OceanWP.Dime en el cuadro de comentarios si aún necesitas ayuda.