Bild Banner Smartphone Theme Ride

[TheLittleMove]

Hallo

Ich suche gerade, wie ich in einem Banner das erste Bild für ein Computer-Display nutzen kann und das zweite für ein Smartphone.

Ich habe das schon für das Theme Spotlight gemacht. In meiner Erinnerung war es ziemlich einfach umzusetzen aber ich habe völlig vergessen, was ich wo geändert habe.

Hilfe 🙂

[Gabe]

Hey @TheLittleMove 

Danke für die Fragen und bei so einem Fall wäre ein befristeter Vorschaulink zu einem Beispiel sehr hilfreich das schneller zu analysieren.

So wie ich das verstehe möchtest du ein separates Bild im Hero Banner für Desktop und für Mobile in deinem Ride Theme haben, ist das richtig? Haben die die Mobiles Layout - Mobile Inhaltsausrichtung Einstellungen im Theme Editor nicht helfen können?

Viele sind dafür gedacht, dass du ästhetische und praktische Änderungen vornehmen kannst und eine tolle und reibungslose Kundenerfahrung im Shop anbieten kannst. Du möchtest z.B. auf dem Desktop 4 Spalten mit vorgestellten Produkten haben, auf dem Handy aber nur 2 Spalten. Wir wollen auch nicht, dass Besucher zum Shop mit zwei Fingern zoomen müssen, um deine Produkte auf einem kleineren Bildschirm besser zu sehen. Beim Browsen auf mobilen Geräten geht es darum, 1 oder 2 Produkte auf einmal vorzustellen.

Um beim obigen Beispiel zu bleiben: Wenn du die Reihe mit den 4 vorgestellten Produkten in der mobilen Ansicht beibehältst, werden die Bilder, die die Aufmerksamkeit des Kunden erregen sollen, beim Scrollen kleiner und weniger dominant sein. Wenn du jedoch nur 1 oder 2 pro Reihe hast, wird die Aufmerksamkeit des Kunden leichter auf das Produkt gelenkt. Letztlich kannst du mit diesen Einstellungen subtile Änderungen zwischen den Ansichten vornehmen, die das mobile Erlebnis deiner Besucher in deinem Laden verbessern.

Es selber DIY programmieren:

Wenn du es selber programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.

Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das folgende ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!

Siehe ein paar Leitfäden zum Thema hier:

• Show Different Desktop And Mobile Image Banner Dawn Theme
• Different Image Banner For Mobile
• Weitere solche threads hier

---
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Oder lass wissen, wenn du weitere Fragen dazu hast oder zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.