Ein Nutzer möchte auf seiner Shopify-Website (Studio Theme) mehr als die standardmäßig maximal 6 Spalten in der Kollektionsliste anzeigen und diese in einer einzigen Reihe darstellen.
Problem: Nach Erhöhung der maximalen Spaltenanzahl in “collection-list.liquid” rutschen ab 7 Items die Elemente in zwei Reihen, statt horizontal scrollbar zu bleiben.
Lösungsansatz: Ein anderer Nutzer empfiehlt zusätzliche CSS-Anpassungen (Position-x für Scrollleiste), warnt jedoch vor möglichen unerwünschten Auswirkungen auf andere Seiten durch globale CSS-Änderungen. Als Alternative wird vorgeschlagen, eine eigene Sektion mit “Bubble-Menü” zu erstellen.
Ergebnis: Der ursprüngliche Fragesteller hat sich für die Erstellung einer separaten Bubble-Menü-Sektion entschieden, da dies wesentlich einfacher umzusetzen ist als Code-Anpassungen in der bestehenden Kollektionsliste.
Hallo,
Ich möchte auf https://linatistudio.com/ die Spalten der Kollektionsliste (beim Studio Theme max. 6) erhöhen und in einer Reihe haben.
Ich habe die maximale Anzahl der Spalten bereits im “collection-list.liquid” erhöht, habe nun aber das Problem, dass es ab 7 items in zwei Reihen rutscht. Wie kann ich das ändern?
Vielen Dank vorab!
Dazu musst du neben der maximalen Anzahl der Kollektion auch etwas im CSS verändern, damit du eine Scrollleiste einfügst. Position-x wäre das, muss ich jedoch genauer im Büro anschauen. Am Ende des Tages ist das eine Anpassung, die ich mit einer eigenen Sektion umsetzen täte. Deine Intention wird es sein, solch ein “Bubble”-Menü zu erstellen. Da du hier dann die ganze Sektion änderst, kann das ggf. auf anderen Seiten nach der globalen CSS-Änderung komisch wirken.
Hi,
Danke für deine Antwort!
Habe mal etwas recherchiert und mir jetzt eine Sektion für ein Bubble-Menü zugelegt, das ist wesentlich einfacher als etliche Änderungen im Code. Danke dir!
