Hintergrundbild Dawn Theme

Deutsch Diskussion Shopify Design
,

Topic summary

Hauptanliegen: Ein Anfänger möchte im Dawn Theme ein vollflächiges Hintergrundbild einrichten, das sich über den gesamten Header erstreckt (nicht nur als Slideshow). Zusätzlich soll die Ankündigungsleiste (z.B. “Gratis Versand”) auf der Startseite erst beim Scrollen erscheinen, während sie auf Produktseiten dauerhaft sichtbar bleibt.

Lösungsansätze:

  • shmttx teilte einen CSS/JavaScript-Code, der in theme.liquid (Zeilen 351-352) eingefügt wird. Dieser macht den Header transparent und lässt ihn beim Scrollen weiß werden.
  • Thomas_7_1 fand eine alternative Lösung via YouTube-Video mit ähnlichem Ergebnis.

Offene Herausforderungen:

  • Vollbild-Banner: Beide suchen nach einer Lösung, um Bilder auf volle Desktop- und Mobilgröße zu skalieren (Referenz: www.6pmseason.com).
  • shmttx experimentiert mit der image-banner-section.css und bearbeitet Attribute wie LARGE, hat aber Probleme mit unscharfen Bildern in der mobilen Ansicht.
  • Fragen zur Schriftfarben-Invertierung (schwarz/weiß) bei transparentem Header bleiben ungelöst.

Status: Diskussion läuft weiter; Teilnehmer tauschen Code-Snippets aus und testen verschiedene Ansätze.

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.
7

Du musst halt wissen, willst du nur ein HeroBanner mit 1 bild oder einen Slider mit mehren Bildern oben