Ankündigungsleiste in Caft Theme

Deutsch Diskussion Shopify Design
1

Hallo zusammen,

ich bin gerade an meinem Shop und bin auf ein Problem gestoßen bzw. weiß nicht wie ich das wie gewünscht hinbekomme.

Ich möchte die Ankündigungsleiste wechselnd haben, spricht Ankündigung 1 dann Ankündigung 2 und so weiter. Ich nutze das Theme Craft und bin mit diesem eigentlich sehr zufrieden. Halt das wenn ich 2 Ankündigungen habe diese untereinander erscheinen schaut nicht schön aus.

Vielleicht könnt Ihr mir da behilflich sein.

Gruß

Bianca

2

Hey @BRe-Art

Danke für die Beschreibung und um die Ankündigungsleiste wechselnd zu haben wird man etwas im Code rumbasteln müssen.

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 negative 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!

Du kannst benutzerdefinierten JavaScript-Code in deinem Theme einfügen, um die Ankündigungen zu rotieren. Hier ist ein einfacher Beispielcode, den du anpassen kannst:

var announcements = [
  'Ankündigung 1',
  'Ankündigung 2',
  // Füge hier weitere Ankündigungen hinzu
];
var index = 0;
setInterval(function() {
  document.querySelector('.announcement-bar').innerHTML = announcements[index];
  index = (index + 1) % announcements.length;
}, 3000); // 3000 Millisekunden (3 Sekunden) zwischen den Ankündigungen

Stelle sicher, dass der Selektor (.announcement-bar) auf das richtige Element in deinem Theme abzielt.

Es gibt auch Apps, die dir helfen könnten, die gleiche Funktion ohne Codierung zu erreichen. Suche im Shopify App Store nach Apps, die Funktionen zur Rotation von Ankündigungsleisten oder Bannern anbieten. Klicke hier in die Demos der versch. Apps um die beste App zu finden.

3

Hallo Gabe,

danke für deine schnelle Antwort, werde es mir nachher mal anschauen.

Gruß

Bianca

4

Gerne Bianca! :wink: