Transparenten Header Impact theme

Topic summary

Thema: Transparenter Header im Shopify Impact Theme bei einer Video-Startsektion (Custom Liquid).

  • Ausgangslage: Der Header soll transparent sein, obwohl als erste Sektion ein eigenes Video (Custom Liquid) genutzt wird. Ein vorgeschlagener CSS-Ansatz im Header („Custom CSS“) brachte keine funktionierende Lösung.

  • Klarstellung: Im Impact Theme ist der transparente Header nur „out of the box“ möglich, wenn die erste Sektion eine originale Impact Bild- oder Video-Sektion ist. Eine Nachbildung mit Custom Liquid erfordert JavaScript und CSS, besonders wenn der Header nur oben transparent und beim Scrollen eingefärbt werden soll.

  • Einwand: Die Standard-Video-Sektion schien ungeeignet, da das Video nicht automatisch abspielt bzw. sich nicht wiederholt.

  • Lösung: In der Standard-Video-Sektion die Checkbox für Autoplay/Loop in der rechten Einstellungs-Spalte aktivieren. Dadurch funktionieren automatisches Abspielen und Wiederholung; der transparente Header kann genutzt werden.

  • Outcome: Funktion bestätigt; Bitte um Markierung der Lösung. Diskussion damit gelöst.

Summarized with AI on January 5. AI used: gpt-5.

Doch, das ist möglich. Dafür einfach in der rechten Spalte folgende Checkbox aktivieren: