Wenn Ihr WooCommerce-Shop hochvisuelle Produkte verkauft, ist es manchmal vorzuziehen, den Produkttitel auf den Shop-Seiten und in allen Bereichen der Website auszublenden, in denen das Produktbild mit dem Produkttitel darunter angezeigt wird.<\/p>\n\n\n\n
Dies kann leicht mit etwas CSS erreicht werden, das im Abschnitt "Zus\u00e4tzliches CSS" des Theme-Customizers eingegeben wird, oder Sie k\u00f6nnen (wie immer unsere Pr\u00e4ferenz) einen anst\u00e4ndigen Seitenersteller verwenden, mit dem Sie diese Dinge auf Knopfdruck steuern k\u00f6nnen - Das hei\u00dft, Sie laufen nicht Gefahr, dass Ihr CSS in Zukunft kaputt geht, da es mit den aktuellen Versionen von WooCommerce oder Ihrem Thema nicht mehr aktuell ist.<\/p>\n\n\n\n
Dieses CSS entfernt den WooCommerce-Produkttitel von der Shop-Seite, aber auch \u00fcberall dort, wo das Produktraster in Ihrem Gesch\u00e4ft mit einem Bild und einem Produkttitel unten angezeigt wird. So zum Beispiel in der Abschnitt "Verwandte Produkte" auf Ihrer Produktseite<\/a> - Dieses CSS verbirgt den Produkttitel unter verwandten Produkten. Dadurch wird der Produkttitel auch vor Produktkategorieseiten und anderen Archivseiten ausgeblendet.<\/p>\n\n\n\n Geben Sie diesen Code im Abschnitt "Zus\u00e4tzliches CSS" Ihres Theme Customizers ein:<\/p>\n\n\n\n Das Divi Theme und der Page Builder sind etwas ganz Besonderes. Ohne Codezeilen eingeben zu m\u00fcssen und zu verfolgen, welcher Code was bewirkt, k\u00f6nnen Sie das genaue Erscheinungsbild Ihres WooCommerce-Shops m\u00fchelos anpassen.<\/p>\n\n\n\n In diesem Fall k\u00f6nnen Sie im Divi-Shop-Modul buchst\u00e4blich ausw\u00e4hlen, dass die Produkttitel NICHT unter den Bildern auf der Shop-Seite angezeigt werden sollen.<\/p>\n\n\n\n Dies ist nicht ganz so einfach wie bei anderen Divi-Funktionen. Grunds\u00e4tzlich m\u00fcssen Sie jedoch den Produkttitelstil auf 1px Schriftgr\u00f6\u00dfe, die Zeilenh\u00f6he auf 1em und die Schriftfarbe auf den gleichen Hintergrund wie Ihren Hintergrund einstellen.<\/p>\n\n\n\n Job erledigt.<\/p>\n\n\n\n woocommerce verstecken Produkttitel auf Shop-Seite<\/span><\/p>","protected":false},"excerpt":{"rendered":" Wenn Ihr WooCommerce-Shop visuell ansprechende Produkte verkauft, wird manchmal bevorzugt, den Produkttitel auf Shop-Seiten und in allen Bereichen der Website auszublenden, in denen das Produktbild mit dem Produkttitel darunter erscheint. Dies kann leicht erreicht werden, indem Sie etwas CSS in den Abschnitt \u201eZus\u00e4tzliches CSS\u201c des Themes eingeben \u2026 WooCommerce Hide Product Title auf der Shop-Seite<\/span> weiterlesen<\/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\/de\/wp-json\/wp\/v2\/posts\/3656","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.futurestatemedia.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.futurestatemedia.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/de\/wp-json\/wp\/v2\/comments?post=3656"}],"version-history":[{"count":0,"href":"https:\/\/www.futurestatemedia.com\/de\/wp-json\/wp\/v2\/posts\/3656\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.futurestatemedia.com\/de\/wp-json\/wp\/v2\/media?parent=3656"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/de\/wp-json\/wp\/v2\/categories?post=3656"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.futurestatemedia.com\/de\/wp-json\/wp\/v2\/tags?post=3656"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}.woocommerce-loop-product__title {
\nAnzeige: keine;
\n}<\/code><\/p>\n\n\n\nVerwenden von Divi Page Builder zum Ausblenden des Produkttitels auf der Shop-Seite mit WooCommerce<\/h2>\n\n\n\n