Woocommerce, verschiebung durch h3 + Reihenfolge neuer Preis.

Askutt

Hallo, mein erster Post hier und ich hoffe, ihr könnt mir weiterhelfen, habe mit der SuFu nichts passendes gefunden, kann mir aber auch nicht vorstellen, der Einzige mit dem Problem zu sein.
Ich bin gerade dabei meine Seite mit Woocommerce zusammenzubasteln, bin auch soweit sehr zufrieden, aber 2 Sachen wurmen mich wirklich:

1. Wenn ein Produkttitel zweizeilig ist, verschieben sich alle darunterliegenden Elemente nach unten, was der Symetrie der Produktübersicht natürlich schadet und sehr billig wirkt.
2. Rechts im Bild, beim Angebot. Gibt es da möglichkeiten die Reihenfolge und den Text zu ändern, statt "999€, Neuer Preis 99€" z.B. 99€, sie Sparen 900€?
Wäre für jede Hilfe dankbar und nur zur Info, weder Produkte noch die ulkigen Preise sind final ;)

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

chezzone

Das mit der zweizeiligen Artikelbezeichnung könntest du mit folgendem zusätzlichen CSS lösen:

Code

ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2 {
font-size: 1.35em; 
min-height: 60px;
}

Das ganze im Customizer bei "zusätzliches CSS" einfügen.

//Wenn dein Produktname eine h3 ist, dann einfach das h2 im code mit h3 ersetzen //

So habe ich das bei mir gelöst. Schriftgröße und Mindesthöhe müsstest du so lang mit spielen bis es bei dir passt!

Bei der zweiten Sache sind wahrscheinlich Anpassungen über die functions.php notwendig. Da bin ich leider nich so der Fachmann!

Askutt

Hi,
danke für die schnelle Antwort. Ich musste das ganze ein wenig genauer unter die Lupe nehmen, da das ganze bei mir an etwas anderer Stelle definiert wurde.

Code

.woocommerce.archive .product .entry h3, .h3 {
font-size: 1.35em; 
min-height: 50px;

Das hats letztendlich gerichtet.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Woocommerce, verschiebung durch h3 + Reihenfolge neuer Preis.

Jetzt mitmachen!