Woocommerce ocultar variación desplegable
Contenidos
Si tienes una tienda WooCommerce, puede que te hayas encontrado con el problema de las variaciones fuera de stock. Cuando un producto está agotado, WooCommerce seguirá mostrando la variación en el menú desplegable de la página del producto.
Esto puede ser confuso para los clientes, y puede dar lugar a que seleccionen una variación fuera de stock y luego se pregunten por qué no pueden añadirlo a su carrito. En este artículo, te mostraremos cómo ocultar las variaciones fuera de stock en WooCommerce.
Cuando un producto está agotado, WooCommerce seguirá mostrando la variación en el menú desplegable de la página del producto. Esto puede ser confuso para los clientes, y puede dar lugar a que seleccionen una variación fuera de stock y luego se pregunten por qué no pueden añadirlo a su carrito.
CONSEJO PROFESIONAL: Si estás utilizando WooCommerce para vender productos que tienen variaciones, es posible que desees ocultar las variaciones que están agotadas. Esto se puede hacer yendo a la página de configuración de WooCommerce y seleccionando la opción “Ocultar artículos agotados del catálogo”. Sin embargo, si tiene productos que se agotan con regularidad, esta puede no ser la mejor opción para usted, ya que podría dar lugar a que los clientes potenciales no vean sus productos en absoluto.
¿Cómo hacer que no se muestren las existencias agotadas en WooCommerce?
Para ello, ve a WooCommerce > Configuración > Productos > Inventario y marca la casilla junto a “Ocultar artículos agotados de la página de la tienda”. Esto hará que los productos agotados se oculten de la página de la tienda, de las páginas de categorías y de los resultados de búsqueda.
¿Cómo desactivo las variaciones en WooCommerce?
Dirígete a la sección WooCommerce > Configuración > Productos > Configuración de inventario. Allí encontrarás la casilla de verificación “Visibilidad de productos agotados”; marca la casilla si deseas ocultar estos productos del catálogo y las variaciones del menú desplegable por completo.
Woocommerce desactivar variación
WooCommerce ya tiene un ajuste para eliminar completamente los productos/variaciones de productos cuando están fuera de stock. Esto significa que ya no son visibles en las páginas de la tienda o en las páginas de productos de las variaciones. Si su tienda ofrece productos que vuelven en el futuro es una buena idea no eliminarlos completamente. Mostrar la variación como desactivada puede ser una mejora para la experiencia del cliente para mostrar que hay diferentes opciones disponibles, pero no disponibles en este momento.
Si quieres eliminar los productos y variaciones que están agotados, utiliza la configuración existente en WooCommerce Core. Dirígete a la sección WooCommerce > Ajustes > Productos > Ajustes de inventario. Allí encontrarás la casilla “Visibilidad de productos agotados”; marca la casilla si quieres ocultar estos productos del catálogo, y las variaciones del desplegable por completo.
Con sólo un pequeño fragmento de código es posible comprobar el stock del producto y hacer que las variaciones estén inactivas. WooCommerce Core mostrará entonces por defecto las opciones del desplegable como desactivadas. El snippet da el efecto que se muestra en la captura de pantalla.
Ocultar productos agotados woocommerce
WooCommerce ya tiene un ajuste para eliminar completamente los productos/variaciones de productos cuando están fuera de stock. Esto significa que ya no son visibles en las páginas de la tienda o en las páginas de productos para las variaciones. Si su tienda ofrece productos que vuelven en el futuro es una buena idea no eliminarlos completamente. Mostrar la variación como desactivada puede ser una mejora para la experiencia del cliente para mostrar que hay diferentes opciones disponibles, pero no disponibles en este momento.
Si quieres eliminar los productos y variaciones que están agotados, utiliza la configuración existente en WooCommerce Core. Dirígete a la sección WooCommerce > Ajustes > Productos > Ajustes de inventario. Allí encontrarás la casilla “Visibilidad de productos agotados”; marca la casilla si quieres ocultar estos productos del catálogo, y las variaciones del desplegable por completo.
Con sólo un pequeño fragmento de código es posible comprobar el stock del producto y hacer que las variaciones estén inactivas. WooCommerce Core mostrará entonces por defecto las opciones del desplegable como desactivadas. El snippet da el efecto que se muestra en la captura de pantalla.
Woocommerce mejores variaciones
Si tienes una tienda WooCommerce, puede que quieras ocultar automáticamente los productos agotados para mantener tu tienda ordenada y despejada. Hay varias formas de hacerlo, y el método que elijas dependerá de tus necesidades particulares.
Una forma de ocultar automáticamente los productos agotados es utilizar la configuración incorporada en WooCommerce. Para ello, vaya a WooCommerce > Configuración > Productos > Inventario y marque la casilla junto a “Ocultar artículos agotados de la página de la tienda”.
Esto hará que los productos agotados se oculten de la página de la tienda, de las páginas de categorías y de los resultados de búsqueda. Sin embargo, los clientes podrán seguir viendo estos productos si tienen la URL directa.
Si necesitas más control sobre qué productos se ocultan y cuáles se muestran, puedes utilizar un plugin como WooCommerce Product Filter. Este plugin te permite crear reglas para qué productos deben mostrarse u ocultarse en la página de tu tienda.
Una de las columnas que puedes añadir es una columna de “existencias”, que mostrará una etiqueta de “Agotado” para cualquier producto que esté agotado. Esto permite a los clientes ver rápidamente qué productos están disponibles y cuáles no.