Tutorial de WooCommerce Mercancía Variable: Establece fácilmente las opciones de talla y color

en proceso de construcción WordPress Al comprar en sitios web, muchas personas se encuentran con la necesidad de artículos que no sean de una sola talla, sino que estén disponibles en una gran variedad de tamaños y colores. La buena noticia es queWooCommerce La función "Producto variable" permite que cada producto tenga múltiples variantes para que los clientes puedan elegir.

Este artículo te llevará paso a paso a través del proceso de creación de un Producto Variable WooCommerce con opciones de tamaño y color, desde la configuración del backend hasta la generación de combos, es fácil y práctico.

Paso 1: Añadir una nueva variable mercancía

• Regístrese WordPress la zona detrás de un escenario teatral
• Vaya a [Productos] → [Nuevo] en el menú de la izquierda.

• Introduzca el nombre del producto
• En la zona "Datos del producto", sustituya [ ] por [ ].simple mercancía] cambiar a [Materia prima variable].

De este modo, el artículo puede empezar a añadir múltiples atributos y variantes.

Paso 2: Añadir el atributo Size

• Cambiar a la pestaña [Propiedades
• Seleccione [Atributos personalizados del producto] → Haga clic en [Añadir].

• Introduzca "Tamaño" en el campo Nombre.
• Introduzca en el campo de valor:S | M | L(Uso de líneas verticales) | (como separador)
• Marque [para el tipo de cambio]
• Haga clic en [Propiedades de la tienda].

También puede copiar y pegar primero las líneas verticales para asegurarse de que el formato es correcto.

Paso 3: Añadir atributos de color

• Sigue haciendo clic en [Añadir]
• Introduzca "color" como nombre
• Ejemplo numérico:Blanco (liso) | Verde (estampado)
• Utilice también líneas verticales para separar
• Marque [para el tipo de cambio]
• Haga clic en [Propiedades de la tienda].

Ahora que ha añadido dos atributos: tamaño y color, puede combinar variosmorph.

Paso 4: Crear una cartera de productos (variantes)

• Cambie a la pestaña [Cambiar tipo
• Haga clic en [Crear tipo de cambio a partir de todas las propiedades].
• Pulse [Enviar] y, a continuación, pulse dos veces [Aceptar].

El sistema genera todas las combinaciones automáticamente. Por ejemplo, hay 3 tallas × 2 colores = 6 variantes.

Paso 5: Establecer imágenes y precios para cada variante

• Pulse [Editar] a la derecha de cada combinación

• Cargar una imagen exclusiva para esta variante
• Introduzca el precio (por ejemplo, 390)
• Ordenar todas las combinaciones
• Por último, haga clic en [Guardar configuración].

todo el mundomorphTodos pueden tener fotos y precios individuales para que la recepción pueda mostrarlos correctamente.

Paso 6: Configuración de las opciones predefinidas

Cuando se abra la página del producto, sólo se mostrará una combinación preestablecida de diagramas e información.

• En [Valores de formulario predefinidos], seleccione el tamaño y el color de la pantalla por defecto (por ejemplo, tamaño M + verde).

• Vuelva a hacer clic en [Guardar configuración].

Paso 7: Establecer la imagen principal del producto (para listados de productos)

• Deslícese hasta la esquina inferior derecha de la página [Imagen del producto].

• Cargue una variación de la imagen que desea utilizar como imagen principal de su producto (le recomendamos que utilice la imagen de la cartera que acaba de establecer como predeterminada).

• Haga clic en [Establecer imagen del producto].

Paso 8: Publicar el producto y previsualizarlo

• Haga clic en [Publicar].
• Ir a [Vista previa de los cambios
• Ver imágenes predefinidas en la página de listado de productos

• Acceda a la página de detalles del producto y elija libremente la talla y el color. El sistema también cambiará automáticamente la imagen y el precio.

resúmenes

WooCommerce La función de producto variable es ideal para productos con varias tallas. Mientras configures los atributos y el tipo de variación, podrás hacer fácilmente la libre elección de tallas y colores, sin importar si se trata de ropa, zapatos, accesorios u otros productos. Sigue los pasos de este artículo para configurarlo paso a paso, y pronto tendrás una página de productos más completa, profesional y usable.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: [email protected]
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres