Weitere Informationen und den Download findest du auf der offiziellen Anlaufstelle de.wordpress.org
Ergebnis 1 bis 3 von 3
  1. #1
    PostRank: 0
    Registriert seit
    30.09.2017
    Beiträge
    4

    Woocommerce, verschiebung durch h3 + Reihenfolge neuer Preis.

    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
    Angehängte Grafiken Angehängte Grafiken
    Geändert von Askutt (30.09.2017 um 15:38 Uhr)


  2. #2
    PostRank: 2 Avatar von chezzone
    Registriert seit
    10.09.2016
    Ort
    Leipzig
    Beiträge
    74
    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!
    Geändert von chezzone (30.09.2017 um 15:56 Uhr)

  3. #3
    PostRank: 0
    Registriert seit
    30.09.2017
    Beiträge
    4
    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.

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •