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.
Dies kann leicht mit etwas CSS erreicht werden, das im Abschnitt "Zusätzliches CSS" des Theme-Customizers eingegeben wird, oder Sie können (wie immer unsere Präferenz) einen anständigen Seitenersteller verwenden, mit dem Sie diese Dinge auf Knopfdruck steuern können - Das heißt, 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.
Verwenden von CSS zum Ausblenden des WooCommerce-Produkttitels auf der Shop-Seite
Dieses CSS entfernt den WooCommerce-Produkttitel von der Shop-Seite, aber auch überall dort, wo das Produktraster in Ihrem Geschäft mit einem Bild und einem Produkttitel unten angezeigt wird. So zum Beispiel in der Abschnitt "Verwandte Produkte" auf Ihrer Produktseite - Dieses CSS verbirgt den Produkttitel unter verwandten Produkten. Dadurch wird der Produkttitel auch vor Produktkategorieseiten und anderen Archivseiten ausgeblendet.
Geben Sie diesen Code im Abschnitt "Zusätzliches CSS" Ihres Theme Customizers ein:
.woocommerce-loop-product__title {
Anzeige: keine;
}
Verwenden von Divi Page Builder zum Ausblenden des Produkttitels auf der Shop-Seite mit WooCommerce
Das Divi Theme und der Page Builder sind etwas ganz Besonderes. Ohne Codezeilen eingeben zu müssen und zu verfolgen, welcher Code was bewirkt, können Sie das genaue Erscheinungsbild Ihres WooCommerce-Shops mühelos anpassen.
In diesem Fall können Sie im Divi-Shop-Modul buchstäblich auswählen, dass die Produkttitel NICHT unter den Bildern auf der Shop-Seite angezeigt werden sollen.
Dies ist nicht ganz so einfach wie bei anderen Divi-Funktionen. Grundsätzlich müssen Sie jedoch den Produkttitelstil auf 1px Schriftgröße, die Zeilenhöhe auf 1em und die Schriftfarbe auf den gleichen Hintergrund wie Ihren Hintergrund einstellen.
Job erledigt.
woocommerce verstecken Produkttitel auf Shop-Seite