en el uso de WoodMart Construcción temática WooCommerce Comprar cuandoSwatch(Attribute Button Styles) pueden mejorar la visualización del producto, especialmente para el color, el tamaño y otras variantes. Sin embargo, muchas personas encontraron que: cuando el producto está fuera de stock, el estilo Swatch no se mostrará normalmente, lo que fácilmente causará confusión en el frontend.
En este artículo se explica paso a paso cómo solucionar este problema para que los estilos Swatch se reflejen correctamente en los estados sin existencias.
![图片[1]-WoodMart 缺货产品 Swatch 样式不显示?一文教你解决](https://www.361sale.com/wp-content/uploads/2025/05/20250529095611129-image.png)
I. ¿Dónde están los ajustes del estilo Swatch?
En primer lugar, ve a la trastienda:
Productos → Propiedades → Editar un atributo (por ejemplo, color, tamaño).
![图片[2]-WoodMart 缺货产品 Swatch 样式不显示?一文教你解决](https://www.361sale.com/wp-content/uploads/2025/05/20250529095709493-image.png)
En la parte inferior de esta página de propiedades, verá el área Configuración de muestras, que puede seleccionarse:
- Estilo Swatch
- Estilo para discapacitados
- Forma (cuadrada/redonda)
![图片[3]-WoodMart 缺货产品 Swatch 样式不显示?一文教你解决](https://www.361sale.com/wp-content/uploads/2025/05/20250529095736695-image.png)
Haga clic en "Actualizar" para guardar los ajustes.
Nota: Aunque se establezca un estilo aquí, el estilo Swatch no se mostrará si los productos o variantes subsiguientes se establecen incorrectamente.
En segundo lugar, ¿por qué no se produce ningún efecto tras el ajuste?
Si no ves ningún cambio en el estilo Swatch al actualizar la página, probablemente se deba a eso:
- Los productos siguen marcados como "agotados" pero siguen "habilitados"
- WoodMart Los temas no aplican estilos desactivados a este estado
![图片[4]-WoodMart 缺货产品 Swatch 样式不显示?一文教你解决](https://www.361sale.com/wp-content/uploads/2025/05/20250529101543760-image.png)
III. Solución 1: Modificación de variantes de productos individuales
- Abrir la página de edición del producto
- Busque la variante agotada y haga clic para ampliarla
![图片[5]-WoodMart 缺货产品 Swatch 样式不显示?一文教你解决](https://www.361sale.com/wp-content/uploads/2025/05/20250529101630317-image.png)
- Desmarca "Activado".
- Guardar variantes, actualizar productos
- Actualiza la página y la opción de 128 GB desaparece.
![图片[6]-WoodMart 缺货产品 Swatch 样式不显示?一文教你解决](https://www.361sale.com/wp-content/uploads/2025/05/20250529101736551-image.png)
Este enfoque es adecuado para quienes desean seguir mostrando la opción de agotado, pero quieren hacer una distinción visual clara.
Solución 2: Configurar WooCommerce para que oculte los productos agotados
Si no desea que los productos agotados aparezcan en primer plano, puede utilizar el siguiente método:
- Acceso entre bastidores:WooCommerce → Configuración → Productos → Inventario
![图片[7]-WoodMart 缺货产品 Swatch 样式不显示?一文教你解决](https://www.361sale.com/wp-content/uploads/2025/05/20250529101944278-image.png)
- Marque "Ocultar productos agotados del catálogo".
![图片[8]-WoodMart 缺货产品 Swatch 样式不显示?一文教你解决](https://www.361sale.com/wp-content/uploads/2025/05/20250529102125354-image.png)
- Guardar ajustes
Después de configurarlo así:
- Los artículos agotados no se mostrarán en el frontend
- Los estilos Swatch también pueden mostrar el estado de agotado
- No es necesario modificar cada variante individualmente
V. Resumen de las recomendaciones
| Escenarios de uso | Recomendación |
|---|---|
| El frontend muestra las opciones agotadas pero hay que cambiar los estilos | Desmarque la casilla "Activar". |
| No mostrar artículos agotados | Marque la casilla "Ocultar artículos agotados". |
Que el estilo Swatch funcione o no depende delofertasEl ajuste del estado actual. Después de entender este mecanismo, se puede ajustar con flexibilidad el efecto de visualización, ya no preocupado por el estilo no tiene efecto.
No dudes en dejar un comentario si tienes alguna otra pregunta sobre la configuración o visita photonwave.com para obtener más información. WordPress Tutorial.
| 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 | |
Enlace a este artículo:https://www.361sale.com/es/56565/El artículo está protegido por derechos de autor y debe ser reproducido con atribución.



















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Sin comentarios