FROM CACHE - de_header

2. Ankündigungsleiste unter dem Header

Gelöst

2. Ankündigungsleiste unter dem Header

PhilLennart
Shopify Partner
33 0 22

Hey zusammen,

 

ich würde gerne 2 Announcement bars darstellen bei shopify, was ja super klappt, jedoch würde ich gerne eine unter dem header/menü und eins in der Standardposition darüber lassen. Zusätzlich wäre es super, wenn die 2. (unterhalb des Menüs) nur an bestimmten Seiten (wie zum Beispiel dem Warenkorb) angezeigt werden. Ist dies mit der normalen Announcement bar von Shopify möglich oder muss dies komplett neu gecoded werden? Hier eine künstlerische Meisterleistung, wie dies dargestellt werden könnte.

 

Announcement Bar 1
Menü/Header mit Logo
Announcement Bar 2

 

Komme mit dem liquid und html codes gut zurecht, also auch gerne code Vorschläge 😉

1 AKZEPTIERTE LÖSUNG
r8r
Shopify Partner
2555 327 941

Erfolg.

@PhilLennart – hier die Steps:

  1. Öffne /sections/announcement-bar.liquid und kopiere den gesamten Inhalt
  2. Erstelle die neue Datei /sections/announcement-bar-secondary.liquid und füge dort den kopierten Inhalt ein – speichere die Datei
  3. Öffne /layout/theme.liquid und ergänze die im Screenshot markierte Zeile: 
    Screenshot 2022-01-11 at 21.10.04.jpg
  4. Fertig:
    Screenshot 2022-01-11 at 21.12.00.jpg

 

 

Ich hoffe das hilft,
Mario 

 

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte

Lösung in ursprünglichem Beitrag anzeigen

5 ANTWORTEN 5

r8r
Shopify Partner
2555 327 941

@PhilLennart Verwendest du nach wie vor das Theme Debut?

wenn ja, dann würde ich in /sections/header.liquid im Schema einen zweiten Bereich „Ankündigungsbereich“ ergänzen und im HTML auch entsprechend hinzufügen.

ich hoffe, dass Dir das hilft,

Mario

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte
PhilLennart
Shopify Partner
33 0 22

@r8r Tut mir leid, dass ich dies nicht im originalen Post erwähnt habe. Ich nutze das Dawn Theme. Also Shopify 2.0 Theme.

r8r
Shopify Partner
2555 327 941

Erfolg.

@PhilLennart – hier die Steps:

  1. Öffne /sections/announcement-bar.liquid und kopiere den gesamten Inhalt
  2. Erstelle die neue Datei /sections/announcement-bar-secondary.liquid und füge dort den kopierten Inhalt ein – speichere die Datei
  3. Öffne /layout/theme.liquid und ergänze die im Screenshot markierte Zeile: 
    Screenshot 2022-01-11 at 21.10.04.jpg
  4. Fertig:
    Screenshot 2022-01-11 at 21.12.00.jpg

 

 

Ich hoffe das hilft,
Mario 

 

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte
PhilLennart
Shopify Partner
33 0 22

Super!!! Vielen Dank dafür 🙂

 

Ist es möglich, diese Bar auch nur auf ausgewählten Seiten anzuzeigen? Zum Beispiel nur die Warenkorb Seite?

r8r
Shopify Partner
2555 327 941

@PhilLennart ja, mir fallen dazu mehrere Wege ein. Tendenziell würd ich die section dann gleich eher im Cart-Template platzieren.

Um bei dem Beispiel von oben zu bleiben, kannst du die markierte Zeile aber auch noch in einen if-Block legen:

{% if template == 'cart' %}
  ...
{% endif %}

LG, Mario 

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte