Zur Zeit arbeite ich an der Einbindung des Shop-Plugin WooCommerce für WordPress in meinem privaten Projekt „Wat geiht?”.
Dabei ist mir aufgefallen, dass die Darstellung der Produkte auf der Übersichtsseite in der Standardeinstellung uneinheitlich aussieht.
Der Link „In den Warenkorb” wird je nach Länge des Artikelnamens an einer unterschiedliche Stelle dargestellt.
Dies kann mit einer einfachen CSS – Regel angepasst werden.
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { min-height: 9em; /* Diesen Wert anpassen */ }
Der Artikelname ist in WooCommerce mit der Überschrift H3 ausgezeichnet. Mit der obigen CSS-Regel wird die Mindesthöhe für diesen Bereich vorgegeben. Ändern Sie den Wert, bis der der Link „In den Warenkorb” bei allen Produkten auf einer Höhe steht.
Hallo!
Das ist ein toller Tipp. Aber wo füge ich den Code ein?
Viele Grüße
Hallo,
der Code muss in die style.css des verwendeten Worpdress Themes.
Um es „update sicher“ zu machen, sollten solche Änderungen immer in einem WordPress Child Theme durchgeführt werden.
Grüße von der Ostsee
Jan Neuhoff
Hallo, kann man ein Child Thema auch nachträglich erstellen, wenn man schon alles (fast alles) fertig hat?
LG aus Bern
Heike
Hallo ,
wo in der style.css füge ich diesen Code ein. Ich habe ihn zwar eingefügt, allerdinggs ohne nennenswertes Resultat. Vielleicht habe ich ihn ja an der falschen Stelle eingesetzt?
Viele Grüße von der Nordsee
Oliver Bähre
Danke für den Tipp! Ich bin auf der Suche nach einer Lösung, wie ich aller Shop-Produkte auf eine Seite darstellen kann (standardmäßig auf 10 limitiert), damit meine Kunden nicht auf Seite 2, 3, 4 … klicken müssen. Wäre die Lösung eine Code-Änderung oder gibt es dafür ein Plug-In (habe nicht gefunden). Wäre dankbar für eine Antwort.
Mit freundlichen Grüßen
Marko
Hallo zusammen,
gibt es ein Update dieser Funktion für Woocommerce 3.0? Leider funktioniert diese Regel nicht mehr.
Mit freundlichen Grüßen
Oliver
Ergänzend zu meiner Frage habe ich herausgefunden; einfach h3 durch h2 austauschen, dann funktioniert es wieder.
Mit freundlichen Grüßen
Oliver
Danke für den Hinweis und viel Erfolg mit dem Shop.
Jan