Hallo, die Unterkategorie-Bilder sind ja immer nur zweispaltig, also egal bei welcher Ansicht nur 2 nebeneinander. Wir haben für die Unterkategorien der Übersichtlichkeit halber eher Icons als Banner, und das ist dann gerade in der Desktop-Ansicht eine ziemliche Platzverschwendung. Ich hätte da gerne so viele nebeneinander wie es passt. Habe dazu im Style Editor nichts gefunden, vermutlich muss man das manuell machen? Müsste die Klasse subcategories-listing-container sein und mit float:left; umsetzbar sein. Was ist denn da ein guter Weg?
Schau mal im Style Editor unter Spaltenaufteilung -> Unterkategorien Da kannst Du die Gridspalten ändern und somit die Anzahl der Kategorien pro Zeile erhöhen.
6 Spalten stehen da schon. Es werden aber nur 2 angezeigt. Was ist denn da los bei mir? Scheint als würde der style einfach ignoriert?
Der Shop hat 12 Spalten, wenn also je Unterkategorie 6 Spalten vergeben werden, stehen 2 Kategorien nebeneinander. Trägst Du da eine "4" ein, stehen drei Kategorien nebeneinander, bei "3" sind es vier....
Hierzu hätte ich auch eine Frage. Das Prinzip mit den Spalten habe ich verstanden. Wenn ich 3 Eintrage, bekomme ich vier Kategorien nebeneinander angezeigt. Soweit so gut. Jedoch bekomme ich dann eine Zeile, wo eine Kategorie rechts steht. In der nächsten Zeile kommen wieder 4 Kategorien nebeneinander, um dann in der nächsten Zeile wieder nur eine Kategorie zu haben. Wo kann ich das noch optimieren bzw. ändern?
Wenn in einer Zeile erst die 4. Kategorie angezeigt wird, ist in der Zeile darüber zumindest die 3. Kategorie höher als die 4. Das kann an einem zu langen Namen liegen, der über zwei Zeilen geht, oder an einem höheren Kategorie-Bild.
Die erste Zeile ist in der Tat stellenweise zweizeilig. Alle anderen sind einzeilig. Die Bilder sind eigentlich alle gleich groß bzw. hoch. Kann ich den Kategoriebildern (inkl. Kategoriebeschriftung) eine fixe Höhe geben, um dieses Problem zu vermeiden oder kann ich das irgendwie anders lösen?
Der css-Code sollte helfen: Code: .subcategories-listing-container .subcategories-listing .subcategory-item { height: 252px; }