Wie können die Abstände in der Artikel-Listen Übersicht verändert werden?

Thema wurde von MrFab16.4, 13. Oktober 2019 erstellt.

  1. MrFab16.4

    MrFab16.4 Erfahrener Benutzer

    Registriert seit:
    22. April 2015
    Beiträge:
    397
    Danke erhalten:
    39
    Danke vergeben:
    83
    Hallo zusammen,

    in der Artikel-Listen Übersicht meines Shops werden die/meine Artikel-Kurzbeschreibungen m.E. unnötiger in eine Folgezeile umgebrochen (obwohl m.E. noch generell Platz dafür da wäre...).
    Siehe dazu in dem beigefügten Screenshot die lilanen Markierungen.

    Da die Spalte mit dem Warenkorb-Button m.E. unnötig breit ist, würde ich gerne eine Anpassung der Breite der Spalte mit dem Warenkorb-Button bzw. der Spalte links davon vornehmen.
    Siehe dazu in dem beigefügten Screenshot die roten Markierungen/Pfeile.

    Frage:
    Wie kann man die Spalte (zwischen den beiden rote Pfeilen in dem Screenshot) ein Stückchen nach rechts verschieben, so dass die (lilanen) Texte, in der linke Spalte davor, in EINER ZEILE DARGESTELLT werden?

    Geht das im StyleEdit (wo ich aber dazu nichts gefunden habe) oder mit einem CSS-Paramater?


    Vielen Dank!
     

    Anhänge:

  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Das geht im eigenen css, muss aber für die einzelnen Bildschirmgrößen angepasst werden.
     
  3. MrFab16.4

    MrFab16.4 Erfahrener Benutzer

    Registriert seit:
    22. April 2015
    Beiträge:
    397
    Danke erhalten:
    39
    Danke vergeben:
    83
    CSS...das habe ich befürchtet...denn damit kenne ich mich praktisch nicht aus...

    Weiß daher jemand, wie der CSS-Parameter für das o.g. Problem lauten muss?
     
  4. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    nicht ohne Link zu Deiner Seite.
     
  5. MrFab16.4

    MrFab16.4 Erfahrener Benutzer

    Registriert seit:
    22. April 2015
    Beiträge:
    397
    Danke erhalten:
    39
    Danke vergeben:
    83

    hier der (direkte) Link...zu einer solchen Artikel-Listen Übersichten:
    (Link nur für registrierte Nutzer sichtbar.)

    Vielen Dank!
     
  6. ReneT

    ReneT Erfahrener Benutzer

    Registriert seit:
    1. Dezember 2016
    Beiträge:
    708
    Danke erhalten:
    232
    Danke vergeben:
    67
    so sieht der CSS Code für diese Box aus
    Code:
    @media (min-width: 1200px) {
        .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .image {
            width: 16.66667%;
        }
        .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .title-description {
            width: 50%;
        }
        .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .price-tax {
            width: 33.33333%;
        }
    }
    Jetzt musst du nur in deiner eigenen CSS die Werte überschreiben für die beiden Container von Description und der Price Box... Damit das auch nur für die PC Ansicht passt musst du nur den o.g. kopieren und anpassen.
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    1. September 2012
    Beiträge:
    2.422
    Danke erhalten:
    417
    Danke vergeben:
    157
    Du sollest Deinen Shop gemäß den Anti-Geoblocking Gesetzen anpassen. Aktuell abmahnbar.
    Infos dazu über die Suchfunktion.
     
  8. MrFab16.4

    MrFab16.4 Erfahrener Benutzer

    Registriert seit:
    22. April 2015
    Beiträge:
    397
    Danke erhalten:
    39
    Danke vergeben:
    83
    Danke, eine Frage dazu:
    Den o.g. Code kopiere ich in den StyleEdit unter "Eigenes CSS", richtig? Wenn ja, habe ich das gemacht...
    Doch eine Verschiebung der Spalte konnte ich dadurch am PC nicht feststellen...

    Mache ich was falsch oder unvollständig...?
     
  9. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    hast Du das gemacht, also den Code angepasst?

    Zur Zeit hat das Mittelteil mit dem Text 50% und der Teil mit dem Button 33,333%
    Wenn Du der Mitte mehr gibst, muss das auf der Buttonseite der selbe Wert abgezogen werden.
     
  10. MrFab16.4

    MrFab16.4 Erfahrener Benutzer

    Registriert seit:
    22. April 2015
    Beiträge:
    397
    Danke erhalten:
    39
    Danke vergeben:
    83
    Ja, ich habe z,B. den Text auf 60% gesetzt und der Teil mit dem Button auf 23,333% gesetzt
    oder
    sogar den Text auf 70% gesetzt und den Teil mit dem Button auf 13,333% gesetzt...(wie gerade akuell)...

    Ja, findet eine gewisse Spaltenverschiebung statt und der Text
    "- Härtere Einsatzbereiche: Baumharz/Vogelkot, UV, Schnee/Winter" steht nun in EINER Zeile
    doch der Text
    "- für feuchte Einsatzbereiche: Carports und feuchte
    (Tief-)Garagen
    " steht nach wie vor in ZWEI Zeilen...

    Es scheint da also noch wo eine "übergeordnet definierte Spaltenbreite" zu geben, die die Änderung
    "Text auf 70% gesetzt und den Teil mit dem Button auf 13,333% gesetzt" nicht VOLL zur Anwendung kommen lässt bzw. begrenzt...
     
  11. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Wenn ich bei Dir schaue, steht da immer noch 50% und 33,333%.

    Mit 60% / 23,3333% wird bei mir der Button "in den Warenkorb" schon etwas abgeschnitten.
     
  12. MrFab16.4

    MrFab16.4 Erfahrener Benutzer

    Registriert seit:
    22. April 2015
    Beiträge:
    397
    Danke erhalten:
    39
    Danke vergeben:
    83
    Also, wenn ich im StyleEdit den Menüpunkt "Eigenes CSS" (erneut) öffne...sehe ich da, dass
    der Text auf 70% gesetzt und den Teil mit dem Button auf 13,333% gesetzt ist...

    Den Menüpunkt "Eigenes CSS" kann man ja mit dem Button "SPEICHERN" und dem Button "ÜBERNEHMEN" abspeichern, beide Buttons habe ich betätigt...
    Und anschließend noch den gesamten StyleEdit mit "SPEICHERN" beendet ...
    Und dann habe ich noch den Gambio-Cache gelöscht...

    Mehr kann ja nicht "abspeichern", oder!?

    ---------------------------------------------------------------------------------------------------------

    Wie ich vorhin schon mal schrieb, habe ich beim Testen festgestellt,
    dass es wohl egal, ob man die Variante a) oder b) abspeichert...:
    a) "Ich habe z,B. den Text auf 60% gesetzt und der Teil mit dem Button auf 23,333% gesetzt"
    oder
    b) "sogar den Text auf 70% gesetzt und den Teil mit dem Button auf 13,333% gesetzt"...

    Denn auch irgendeinem Grund sorgt etwas dafür (ein übergeordneter Spalten-Parameter!?).
    dass sich die Breite des (mittleren) Textes nur in einem sehr begrenzten Maße (nur einige wenige Pixel/Prozent) verbreitern lässt....mehr leider nicht...
     
  13. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    versuche es mal mit
    ...
    width: 60% !important;
    ...
     
  14. mmatecki

    mmatecki Erfahrener Benutzer

    Registriert seit:
    24. Juni 2018
    Beiträge:
    629
    Danke erhalten:
    108
    Danke vergeben:
    69
    Was bitte sind "Anti Geoblocking Gesetze" nie gehört
     
  15. ReneT

    ReneT Erfahrener Benutzer

    Registriert seit:
    1. Dezember 2016
    Beiträge:
    708
    Danke erhalten:
    232
    Danke vergeben:
    67
    das Thema wurde hier schon mehrfach besprochen... mit der Suchfunktion wirst du schnell was finden...
     
  16. mmatecki

    mmatecki Erfahrener Benutzer

    Registriert seit:
    24. Juni 2018
    Beiträge:
    629
    Danke erhalten:
    108
    Danke vergeben:
    69
    Die EU Verordnung zum GEOBLOCKING kenne ich, aber was sind Anti Geoblocking Gesetze?
     
  17. ReneT

    ReneT Erfahrener Benutzer

    Registriert seit:
    1. Dezember 2016
    Beiträge:
    708
    Danke erhalten:
    232
    Danke vergeben:
    67
    ich würde behaupten das dies unglücklich beschrieben wurde...
     
  18. ReneT

    ReneT Erfahrener Benutzer

    Registriert seit:
    1. Dezember 2016
    Beiträge:
    708
    Danke erhalten:
    232
    Danke vergeben:
    67
    es geht auch ohne !important habe es gerade mal getestet...
     
  19. MrFab16.4

    MrFab16.4 Erfahrener Benutzer

    Registriert seit:
    22. April 2015
    Beiträge:
    397
    Danke erhalten:
    39
    Danke vergeben:
    83
    Nochmal für Doofe...

    1.) Das o.g. CSS ((Link nur für registrierte Nutzer sichtbar.)) habe ich (mit meiner Änderung auf 70% und 14,33333%) im StyleEdit unter "Eigenes CSS" abgespeichert.
    Siehe den nachfolgenden Screenshot:


    [​IMG]


    2.) Den Shop-Cache habe ich gelöscht...

    3.) Wenn ich mir mit meinen PC (27 Zoll Monitor) unter (Link nur für registrierte Nutzer sichtbar.) die aktuelle Lage anschaue, dann ist die Spalte ist (leider) NICHT breiter geworden...und die Texte (lila) werden immer noch umgebrochen

    [​IMG]

    Frage:
    Was mache ich falsch?
     

    Anhänge:

  20. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    8. Februar 2013
    Beiträge:
    1.425
    Danke erhalten:
    250
    Danke vergeben:
    173
    muss die Summe der Prozentwerte nicht 100 ergeben?