Header und Footer mit Shopware Erlebniswelten (und mit Regeln) gestalten
Produktinformationen
Highlights
- Header sowie Footer mittels Shopware Einkaufselementen individuell gestalten - jetzt auch individuelle Header / Footer im Checkout möglich!
- Regelgesteuerte (mit Shopware Rule Builder) Header und Footer anzeigen (unterschiedlich B2B und B2C)
- Durch Priorisierung ist der Einsatz von mehreren Headern / Footern möglich (z.B. Top Header oder Top Footer)
- Header / Footer können für Startseite, Kategorien und auch für Produkte individuell gestaltet werden
- Durch RuleBuilder Regeln und Dynamische Produktgruppen sind für alle Anlässe (Sale, Black Friday, Ostern, Weihnachten usw.) individuelle Header und Footer gestaltbar.
Features
- Header sowie Footer mittels Shopware Erlebniswelten individuell gestalten: Jetzt möglich: im Shop und Checkout unterschiedliche Header & Footer konfigurieren
- Header regelgesteuert (mittels RuleBuilder Regeln z.B. Kundengruppe, zeitabhängig, usw.) anzeigen
- Footer regelgesteuert (mittels RuleBuilder Regeln) einblenden lassen.
- Unterschiedliche Darstellung für Desktop, Tablet, Mobil möglich
- Mehrere Header / Mehrere Footer parallel inkl. Priorisierung möglich. (z.B. ein Top Header und ein B2B Header darunter - beides RuleBuilder gesteuert)
- Verschiedene Elemente stehen für Header und Footer zur Verfügung
Beschreibung
Das Plugin Erlebniswelten Layouts ermöglicht es die Kopf- und Fußzeile über selbst erstellte Erlebniswelten zu gestalten. Eine oder mehrere Erlebniswelten können dabei in Abhängigkeit unterschiedlicher Regeln (z.B. unterschiedliche Kundengruppen oder Zeiträume), Verkaufskanäle und Bildschirmgrößen dem Header oder Footer zugewiesen werden. Ab der Plugin Version > 3.26.x ist es möglich, auch für den Checkout individuelle Header & Footer festzulegen.
Anleitung
1.) Plugin installieren und aktivieren (es sind keine Plugin Konfigurationen erforderlich)
2.) Erlebniswelt (Header oder Footer) anlegen, dazu gehen sie wie folgt vor:
Showare Admin: Inhalte > Erlebniswelt > Button neues Layout anlegen >
Header Seiten oder Footer Seiten auswählen > Volle Breite > Layout Namen eingeben (z.B. Consumer)
dann die Erlebniswelt erstellen: Klick rechts auf + dann Block Kategorie ACRIS Header Layout (oder ACRIS Footer Layout) auswählen und einen Header (oder Footer) auswählen.
In der Regel sind einige Angabe bei den Elementen erforderlich, dazu bei den Elementen auf das Zahnrad klicken und die erforderlichen Angaben machen
(beim Header: ist zumindest der Einstiegspunkt für die Navigation anzugeben.
Hinweis: Sollten beim Speichern ein Fehler auftreten, dann sind in dem Block verschiedene Pflichtangaben nicht durchgeführt worden.
3.) Header (oder Footer) einer Kategorie oder mittels RuleBuilder anzeigen lassen, dazu
Shopware Admin: Einstellungen > Erweiterungen > Erlebniswelten Layouts > Header (oder Footer) > Header hinzufügen
im Abschnitt Allgemein:
>> Interner Name angeben (z.B. Consumer Header)
>> Priorität kann im ersten Schritt bei 10 bleiben, je höher die Zahl, desto höher die Priorität (nur relevant wenn mehrere Header angelegt werden)
>> Andere Header mit geringerer Priorität ausschließen (kann aktiv bleiben - dies ist relevant wenn mehrere Header angelegt werden)
>> aktiv anklicken
>> für folgende Bildschirmgrößen sichtbar (im Standard alle ausgewählt, bei Bedarf können sie für die einzelnen Bildschirmgrößen unterschiedliche Header erstellen)
im Abschnitt Layout Zugewiesenes Erlebniswelten Layout:
>> Das unter 2.) angelegte Header (oder Footer) Layout zuweisen (oder ein neues Erstellen)
>> Stickey Header- Modus auswählen
im Abschnitt Anzeigebedingungen können die Regeln festgelegt werden, wie / ob der Header angezeigt wird, dazu
>> Optional: Zugewiesene Regel (im Rule Builder können sie die Regel erstellen und hier zuweisen)
Wenn keine Regel zugewiesen wird, dann gilt "immer anzeigen"
>> Verkaufskanäle: Auswählen, in welchem Verkaufskanal der Header angezeigt werden soll
>> Optional: Zusätzliche Einschränkung auf Produkte / Kategorien
>> speichern und ins Frontend wechseln - möglicherweise müssen sie den Cache löschen um eine Änderung sehen zu können
Bei Fragen zum Plugin, Feedback oder Erweiterungswünsche nutzen sie bitte den Shopware Account und erstellen dort eine Support Anfrage - nur so können wir eine zügige Bearbeitung sicherstellen.
Videos
| Bundle: | CMS Bundle |
|---|
- Es wurde eine Funktion zum Ausblenden von Elementen des Einkaufserlebnisses in der Fußzeile hinzugefügt.
- Konfigurationen für den Gesamtpreis des Warenkorbs und für die Farbe des Betragsabzeichens für das Warenkorbelement in der Kopfzeile wurden hinzugefügt.
- Optimierung wenn eine Sprachumschaltung innerhalb eines Headerbereiches genutzt wird, der beim Sticky Header versteckt wird.
- Behebt ein Problem, dass die Navigation nicht zentriert dargestellt werden kann.
- Korrektur der Icons im Admin.
- Problem behoben, bei dem das eigene LinkedIn-Symbol nicht im Storefront angezeigt wurde.
- Das Abschneiden des Logos wurde behoben, wenn die klebrige Kopfzeile aktiv und das Suchfeld geöffnet ist.
- Anpassung der Texte in der Administration.
- Einschneidende Änderung! Die Abstände der Flyout-Navigations-Elemente in der Administration wurden überarbeitet.
- Ermöglicht die Einstellung von benutzerdefinierten Abständen, wenn der Header klebrig oder normal ist.
- Optimierte Novo Kopfzeile auf dem Handy.
- Fehler in der Anzeige des Navigationssymbols im Schaufenster behoben.
- Abstandskonfigurationen für das Dropdown-Menü innerhalb des Navigationselements hinzugefügt.
- Die Anzeige des Such-Toggle-Dropdowns im Schaufenster wurde korrigiert.
- Novo Header Layout Fehler behoben.
- Ermöglicht die individuelle Konfiguration der Ausrichtung von Konto-/Warenkorb-Elementen für verschiedene Ansichtsfenster
- Option hinzugefügt, um Sticky Header immer oben ohne Animation anzuzeigen.
- Fehler beim Laden der Header-Konfigurationsliste in der Administration behoben.
- Unsichtbares Einkaufswagen-Symbol behoben, wenn wir mehr benutzerdefinierte Header-Layouts verwenden.
- Optimierte Breite des Header-Logos.
- Falsche obere Abstände für einige Fußzeilen-Elemente im Zusammenhang mit dem Einkaufserlebnis im Schaufenster behoben.
- Die Ausrichtung des Header-Elements wurde korrigiert.
- Optimierte Klassen für Bootstrap 5.
- Lazy Loading Optimierung
- Kompatibilität mit Shopware 6.5.
- Optimierung wenn eine Sprachumschaltung innerhalb eines Headerbereiches genutzt wird, der beim Sticky Header versteckt wird.
- Problem behoben, bei dem das eigene LinkedIn-Symbol nicht im Storefront angezeigt wurde.
- Fehler beim Nachladen des Warenkorb Icons mit Ajax behoben.
- Die Anzeige des Such-Toggle-Dropdowns im Schaufenster wurde korrigiert.
- Konfiguration hinzugefügt, um den Sticky-Header oben ohne Animation zuzuweisen.
- Fehler im Navigationselement behoben.
- Konto / Warenkorb / usw. um neue Einstellungen erweitert.
- Fehler behoben, wenn mehrere Suche Buttons verwendet werden.
- Navigation Element um Hover Efekt erweitert.
- Header Logo Element um Sticky Header Breite Einstellung erweitert.
- Performance Optimierungen beim Auswerten von internen Verlinkungen.
- Konto / Warenkorb / usw. um neue Einstellungen erweitert.
- Topbar Element um neue Einstellungen erweitert.
- Social Icons Element um neue Einstellung erweitert.
- Neue Plugin Einstellungen für die Dropdown Suche hinzugefügt.
- Dropdown Suche für mobile Anzeige optimiert.
- Fehler im Navigationselement behoben.
- Navigations Element um neue Einstellungen erweitert.
- Konto / Warenkorb / usw. um neue Einstellungen erweitert.
- Dropdown Suche kann jetzt über die Plugin Einstellungen konfiguriert werden.
- Optimiertes Schaufenster für Symboltexte.
- Performance Optimierungen.
- Fehler im Schaufenster behoben, wenn kein Header-Layout zugewiesen ist.
- Verbesserte UX durch Hinzufügen von Infotext zur Verwaltung.
- Text unter den Symbolen für das Navigationselement eingeführtz.
- Verbesserte Verwaltung UX.
- Die Registerkarten in der Verwaltung wurden optimiert.
- Schriftstil und Texttransformation für Navigationselement hinzugefügt.
- Optimierte Scroll-Entprellung mit Schwellenwertpixeln.
- Feste Anfangsmarge.
- Entprellung hinzugefügt, um den klebrigen Header anzuzeigen / auszublenden.
- Änderung des Pluginnamens und der Hersteller Links.
- USP's Element um eigenes Icon erweitert.
- USP's Element Fehler behoben.
- USP's Element Einstellungen erweitert.
- Optimierte Deutsche Snippets für Footer Konfiguration.
- Optimierte Plugin-Kompatibilität für Shopware Version 6.4.16
- Icon Anzeigefehler behoben.
- Footer unten Element Fehler behoben.
- Verbesserte UX durch Hinzufügen von Infotext zur Verwaltung.
- Text unter den Symbolen für das Navigationselement eingeführtz.
- Die Registerkarten in der Verwaltung wurden optimiert.
- Schriftstil und Texttransformation für Navigationselement hinzugefügt.
- Optimierte Scroll-Entprellung mit Schwellenwertpixeln.
- Feste Anfangsmarge.
- Entprellung hinzugefügt, um den klebrigen Header anzuzeigen / auszublenden.
- Footer unten Element um neue Einstellungen erweitert.
- Footer unten Element Fehler behoben.
- Fixed Standard Footer Block layout bug.
- Navigation Element um neue Einstellungen erweitert.
- Behebt ein Problem bei dem der Header hinter Produktboxen verschwindet in neueren Shopware Versionen.
- Behebt den Fehler beim Speichern der Kategorie Landing Page in der Administration.
- Einzelne Kategorie Element um neue Einstellungen erweitert.
- Abstand unten Konfiguration hinzugefügt, um Header-Logo Erlebniswelt Element.
- Topbar Elemente um neue Einstellungen erweitert.
- Admin Vorschau der Header Blöcke optimiert.
- Optmiert den Abstand wenn die Navigation rechts ausgerichtet ist
- Fehler bei der Migration behoben.
- Behoben, dass die Kopfzeile auf der Auftragsbestätigungsseite nicht angezeigt wird.
- Die Kopfzeile wird auf der Warenkorb-Seite nicht mehr angezeigt.
- Merkzettel JavaScript Fehler im Checkout behoben.
- Die Kopfzeile für Shop-Bestellseiten wird im Storefront nicht mehr korrekt angezeigt.
- Optimierte Anzeige des "Zurück zum Shop"-Elements in der Storefront.
- Optimierte Berechnung der Höhe des Sticky-Headers auf Basis der Bildhöhe.
- Ermöglicht es Ihnen, ein Einkaufserlebnis Header-und Footer Layout für Shop-Bestellung Prozess zu setzen.
- Optimiert die klebrige Kopfzeile bei Größenänderung.
- Der Sticky-Header wurde verbessert, um ältere Einstellungen zu unterstützen.
- Hover Farbe beim USP Icon hinzugefügt
- Verlinkungen werden auch beim Icon gesetzt
- Optimierung des Sticky Headers im Hinblick auf Scrollen und Barrierefreiheit.
- Es wurde die Möglichkeit hinzugefügt, die Dauer der Animation für die Konfiguration "Hide on Sticky Header" auszuwählen.
- Problem behoben, bei dem die Sprachflaggen nach der Aktualisierung des Plugins nicht angezeigt wurden.
- Topbar Elemente um zahlreiche neue Einstellungen erweitert.
- Plugin Konfiguration für mobile Sprachauswahl und Währungsauswahl hinzugefügt.
- Optimierung für Erlebniswelten Sektionen, die bei Sticky Header ausgeblendet werden sollen.
- Animationen für versteckte Abschnitte des Sticky Headers hinzugefügt.
- Es wurde die Möglichkeit hinzugefügt, Abschnitte auszublenden, wenn die Kopfzeile klebrig ist.
- Behebt mögliche Probleme beim Laden von Seiteninhalten mit dem Newsletter Element.
- Sprachauswahl um eigene Flaggen erweitert.
- Tobpar Element Fehler behoben.
- Konto / Warenkorb / usw. Element Fehler behoben.
- Zahlungssymbole Abstand Fehler behoben.
- Zahlungssymbole Element um mehrere neue Einstellungen erweitert.
- Social Icons, Einzelne Kategorie, ACRIS Compact newsletter und Service-Hotline um Abstand oben erweitert.
- USP's Element Pixeleingabe Fehler behoben
- USP's Element Icon Größe verbessert
- Rechtschreibfehler behoben
- Es wurde eine Plugin Konfiguration hinzugefügt, um den oberen Rahmen des Footers zu entfernen..
- Die Darstellung der Suche wurde optimiert.
- USP's Element um Responsive Ansicht und vertiale Ausrichtung erweitert
- Mobile Ansicht des USP's Element optimiert
- Optimierung der Iconeinbindung neben den Menü Punkten.
- Verbesserte Kompatibilität mit anderen Plugins.
- Admin Snippet Optimierungen.
- Kategorie-Hover-Schriftart-Gewicht-Konfiguration für das Navigationslayout-Element hinzugefügt.
- Abstandskonfiguration für Kategorien im Navigationslayout hinzugefügt.
- Die Standard-Farbwerte wurden aus dem Suchelement entfernt.
- Pixel-Suffixe zu den Icon- und Textgrößen-Konfigurationen hinzugefügt, um die Benutzerfreundlichkeit zu verbessern.
- Es wurde die Möglichkeit hinzugefügt, Icons neben den Kategorien des Navigationslayouts mit Unterkategorien hinzuzufügen.
- Es wurde die Möglichkeit hinzugefügt, dem Symbol im Element Suche eine Farbe hinzuzufügen.
- Optimierte SVG-Sichtbarkeit von Zahlungselementen in der Fußzeile.
- Optimierte Snippets für die Icon Color Selection.
- Konfiguration der Icon-Farbe für das Icon CMS Element hinzugefügt.
- Behebt Rechtschreibfehler in der Administration.
- Behebt ein Problem bei dem sich die Hover-Farbe beim Erlebniswelten Element Navigation sich nicht geändert hat.
- Behebt ein Problem, bei dem das Dropdown Menü nicht über die gesamte Breite dargestellt wurde.
- Fügt zusätzliche Konfigurationsmöglichkeit ein für die Elemente Navigation und Header Icons.
- Behebt ungleiche Abstände im Classic Layout.
- Optimiert das Laden der Cms-Layout-Slot-Konfiguration.
- Neue Icons zur Icon Auswahl hinzugefügt
- Optimierung des Header Icon Elements damit dieses bündig mit dem restlichen Inhalt wird.
- Optimierung des Header Layouts Classic, Pure, Modern, Shopware Standard.
- Navigation Element aktiv Einstellungen hinzugefügt
- Korrektur wenn im Header bei den Icons (Account, Warenkorb, etc.) ein Text neben den Icons angezeigt werden soll.
- USP's Element Link und Trennzeichen Einstellung hinzugefügt
- Korrektur der Reihenfolge und Anzeige von nicht sichtbaren oder nicht aktiven Subkategorien in der Administration in den Erlebniswelten.
- Behebt ungleiche Abstände in den Header Blöcken
- Farbeinstellungen für einzelne Kategorie hinzugefügt
- Fehler für inaktive Kategorien behoben, die nach dem Speichern im Erlebniswelten nicht angezeigt werden
- Mehr anzeigen Fehler für Einzelne Kategorie Element behoben
- Konto / Warenkorb / Betrag Element Fehler behoben
- Übersetzungsfehler behoben
- Optimierung des Novo-Headers.
- Behebt das Problem, dass die Kopfzeile den Seiteninhalt beim Laden der Seite überlappt.
- Behebt, dass die Kopfzeile nicht angezeigt wird, wenn ein "#"-Link auf der Webseite angeklickt wird.
- Optimiert das Hinzufügen von Positionen in den Kopf- und Fußzeilentabellen.
- Fehlende Trennlinie in der Fußzeile behoben.
- Verbessert die Kompatibilität mit Shopware >= 6.4.10.0.
- Optimiert die Plugin-Farbe in der Verwaltung.
- USP's Element und Block hinzugefügt
- Veralteter style type entfernt
- Optimierung des Stylings von reCAPTCHA.
- reCAPTCHA-Verifizierung zum kompakten Newsletter-Einkaufserlebnis-Element hinzugefügt
- Behebt, dass die Kategorien des Fußzeilen-Navigationselements auf mobilen Geräten nicht geöffnet werden
- Ermöglicht das Ausblenden des Suchelements für verschiedene Ansichtsfenster
- Ermöglicht die Festlegung einer maximalen Breite für das Suchelement
- Optimierte Farbauswahlfelder
- Ermöglicht die Einstellung einer Schriftfarbe für das Navigationselement
- Ermöglicht es Ihnen, eine Position für Header- und Footer-Layouts festzulegen
- Payment Icons Abstand geändert
- Payment Icons Abstand hinzugefügt
- Veralteter Code entfernt
- Zusätzliche Klassen für Blöcke und Elemente hinzugefügt
- Ermöglicht es Ihnen, Bildgrößen für Zahlungssymbole festzulegen Einkaufserlebnis-Element
- Social Icons Admin Ansicht Fehler behoben
- Social Icons um LinkedIn erweitert
- Social Icon SVG Dateien minimiert
- Twig Blöcke umbenannt und hinzugefügt
- Übersetzungsfehler behoben
- ACRIS Classic Layout Vorschau angepasst
-
- ACRIS Classic Layout Block hinzugefügt
- Admin Ansicht optimiert
- Suchfeld Element um Fokus Rahmenfarbe erweitert
- Suchanzeige Fehler behoben
- Block Namen angepasst
- Admin Ansicht optimiert
- Behebt die Änderung der Hover-Hintergrundfarbe beim Öffnen des Navigationsmenüs.
- Ermöglicht es Ihnen, eine Hintergrundfarbe in den Einstellungen für den Bereich Einkaufserlebnis festzulegen, wenn der Benutzer den Mauszeiger über die Kopfzeile bewegt.
- Verbessert die Plugin-Kompatibilität.
- Fade-Animation beim Header-Hover hinzugefügt.
- Fade-Animation beim Header-Hover entfernt.
- Behebt die Änderung der Hover-Hintergrundfarbe beim Öffnen des Navigationsmenüs.
- Optimiert die Hintergrundfarbe der Sticky Header beim Scrollen und Hovern mit dem Cursor.
- Ermöglicht es Ihnen, eine Hintergrundfarbe in den Einstellungen für den Bereich Einkaufserlebnis festzulegen, wenn der Benutzer den Mauszeiger über die Kopfzeile bewegt.
- Behebt das Laden von sozialen Symbolen in der Storefront.
- Optimierung beim Laden der Cms-Slot-Konfigurationsdaten.
- Optimierung der Social Icons in der Storefront.
- Optimiert das Erstellen und Laden der CMS-Seiten mit Slot-Konfigurationsdaten für Produkte und Kategorien.
- Optimiert die Kompatibilität mit dem Acris Lazy Loading Plugin.
- Optimiert die Layout-Beziehungen beim Duplizieren der Produkte oder Kategorien.
- Behebt Kompatibilitätsprobleme von Storefront mit anderen Plugins.
- Optimierung der Textanzeige neben den Icons im Header-Layout Storefront.
- XXL-Ansichtsfensteroption zu den Kopf- und Fußzeilen-Layouteinstellungen hinzugefügt.
- Verbesserte Kompatibilität mit dem ACRIS Lazy Loading Plugin.
- Ermöglicht es Ihnen, eine individuelle Hintergrundfarbe für den Sticky Header im Erlebniswelten Sektionseinstellungen.
- Behebt ein mögliches Problem bei der Verwendung von Kopfzeilen mit mehreren eigenen Sticky-Layouts.
- Ermöglicht das Einfügen eines Textes neben den Icons im Header-Layout.
Anmelden
Vorgeschlagene Produkte
