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.
![Imagen[1]-¿No se muestran las muestras de productos agotados de WoodMart? Este artículo le ayudará a solucionarlo.](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).
![Pictures[2]-¿No se muestran las muestras de productos agotados de WoodMart? Aquí está cómo arreglarlo](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)
![Imagen[3]-¿No se muestran las muestras de productos agotados de WoodMart? Este artículo le ayudará a resolverlo.](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
![Imagen [4] - ¿No se muestran los estilos de muestras de productos agotados de WoodMart? Aquí está cómo solucionarlo](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
![Image[5]-¿No se muestran las muestras de productos agotados de WoodMart? Aquí está cómo solucionarlo](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.
![Imagen [6] - ¿No se muestran los estilos de muestras de productos agotados de WoodMart? Este artículo le ayudará a solucionarlo.](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
![Imagen [7]-¿No se muestran los estilos de muestras de productos agotados de WoodMart? Este artículo le ayudará a solucionarlo.](https://www.361sale.com/wp-content/uploads/2025/05/20250529101944278-image.png)
- Marque "Ocultar productos agotados del catálogo".
![Imagen[8]-¿No se muestran las muestras de productos agotados de WoodMart? Este artículo le ayudará a solucionarlo.](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: info@361sale.com | |
| ④ 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/56565El artículo está protegido por derechos de autor y debe ser reproducido con atribución.





















![Emoji[wozuimei]-Photonflux.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Emoticono [baoquan] - Photon Wave Network | Servicios profesionales de reparación de WordPress, cobertura mundial, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Sin comentarios