Hey @petjenn21
Danke und ich sehe du möchtest beim “Legacy” Narrative Theme bleiben. Hast du ein paar der neuen 2.0 Themes zum Shop hinzugefügt, um zu sehen, was die für tolle neue Features und Funktionen haben? Es kommt natürlich darauf an, was du für Verkaufsziele hast. Wenn dein Narrative Theme immer noch performt, dann geht es natürlich auch.
In den neuen Themes hast du beispielsweise viel mehr Anpassungsfähigkeiten und Gestaltungsmöglichkeiten z. B. was die Produktraster und Reihen der Produkt-Abschnitte auf Desktop und auf Mobile anbelangt. Man kann sie jetzt viel einfacher differenziert direkt im Theme Editor einstellen und im neuen CSS Editor im Code editieren ohne die Gefahr zu begehen etwas kaputt zu machen!
Du musst aber bedenken, dass Codeänderungen in so einem nicht-unterstützten Theme riskant sind denn eine frische Kopie des Themes und des Codes gibt es ja nicht mehr, sollte etwas in die Hose gehen und das Theme Code wird komplett zerschossen.
Um die Darstellung der Produkte in der mobilen Ansicht des Shopify Narrative Themes zu ändern, kann man Änderungen am CSS und möglicherweise auch am Liquid-Code vornehmen.
Bevor Änderungen am Theme, immer eine Kopie des aktuellen Themes erstellen. Dies stellt sicher, dass du zu einer älteren Version zurückkehren kannst, falls etwas schief geht.
-
Zugriff auf den Theme-Code:
- Gehe zu
theme.scss.liquid oder eine ähnliche CSS- oder SCSS-Datei im Verzeichnis “Assets”. Füge am Ende der Datei den folgenden Code hinzu:
@media screen and (max-width: 767px) {
.grid-view-item {
width: 50% !important; /* Erlaubt zwei Produkte pro Zeile auf mobilen Geräten */
}
}
Abhängig von der genauen Implementierung des Narrative-Themes kann es auch notwendig sein, Änderungen an Liquid-Dateien vorzunehmen, um sicherzustellen, dass das Raster korrekt funktioniert. Wenn die oben genannten CSS-Änderungen nicht ausreichen, dann möglicherweise die entsprechenden .liquid-Dateien im Verzeichnis “Templates” oder “Sections” prüfen und anpassen.
Dann in der Vorschau des Themes 
und sicherstellen, dass alles wie erwartet auf mobilen Geräten funktioniert. Es ist auch eine gute Idee, die Darstellung auf Desktop-Computern zu überprüfen, um sicherzustellen, dass dort nichts beeinflusst wurde.
Beachte, dass diese Anleitung eine allgemeine Richtlinie ist und spezifische Implementierungsdetails je nach der genauen Version oder Anpassungen des Narrative-Themes variieren können. Wenn du dir unsicher bist, könnte es hilfreich sein, dich an einen Shopify-Entwicklungsexperten zu wenden.
