Globale Bereiche
Der Header, Footer und die Ankündigungsleiste erscheinen auf jeder Seite deines Shops. Im Builder hat jede Seite ihre eigene Kopie, daher gilt eine Änderung nur für die Seite, die du bearbeitest. Mit der Aktion Auf alle Seiten anwenden kannst du das Design eines Bereichs auf denselben Bereich aller anderen Seiten kopieren. Wie du Blöcke hinzufügst, neu anordnest und konfigurierst, erfährst du unter Bereiche und Blöcke.
Ankündigungsleiste
Ein schmaler Werbebalken ganz oben auf der Seite. Du kannst bis zu 7 Ankündigungsnachrichten hinzufügen, jede mit eigenem Text, und bis zu 2 Ankündigungsleisten pro Seite. Modus ist Laufband (kontinuierliches horizontales Scrollen) oder Slider (zeitgesteuerte Übergänge). Weitere Einstellungen: Textrichtung (LTR oder RTL), ein Trennzeichen zwischen Laufband-Nachrichten, das Intervall des Sliders (2 bis 10 Sekunden, Standard 3), Schriftgröße (10 bis 30 px, Standard 16), Breite (Seite oder voll), Farbschema und Abstand.
Header
Die Hauptnavigationsleiste, einmal pro Seite. Sie enthält fünf feste Blöcke, die du konfigurieren, aber nicht hinzufügen, entfernen oder neu anordnen kannst:
- Logo: dein Markenbild. Lege die Position (links, zentriert, rechts), Breite (20 bis 300 px), Höhe (20 bis 300 px) und den Abstand fest.
- Menü: das Navigationsmenü. Wähle ein Menü, das du unter Menüs erstellt hast, und lege dann die Position (links, zentriert, rechts), die Reihe im Header (oben oder unten), den Anzeigetyp (Drawer, Mega-Menü oder Dropdown), ein Farbschema und einen Balken-Schalter fest, der eine farbige Leiste hinter die untere Reihe legt.
- Suche: ein Suchsymbol, das eine Produktsuche öffnet. Lege die Position (links oder rechts) und die Reihe (oben oder unten) fest.
- Warenkorb: das Warenkorb-Symbol mit Artikelanzahl. Anzeigetyp ist Drawer (Seitenpanel), Dropdown (Mini-Warenkorb im Header) oder Seite (führt zur Warenkorb-Seite).
- Lokalisierung: ein Länder- und Sprachwähler für Multi-Market-Shops. Schalte ein, ob Land und Flagge angezeigt werden, und lege Position und Reihe fest.
Header-Einstellungen: Sticky-Verhalten ist Scroll (blendet sich beim Runterscrollen aus und beim Hochscrollen wieder ein), Immer (dauerhaft fixiert), Reduzieren (verkleinert sich beim Scrollen) oder Niemals (scrollt mit der Seite weg). Außerdem kannst du die Breite (Seite oder voll), das Farbschema, oberen und unteren Abstand sowie eigenes CSS einstellen.
Footer
Der untere Bereich jeder Seite, einmal pro Seite. Du kannst seine Blöcke hinzufügen, entfernen und neu anordnen:
- Über uns: ein Markenbereich mit deinem Logo, Text, Kontaktinfos und optionalen Layout-Gruppen, mit Steuerung für Richtung, Ausrichtung, Abstand, Breite und Padding (einmal pro Footer).
- Menü: ein Navigationsmenü als Linkliste. Wähle ein Menü aus Menüs.
- Social-Media-Icons: eine Reihe von Plattform-Icons (Facebook, Instagram, Threads, X, TikTok, Snapchat, YouTube, LinkedIn, Pinterest, Tumblr, WhatsApp, Telegram). Konfiguriere Icon-Größe, Abstand, Form (keine, Kreis, abgerundet, Quadrat), Füllstil (flach oder Umriss), Containergröße, Palette (Marke, Mono oder eigene Farbe) und Hover-Effekt (keiner, Marke, Skalieren, Anheben, Transparenz).
- Zahlungs-Icons: Icons für die in deinem Shop aktivierten Zahlungsmethoden (Visa, Mastercard, PayPal, Apple Pay usw.), die automatisch angezeigt werden.
- Rechtslinks: Links zu deinen Rechtstexten (Datenschutz, AGB, Widerruf, Versandbedingungen), generiert aus deinen Shop-Richtlinien. Lege Schriftgröße (12 bis 20 px) und Groß-/Kleinschreibung (Standard oder Großbuchstaben) fest.
- Copyright: das Copyright-Jahr und der Shop-Name, mit optionaler "Powered by Storeep"-Zeile. Lege Schriftgröße (12 bis 20 px), Groß-/Kleinschreibung und die Anzeige der Attribution fest.
- Text, Trenner und Gruppe: dieselben Layout-Komponenten wie an anderen Stellen. Siehe Layout-Komponenten.