Narrative Theme: Produktseite ändern

Topic summary

Ziel: Die Produktseite im Shopify-Theme „Narrative“ so anpassen, dass Produktbilder links und Produktinformationen rechts nebeneinander stehen (statt Standard: oben Bild, darunter Infos und weitere Bilder beim Scrollen). Zwei Screenshots (aktuell vs. Zielbild) sind zentral zum Verständnis.

Vorgehen/Tipps:

  • Verweis auf eine detaillierte Anleitung: „Customise the product page of the Narrative theme in Shopify“ (Medium), die nah an das gewünschte Layout heranführt.
  • Ergänzende Erfahrungsbeschreibung mit Fokus auf Flexslider und Produktseite im Narrative-Theme (zweiter Medium-Artikel). Flexslider = JavaScript-Slider/Carousel, das im Theme für Bildergalerien genutzt wird.

Aktueller Stand:

  • Keine konkreten Codeschnipsel im Thread; es wird auf externe Schritt-für-Schritt-Guides verwiesen.
  • Eine Nutzerin/ein Nutzer hat die Anleitung ausprobiert, jedoch ohne Erfolg und ohne erkennbaren Fehler.
  • Angebot zur Unterstützung: Bei weiterhin bestehendem Problem soll der Shop-URL geteilt werden, um gemeinsam zu debuggen.

Ergebnis/Status:

  • Noch keine finale Lösung im Thread; Hilfsangebote bestehen. Diskussion ist offen/fortlaufend; nächste Schritte sind das Befolgen der Guides und ggf. Debugging mit Shop-URL.
Summarized with AI on February 8. AI used: gpt-5.

Hallo zusammen!

Ich würde sehr gerne meine Produktseite verbessern. Anstatt der vom Theme aus vorgegebenen Anordnung (oben Bild, beim Runterscrollen erst die Infos und dann darunter weitere Bilder), würde ich sehr gerne meine Produktbilder auf der linken Seite und die Informationen auf der rechten aufbereiten.

Wie es bei mir ist:

und wie es aussehen soll:

Geht das? Und wenn ja: wie? :grinning_face_with_smiling_eyes:

Ich bedanke mich im Voraus für die Hilfe!

Herzliche Grüße,

Claudia

Hi @claudiamaly

danke für Deine Frage. Ich halte die Antwort für etwas zu umfangreich und komplex und diese hier mit ein paar Codeschnipseln zu beantworten. In dem Artikel Customise the product page of the Narrative theme in Shopify findest Du eine Anleitung dazu, die schon recht nah an das kommt, was Du beschreibst. Wenn Du dazu Hilfe benötigen solltest, kannst Du gerne Bescheid geben.

Liebe Grüße,
Mario

1 Like

Hallo Mario,

vielen Dank für deine schnelle Antwort! Ich werde mich sofort dransetzen und es mir anschauen!

Liebe Grüße,

Claudia

1 Like

Gern geschehen! Meld dich, falls du etwas brauchst.

Hallo Claudia,

ich sass letzte Woche an einem ähnlichen Problem und habe Deine und Marios Antwort zum Anlass genommen, meine Erfahrungen dazu aufzuschreiben. Du findest diese unter https://wp-dataanalyst.medium.com/flexslider-and-the-product-page-of-the-shopify-narrative-theme-477df4722b08.

Gruß
Thomas

1 Like

Danke @tewe für diesen Beitrag!

Hi,

ich habe das jetzt auch probiert. Bei mir hat es so leider nicht funktioniert den Fehler finde ich dabei aber nicht… :disappointed_face:

LG

@amorestudio22 wenn das Problem noch besteht und Du den URL zu Deinem Store teilen kannst, dann können wir das auch versuchen zu debuggen.

LG, Mario