FROM CACHE - de_header
Gelöst

Transparenten Header Impact theme

purzen
Tourist
5 0 1

Guten Tag,
Ich brauche für mein Impact Theme einen Transparenten Header. ich habe an erster Stelle ein custom liquid mit einem Video. Shopify sagt man kann nur einen Transparenten Header einstellen, wenn an erster Stelle ein Bild ist.
Bitte um Hilfe. Danke!

2 AKZEPTIERTE LÖSUNGEN
daniell005
Shopify Partner
9 3 3

Erfolg.

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

Bildschirmfoto 2024-02-14 um 14.43.19.jpg

Junior Webentwickler & Webdesign | Shopify-Expert

Bei weiteren Fragen, kontaktiere uns auf unserer Agentur Website:
paradiseranch.wtf

Lösung in ursprünglichem Beitrag anzeigen

daniell005
Shopify Partner
9 3 3

Erfolg.

Super! Würde mich freuen, wenn du meine Nachricht als Lösung markierst.
Viel Erfolg noch mit dem Impact Theme!

Gruß Daniel

Junior Webentwickler & Webdesign | Shopify-Expert

Bei weiteren Fragen, kontaktiere uns auf unserer Agentur Website:
paradiseranch.wtf

Lösung in ursprünglichem Beitrag anzeigen

7 ANTWORTEN 7

elevateagentur
Shopify Partner
18 5 3

Hey,
zunächst musst du im Theme-Editor nach den Header-Einstellungen suchen. 

elevateagentur_0-1707917556488.png

Danach kannst du unter "Custom CSS" diesem CSS Code in den Header einfügen:

.header-wrapper {
background: rgba(255, 255, 255, 0.08);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(0px);
-webkit-backdrop-filter: blur(0px);
}

tempsnip4.png 

Was I Helpful?

Buy me a coffee



For professional help contact: elevateagency@consultant.com
purzen
Tourist
5 0 1

Hey,
erstmal danke für deine Antwort! hab das grade ausprobiert klappt leider nicht. hab mir auch sämtliche Tutorials angeschaut, Hat alles leider nix geholfen...

daniell005
Shopify Partner
9 3 3

Hallo Purzen,

genau, von Haus aus kann man im Impact Theme nur einen transparenten Header einstellen, sofern an erster Stelle eine Original Impact Theme Foto- oder Video Section steht. Ich nehme an der Header soll nur anfangs transparent sein und dann beim scrollen eine Hintergrundfarbe bekommen?
Die transparente Header Funktion nachzubauen dürfte komplizierter sein, Javascript Kenntnisse und CSS sollten dafür nötig sein.
Die standart Video Section vom Impact Theme ist keine alternative?
Lieben Gruß

Daniel

Junior Webentwickler & Webdesign | Shopify-Expert

Bei weiteren Fragen, kontaktiere uns auf unserer Agentur Website:
paradiseranch.wtf
purzen
Tourist
5 0 1

Hey Daniel,
Danke für deine Antwort. wenn ich die normale Video-section verwenden wiederholt sich das Video nicht von alleine und spielt auch nicht von alleine ab. deswegen leider keine Alternative.

daniell005
Shopify Partner
9 3 3

Erfolg.

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

Bildschirmfoto 2024-02-14 um 14.43.19.jpg

Junior Webentwickler & Webdesign | Shopify-Expert

Bei weiteren Fragen, kontaktiere uns auf unserer Agentur Website:
paradiseranch.wtf
purzen
Tourist
5 0 1

Vielen Danke, das funktioniert! 

daniell005
Shopify Partner
9 3 3

Erfolg.

Super! Würde mich freuen, wenn du meine Nachricht als Lösung markierst.
Viel Erfolg noch mit dem Impact Theme!

Gruß Daniel

Junior Webentwickler & Webdesign | Shopify-Expert

Bei weiteren Fragen, kontaktiere uns auf unserer Agentur Website:
paradiseranch.wtf