{"id":3656,"date":"2020-11-17T09:05:13","date_gmt":"2020-11-17T09:05:13","guid":{"rendered":"https:\/\/www.futurestatemedia.com\/?p=3656"},"modified":"2021-07-27T09:43:27","modified_gmt":"2021-07-27T09:43:27","slug":"woocommerce-hide-product-title-on-shop-page","status":"publish","type":"post","link":"https:\/\/www.futurestatemedia.com\/es\/woocommerce-hide-product-title-on-shop-page\/","title":{"rendered":"WooCommerce Ocultar el t\u00edtulo del producto en la p\u00e1gina de la tienda C\u00f3mo guiar"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Si su tienda WooCommerce vende productos altamente visuales, a veces la preferencia es ocultar el t\u00edtulo del producto en las p\u00e1ginas de la tienda y en cualquier secci\u00f3n del sitio web donde aparezca la imagen del producto con el t\u00edtulo del producto debajo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esto se puede lograr f\u00e1cilmente con un poco de CSS ingresado en la secci\u00f3n &quot;CSS adicional&quot; del personalizador de temas, O (como siempre es nuestra preferencia) podr\u00eda estar usando un creador de p\u00e1ginas decente que le permita controlar estas cosas con el clic de un bot\u00f3n - 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.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Uso de CSS para ocultar el t\u00edtulo del producto WooCommerce en la p\u00e1gina de la tienda<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Este CSS eliminar\u00e1 el t\u00edtulo del producto WooCommerce de la p\u00e1gina de la tienda, pero tambi\u00e9n en cualquier lugar donde aparezca la cuadr\u00edcula de productos en su tienda con una imagen y un t\u00edtulo del producto debajo. Entonces, por ejemplo en el <a href=\"https:\/\/www.futurestatemedia.com\/es\/eliminar-productos-relacionados-en-woocommerce\/\">secci\u00f3n de productos relacionados de su p\u00e1gina de producto<\/a> - este CSS ocultar\u00e1 el t\u00edtulo del producto en productos relacionados. Esto tambi\u00e9n ocultar\u00e1 el t\u00edtulo del producto de las p\u00e1ginas de categor\u00edas de productos y cualquier otra p\u00e1gina de archivo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ingrese este c\u00f3digo en la secci\u00f3n &quot;CSS adicional&quot; de su Personalizador de temas:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><code>.woocommerce-loop-product__title {<br>\npantalla: ninguna;<br>\n}<\/code><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Uso de Divi Page Builder para ocultar el t\u00edtulo del producto en la p\u00e1gina de la tienda con WooCommerce<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Divi Theme y Page Builder son bastante especiales. Entonces, sin necesidad de ingresar l\u00edneas de c\u00f3digo y realizar un seguimiento de qu\u00e9 c\u00f3digo hace qu\u00e9, puede personalizar la apariencia visual exacta de su tienda WooCommerce con facilidad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En este caso, puede seleccionar literalmente dentro del M\u00f3dulo Divi Shop NO mostrar los t\u00edtulos de los productos debajo de las im\u00e1genes en la p\u00e1gina de la tienda.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esto no es tan simple como otras funciones de Divi, pero esencialmente debe establecer el estilo del t\u00edtulo del producto en un tama\u00f1o de fuente de 1px, la altura de la l\u00ednea en 1em y establecer el color de la fuente al mismo que el fondo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Trabajo hecho.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span class=\"\">woocommerce oculta el t\u00edtulo del producto en la p\u00e1gina de la tienda<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>If your WooCommerce store sells highly visual products, sometimes the preference is to hide the product title on Shop Pages and in any sections of the website where the product image appears with the product title underneath it. This can easily be achieved with some CSS entered into the &#8220;Additional CSS&#8221; section of the theme&hellip; <a class=\"more-link\" href=\"https:\/\/www.futurestatemedia.com\/es\/woocommerce-hide-product-title-on-shop-page\/\">seguir leyendo <span class=\"screen-reader-text\">WooCommerce Ocultar el t\u00edtulo del producto en la p\u00e1gina de la tienda C\u00f3mo guiar<\/span><\/a><\/p>","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[20,30],"tags":[],"class_list":["post-3656","post","type-post","status-publish","format-standard","hentry","category-website-design","category-ecommerce-stores","entry"],"_links":{"self":[{"href":"https:\/\/www.futurestatemedia.com\/es\/wp-json\/wp\/v2\/posts\/3656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.futurestatemedia.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.futurestatemedia.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/es\/wp-json\/wp\/v2\/comments?post=3656"}],"version-history":[{"count":0,"href":"https:\/\/www.futurestatemedia.com\/es\/wp-json\/wp\/v2\/posts\/3656\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.futurestatemedia.com\/es\/wp-json\/wp\/v2\/media?parent=3656"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/es\/wp-json\/wp\/v2\/categories?post=3656"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/es\/wp-json\/wp\/v2\/tags?post=3656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}