Kacheln verkleinern

Dieses Thema im Forum "HTML & CSS" wurde erstellt von peter_merz, 26. November 2018.

  1. peter_merz

    peter_merz Mitglied

    Hallo Experten,

    ich habe folgendes Problem.
    In unserer gekachelten Ansicht sind diese so groß, dass diese nach rechts und links sowie oben und unten überlappen. Bei uns ist dann auch noch der Hinweis zu sehen, dass dieser Artikel zur Zeit nicht verfügbar ist.
    Wie kann man die Kacheln anpassen, sodass sie nicht mehr überlappen?
     
  2. Wilken (Gambio)

    Wilken (Gambio) Erfahrener Benutzer

    Ohne das zu sehen könnte ich nichts dazu sagen. Da könnten so viele Sachen im CSS schräg sein...
     
  3. peter_merz

    peter_merz Mitglied

    upload_2018-11-26_13-37-26.png
    hier das geschilderte Problem in Bildern...
    In der Mitte ganz links eine Kachel mit dem Mouse over Effekt und man sieht ganz deutlich das überlappen. Und die Kacheln sollen kleiner gehalten werden. Der Abstand nach rechts und links ist zu groß und der Hinweis "Artikel nicht verfügbar" soll weiter nach oben.
     
  4. Anonymous

    Anonymous G-WARD 2015/2016

    habe mal Deinen Shop geklickt, bin aber dann doch eingeschlafen weil der Seitenaufbau so lange dauert :)
     
  5. peter_merz

    peter_merz Mitglied

    Mache gerade das Shop-Update
     
  6. Wilken (Gambio)

    Wilken (Gambio) Erfahrener Benutzer

    Den Kacheln hat jemand gründlich wehgetan. Ich sehe zum Beispiel auch, dass die Styles der Bilder kaputt sind. Normal haben die alle einen in der Höhe festgelegeten Container, damit sind die Unterkanten in einer Zeile bündig. Das ist weg, darum springt die Kachelhöhe und die weiteren Kachelinhalte (Artikelname, Bewertungen, Preis,..) in der Höhe. Die Platzhalterbilder haben eine Höhe, die aber recht gross gewählt ist. Den Kachelrändern hat auch jemand per CSS eins übergewürgt, da sollte man insgesamt vielleicht nochmal einen Schritt zurück gehen.

    Was das SoldOut Badge angeht:
    Das kann man im Styleedit deaktivieren. Das wird für alle Artikel angezeigt, die einen Bestand von 0 haben.