Shopware Plugina

Linke Seitenleiste für Shopware 6

Linke Seitenleiste für Shopware 6

 
 

Kontext

Die linke Seitenleiste der Shop-Seiten in den Standard-Themes beinhaltet im wesentlichen nur das Menü. Das sie aber hervorragend platziert ist und dem Nutzer direkt ins Auge fällt, bietet sie sich an für die Kommunikation von wichtigen Botschaften für Branding oder Werbung.

 

 
 

Ziel

In die linke Seitenleiste sollen Kommunikations-Mittel einsetzbar werden, die solche Botschaften ideal präsentieren und direkte Interaktion ermöglichen.

 

 
 

Das Plugin

Titel Linke Seitenleiste

Technischer Name NLXYLeftSidebar

Erhältlich im Shopware-Community-Store zum Shop»

 

 
 

Beschreibung

Bis zu 5 Bilder-Boxen können in der linken Seitenleiste eingesetzt werden, z.B. für einen Verweis auf externe Partner, besondere Dienstleistungen oder Auszeichnungen, um Vertrauen zu bestärken oder um zu werben.

Dieses Plugin optimiert die Darstellung der linken Seitenleiste, im linken Bereich des Bildschirms mit:

  • Bis zu 5 Bilder-Boxen, die in der linken Seitenleiste als Branding oder zu anderen Zwecken eingefügt werden können.
  • Jede Box kann mit einem Bild, Titel, Link und einem Merker versehen werden. Der Merker bestimmt, ob der Link in einem neuen Fenster/Register geöffnet wird.

Die Änderung der linken Seitenleiste erfolgt auf folgenden Seiten:

  • Nutzerkonto-Seiten, sobald der Nutezr eingeloggt ist
  • Kategorie-Seiten, denen das Layout "Kategorie-Seite mit Seitenleiste" zugewiesen wurde
 

 
 

Installation
  • Lade das Plugin im Shopware-Backend über den Plugin-Manager vom Shopware-Community-Store.
  • Aktiviere das Plugin.

 

 
 

Gebrauch

Dieses Plugin benötigt folgende Einstellungen:

Logo 1

Wähle ein Logo aus den Medien-Dateien aus oder lade es hoch.

Linkziel-URL von Logo 1

Gib bitte eine gültige URL (Unified Resource Locator) für den Link der durch Mausklick auf das Logo 1 getriggert wird.

Text von Logo 1

Gib bitte einen Text ein, der angezeigt wird wenn Du mit der Maus über das Zusatz-Logo 1 fährst.

Öffne die URL 1 in neuem Fenster/Tab

Setzte diesen Merker, wenn die URL 1 in einem neuen Fenster oder Tab geöffnet werden soll.

Link-Sicherheit von Logo 1

Wähle eine Eigenschaft für die Link-Sicherheit: "Noopener" oder "Noreferrer". Aus Sicherheitsgründen werden beide einen neuen System-Prozess anlegen, für das Fenster in dem der Link gezeigt werden wird. "Noreferrer" verhindert zudem dass ein Referrer-Header in dem Link Aufruf mitgeschickt wird.

Link-Rahmen von Logo 1

Wenn eingeschaltet wird ein Rahmen mit einer Stärke von 1px um die Logo-Box gezogen, in der Rahmen-Farbe des Themes.

Logo 2

Wähle ein Logo aus den Medien-Dateien aus oder lade es hoch.

Linkziel-URL von Logo 2

Gib bitte eine gültige URL (Unified Resource Locator) für den Link der durch Mausklick auf das Logo 2 getriggert wird.

Text von Logo 2

Gib bitte einen Text ein, der angezeigt wird wenn Du mit der Maus über das Zusatz-Logo 2 fährst.

Öffne die URL 2 in neuem Fenster/Tab

Setzte diesen Merker, wenn die URL 2 in einem neuen Fenster oder Tab geöffnet werden soll.

Link-Sicherheit von Logo 2

Wähle eine Eigenschaft für die Link-Sicherheit: "Noopener" oder "Noreferrer". Aus Sicherheitsgründen werden beide einen neuen System-Prozess anlegen, für das Fenster in dem der Link gezeigt werden wird. "Noreferrer" verhindert zudem dass ein Referrer-Header in dem Link Aufruf mitgeschickt wird.

Link-Rahmen von Logo 2

Wenn eingeschaltet wird ein Rahmen mit einer Stärke von 1px um die Logo-Box gezogen, in der Rahmen-Farbe des Themes.

Logo 3

Wähle ein Logo aus den Medien-Dateien aus oder lade es hoch.

Linkziel-URL von Logo 3

Gib bitte eine gültige URL (Unified Resource Locator) für den Link der durch Mausklick auf das Logo 3 getriggert wird.

Text von Logo 3

Gib bitte einen Text ein, der angezeigt wird wenn Du mit der Maus über das Zusatz-Logo 3 fährst.

Öffne die URL 3 in neuem Fenster/Tab

Setzte diesen Merker, wenn die URL 3 in einem neuen Fenster oder Tab geöffnet werden soll.

Link-Sicherheit von Logo 3

Wähle eine Eigenschaft für die Link-Sicherheit: "Noopener" oder "Noreferrer". Aus Sicherheitsgründen werden beide einen neuen System-Prozess anlegen, für das Fenster in dem der Link gezeigt werden wird. "Noreferrer" verhindert zudem dass ein Referrer-Header in dem Link Aufruf mitgeschickt wird.

Link-Rahmen von Logo 3

Wenn eingeschaltet wird ein Rahmen mit einer Stärke von 1px um die Logo-Box gezogen, in der Rahmen-Farbe des Themes.

Logo 4

Wähle ein Logo aus den Medien-Dateien aus oder lade es hoch.

Linkziel-URL von Logo 4

Gib bitte eine gültige URL (Unified Resource Locator) für den Link der durch Mausklick auf das Logo 4 getriggert wird.

Text von Logo 4

Gib bitte einen Text ein, der angezeigt wird wenn Du mit der Maus über das Zusatz-Logo 4 fährst.

Öffne die URL 4 in neuem Fenster/Tab

Setzte diesen Merker, wenn die URL 4 in einem neuen Fenster oder Tab geöffnet werden soll.

Link-Sicherheit von Logo 4

Wähle eine Eigenschaft für die Link-Sicherheit: "Noopener" oder "Noreferrer". Aus Sicherheitsgründen werden beide einen neuen System-Prozess anlegen, für das Fenster in dem der Link gezeigt werden wird. "Noreferrer" verhindert zudem dass ein Referrer-Header in dem Link Aufruf mitgeschickt wird.

Link-Rahmen von Logo 4

Wenn eingeschaltet wird ein Rahmen mit einer Stärke von 1px um die Logo-Box gezogen, in der Rahmen-Farbe des Themes.

Logo 5

Wähle ein Logo aus den Medien-Dateien aus oder lade es hoch.

Linkziel-URL von Logo 5

Gib bitte eine gültige URL (Unified Resource Locator) für den Link der durch Mausklick auf das Logo 5 getriggert wird.

Text von Logo 5

Gib bitte einen Text ein, der angezeigt wird wenn Du mit der Maus über das Zusatz-Logo 5 fährst.

Öffne die URL 5 in neuem Fenster/Tab

Setzte diesen Merker, wenn die URL 5 in einem neuen Fenster oder Tab geöffnet werden soll.

Link-Sicherheit von Logo 5

Wähle eine Eigenschaft für die Link-Sicherheit: "Noopener" oder "Noreferrer". Aus Sicherheitsgründen werden beide einen neuen System-Prozess anlegen, für das Fenster in dem der Link gezeigt werden wird. "Noreferrer" verhindert zudem dass ein Referrer-Header in dem Link Aufruf mitgeschickt wird.

Link-Rahmen von Logo 5

Wenn eingeschaltet wird ein Rahmen mit einer Stärke von 1px um die Logo-Box gezogen, in der Rahmen-Farbe des Themes.

Media-Basis-URL

Optional. Muss nur gesetzt werden, wenn z.B. der Shop in einem Unterverzeichnis oder als Multishop betrieben wird, und Medien-Dateien vom Hauptshop aus übernommen werden sollen. Der Pfad sollte vom Host zum Media-Verzeichnis von Shopware weisen. Wenn dieses direkt unter dem Hauptverzeichnis hängt, sollte hier nur ein "/" stehen. Anderfalls ein Unterverzeichnis, in der Form "/Unterverzeichnisname/". Das führende und endende "/"-Zeichen, ist unbedingt zu beachten.


 

 
 

Erweiterungen

Folgen in Kürze.

 

 
 

Beispiel

 

 
 

Vergleiche selbst: Der Demo-Shop in der Original-Einstellung und mit aktiviertem Plugin “Linke Seitenleiste”: