Weitere Informationen und den Download findest du auf der offiziellen Anlaufstelle de.wordpress.org
Seite 2 von 2 ErsteErste 12
Ergebnis 11 bis 17 von 17
Like Tree1Likes

Thema: Produktsortierung neu positionieren

  1. #11
    PostRank: 10 Avatar von danielgoehr
    Registriert seit
    13.07.2016
    Ort
    Berlin
    Beiträge
    1.766
    Zitat Zitat von hirma Beitrag anzeigen
    Ok, danke. Aber einfach

    woocommerce-ordering {
    margin: 0px 0px 40px 0px;
    }

    reinzuschreiben funktioniert nicht. Ich tippe mal drauf er kann die Klasse nicht zuordnen, oder?
    Ich habe mir deinen Link jetzt nicht angeschaut (bin gerade nur auf dem Handy unterwegs). Aber deine Regel ist nicht korrekt.

    Wenn du eine Klasse ansprechen möchtest, muss ein Punkt davor. Bei einer ID ein #.
    Ohne Punkt oder # sprichst du das jeweilige Tag an (und ein Tag <woocommerce-ordering> gibt es nicht).

    Deine Regel muss also aller Wahrscheinlichkeit folgendermaßen lauten:
    Code:
    .woocommerce-ordering {
        margin: 0px 0px 40px 0px;
    }
    Geändert von danielgoehr (14.11.2017 um 21:25 Uhr)

  2. #12
    PostRank: 2
    Registriert seit
    04.03.2015
    Ort
    Oberfranken
    Beiträge
    73
    Das hatte ich auch schon probiert. Führt leider zu keinerlei Veränderung. Danke übrigens für die Hilfe

  3. #13
    PostRank: 2
    Registriert seit
    04.03.2015
    Ort
    Oberfranken
    Beiträge
    73
    Es funktioniert mit dem Code hier. Gefunden im Netz. Ich glaube ich muss mich mal mit der Klassenstruktur beschäftigen.

    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    margin: 0px 0px 40px 0px;
    }
    mensmaximus likes this.

  4. #14
    PostRank: 10 Avatar von danielgoehr
    Registriert seit
    13.07.2016
    Ort
    Berlin
    Beiträge
    1.766
    Zitat Zitat von hirma Beitrag anzeigen
    Es funktioniert mit dem Code hier. Gefunden im Netz. Ich glaube ich muss mich mal mit der Klassenstruktur beschäftigen.

    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    margin: 0px 0px 40px 0px;
    }
    Diese Regel ist "höherwertiger". Wenn die im Stylesheet so definiert würde, kannst du sie auch nur so überschreiben (oder du verwendest !important).

    Aber ja, generell macht es auf jeden Fall Sinn, sich zumindest ein paar CSS Grundlagen anzulesen, wenn man sich damit längerfristigen beschäftigen möchte
    CSS ist auch gar nicht so wahnsinnig kompliziert. Man kommt mit ein paar Basics schon ziemlich weit.

  5. #15
    PostRank: 2
    Registriert seit
    04.03.2015
    Ort
    Oberfranken
    Beiträge
    73
    Ja, das habe ich gerade schon gemerkt. Hab gleich noch ein paar regeln nachgeschoben die mich schon die ganze Zeit genervt haben Hast du evtl. auch einen Lösungsansatz für die Produktdarstellung? Ich hätte gerne immer einen zweizeiligen Produktnamen in der Produktübersicht Shop. (In der Einzelansicht ist das so ok). Oben der Name und unten ein 'Zusatztitel'. Momentan schaut mein Name so aus: "Hans - Gerd". 'Hans" ist der Titel, "Gerd" die Erweiterung. Solange beide auf eine Zeile passen ist das alles ok. Blöd wird es wenn die Darstellung umgebrochen wird. Deswegen würde ich das ganze gerne so stylen, dass von Anfang an zwei Zeilen in der Produktdarstellung da sind. Das Problem kann man da https://martin-hirsch.com/?product_cat=lightroom schön erkennen. Die Höhe habe ich dank deinem Hinweis mit .css mittlerweile angleichen können über die MinHeight.

  6. #16
    PostRank: 10 Avatar von danielgoehr
    Registriert seit
    13.07.2016
    Ort
    Berlin
    Beiträge
    1.766
    Das Problem ist, dass die Ausgabe von Titel und Erweiterung innerhalb eines Tags erfolgt. Das heißt, beides steht in <h2 class="woocommerce-loop-product__title">.

    Mit reinem CSS wirst du dieses Problem nicht lösen können (ich wüsste zumindest nicht wie).

    Idealerweise würde ich jetzt einfach zwei Felder im Produkt machen (also ein zusätzliches Custom Field verwenden) und dann beide mit eigenen Tags über das Template ausgeben.

    Theoretisch geht aber auch die Quick & Dirty Lösung (sofern dein Titel und die Erweiterung immer mit einem Minus getrennt sind).
    Du benötigst ein Child-Theme (siehe Link unten). Dort fürgst du folgende Funktion in die functions.php ein (vorsicht, ungetestet):
    Code:
    function woocommerce_template_loop_product_title() 
    {
        $titleOld = get_the_title();
        $titleArray = $teile = explode("-", $titleOld);
        $titleNew = titleArray[0].'<span class="erweiterung">'.titleArray[1].</spanp>
        echo '<h2 class="woocommerce-loop-product__title">' . $titleNew . '</h2>';
    }
    Das sollte folgende Ausgabe erzeugen:
    Code:
    <h2 class="woocommerce-loop-product__title">Titel<span class="erweiterung">Erweiterung</span></h2>';
    Jetzt kannst du das <span> mit der Klasse "Erweiterung" einfach auf "display:block" setzen. Danach sollten Titel und Erweiterung automatisch in unterschiedlichen Zeilen stehen.



    https://www.elmastudio.de/ein-wordpr...gehts-richtig/


    Edit: Ich glaube, du kannst alternativ auch einfach ein <BR> im Titel verwenden. Zumindest geht das bei Posts und Pages, Dann sollte das bei Produkten eigentlich auch gehen. Finde ich immer etwas unelegant, aber ist wahrscheinlich die einfachste Lösung...
    Geändert von danielgoehr (15.11.2017 um 09:29 Uhr)

  7. #17
    PostRank: 2
    Registriert seit
    04.03.2015
    Ort
    Oberfranken
    Beiträge
    73
    Cool. Danke dir. Dann spiele ich mal ein wenig

Seite 2 von 2 ErsteErste 12

Berechtigungen

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