WooCommerce: Ocultar productos si no tienen imagen asociada

Cómo personalizar las páginas de Woocommerce con Elementor

Algunas tiendas venden productos o servicios que no requieren imágenes. Si eres una de estas tiendas, podrías crear tus propias páginas de producto y simplemente usar el shortcode “Añadir al carrito” para generar botones. Sin embargo, la estructura de la página de producto es realmente agradable, y es posible que desee utilizar las páginas de producto para la simplicidad. Si es así, es posible que desee eliminar todas las imágenes en lugar de utilizar imágenes de marcador de posición.

Antes de hablar de cómo eliminar las imágenes de producto de WooCommerce, ¡presta atención a dónde añades este código! He escrito un par de tutoriales para otros sitios sobre esto: Cómo añadir código personalizado a WordPress y Cómo añadir código personalizado de WooCommerce de forma segura.

Sin embargo, esto no eliminará la insignia de venta si su producto está en venta, que se verá un poco raro sin una imagen. Tendremos que añadir otro fragmento justo debajo de este para eliminar las insignias de venta también:

  Cómo crear y personalizar una tienda online y sus productos con Divi

El único problema es que la página del producto tendrá ahora un gran hueco. Podemos arreglar esto con un poco de estilo personalizado, pero esto puede cambiar dependiendo de su tema. Añadiendo algo similar a esto a tu hoja de estilos CSS hija o plugin CSS personalizado debería funcionar:

Cómo eliminar imágenes de productos de WooCommerce

Si quieres ocultar una página de producto en tu tienda WooCommerce, hay varias formas de hacerlo. Una forma es eliminar el producto de tu tienda. Esto eliminará la página del producto de su sitio por completo. Si solo quieres ocultar la página del producto temporalmente, puedes despublicar el producto.

Esto eliminará la página del producto, pero siempre puede volver a publicarla más tarde. Por último, puede establecer la visibilidad del producto en “oculto”. Esto mantendrá la página del producto en línea, pero no será accesible desde las páginas principales de su tienda.

Cómo editar una página de tienda WooCommerce con Elementor

La pestaña Visibilidad por roles de usuario le permite mostrar/ocultar productos para cada rol de usuario. Haga clic en el rol para el que desea ajustar la visibilidad del catálogo. Haga clic en “Habilitar para este rol” para aplicar los nuevos cambios de visibilidad del catálogo.

  8 consejos importantes antes de cambiar de tema wordpress

Ahora que están ocultos para todo el mundo, puede abrirlos al minorista y a cualquier otro rol de usuario. Para mostrar el producto, vaya a la pestaña “visibilidad por roles de usuario” y navegue hasta el rol de usuario para el que desea abrir este producto y categoría ocultos. En este caso se trata del vendedor. Seleccione “mostrar” en el menú desplegable, seleccione todas las categorías y pulse el botón Guardar. ¿Por qué seleccionar todas las categorías? Porque la función “mostrar” oculta todos los demás productos y muestra sólo el que ha seleccionado. Aquí seleccionando todas las categorías significaría que mostrará todas las categorías junto con la que acaba de ocultar para todo el mundo.

Desafortunadamente, no oculta la categoría por completo, sin embargo, cuando un cliente restringido intenta visitar la página de la categoría muestra el mensaje de error personalizado o redirige a otra URL dependiendo de su configuración.

Cómo personalizar completamente los Productos Relacionados de WooCommerce

Este es un documento para desarrolladores. Si no está familiarizado con el código/plantillas y la resolución de posibles conflictos, seleccione un WooExperto o Desarrollador para obtener ayuda. No podemos proporcionar soporte para personalizaciones bajo nuestra Política de Soporte.

Añade este código al archivo functions.php de tu tema hijo o a través de un plugin que permita añadir funciones personalizadas, como el plugin Code snippets. Evite añadir código personalizado directamente al archivo functions.php de su tema principal, ya que se borrará por completo cuando actualice el tema.

  El constructor Divi no carga ? Soluciones