1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

"Unterkategorien und Produkte" anzeigen setzt die Layout-Höhe nicht gleich

Dieses Thema im Forum "WooCommerce" wurde erstellt von scharf-s, 29. Juli 2020.

  1. scharf-s

    scharf-s Well-Known Member

    Registriert seit:
    6. August 2008
    Beiträge:
    47
    Zustimmungen:
    1
    Hallo,
    in einem Shop wurde beschlossen, die Ansicht der Kategorien mit der Auswahl "Unterkategorien und Produkte" anzeigen zu lassen. Diese Option ist zwar unüblich und von der Usability nicht schön, da die Produkte direkt nach den Kategorien aufgelistet werden aber nun gut, es ist nun eben so gewollt, leider.

    Doch leider werden die Preise im Frontend nicht auf eine Linie gesetzt, sobald:

    Die Ansicht besteht aus 4 Columns/Spalten.
    Sobald es aber nur 3 Unterkategorien (statt 4 um die Reihe voll zu machen) gibt und in der 4. Spalte das erste Produkt aufgelistet wird, wird in der 4. Reihe der Preis nicht auf eine Höhe mit den 3 Preisen der Artikel aus den ersten 3 Spalten gesetzt, sondern direkt unter den Artikelnamen.

    Umgekehrt ebenso.

    Wähle ich 3 Spalten und habe aber 4 Unterkategorien (wobei die 4. in die zweite Zeile rutscht und danach gleich Produkte in dieser Zeile kommen) werden die Preise ebenso nicht auf eine Zeile gesetzt.

    Sind es allerdings genau 4 Unterkategorien welche die 4 Spalten ausfüllen und danach die Produkte kommen, werden die Preise alle auf eine Ebene gesetzt und es sieht schön gleichmäßig aus.

    Das Problem liegt definitiv an der Zusammensetzung von:

    Auszug Menü Backend:

    1. Kategorie anzeigen:
    Wählen Sie aus, was auf den Produktkategorieseiten angezeigt werden soll.: > "Kategorien und Produkte" anzeigen
    +
    2. Products per Row -Desktop : 4
    +
    3. der jeweiligen Anzahl der Unterkategorien

    Ist das nicht alles stimmig, wird der Preis in den einzelnen Spalten nicht auf eine Linie gesetzt.


    Überall da, wo es gut aussieht, wird die Höhe in diesem Tag:
    <p class=„name product-title“ style=„height: 39px“> == $0.....


    entsprechend so hoch gesetzt, dass der darunter folgende Preis in einer Linie mit allen anderen Preisen der gleichen Zeile liegt.

    <div class=„price-wrapper style=„height: 14px;…</div> (Höhe immer gleich)

    Ich habe versucht Unterschiede in den den jeweils geladenen css-Klassen zu finden, doch in beiden Fällen werden meines Erachtens die selben css-Klassen geladen.

    Es ist total verzwickt.

    Kennt sich jemand damit aus?

    Der Shop ist ein B2B-Shop und leider nicht frei zugänglich. Bitte seht euch die beiden angehängten Bilder an. Danke


    Tausend Dank, herzlichst, S
     

    Anhänge:

  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden