Si su tienda WooCommerce vende productos altamente visuales, a veces la preferencia es ocultar el título del producto en las páginas de la tienda y en cualquier sección del sitio web donde aparezca la imagen del producto con el título del producto debajo.

Esto se puede lograr fácilmente con un poco de CSS ingresado en la sección "CSS adicional" del personalizador de temas, O (como siempre es nuestra preferencia) podría estar usando un creador de páginas decente que le permita controlar estas cosas con el clic de un botón - lo que significa que no corre el riesgo de que su CSS se rompa en el futuro, ya que se desactualiza con las versiones actuales de WooCommerce o su tema.

 

Uso de CSS para ocultar el título del producto WooCommerce en la página de la tienda

Este CSS eliminará el título del producto WooCommerce de la página de la tienda, pero también en cualquier lugar donde aparezca la cuadrícula de productos en su tienda con una imagen y un título del producto debajo. Entonces, por ejemplo en el sección de productos relacionados de su página de producto - este CSS ocultará el título del producto en productos relacionados. Esto también ocultará el título del producto de las páginas de categorías de productos y cualquier otra página de archivo.

Ingrese este código en la sección "CSS adicional" de su Personalizador de temas:

.woocommerce-loop-product__title {
pantalla: ninguna;
}

 

Uso de Divi Page Builder para ocultar el título del producto en la página de la tienda con WooCommerce

Divi Theme y Page Builder son bastante especiales. Entonces, sin necesidad de ingresar líneas de código y realizar un seguimiento de qué código hace qué, puede personalizar la apariencia visual exacta de su tienda WooCommerce con facilidad.

En este caso, puede seleccionar literalmente dentro del Módulo Divi Shop NO mostrar los títulos de los productos debajo de las imágenes en la página de la tienda.

Esto no es tan simple como otras funciones de Divi, pero esencialmente debe establecer el estilo del título del producto en un tamaño de fuente de 1px, la altura de la línea en 1em y establecer el color de la fuente al mismo que el fondo.

Trabajo hecho.

 

woocommerce oculta el título del producto en la página de la tienda

es_MX