Plugin Dokumentation „Produkt Navigation Premium“

0. Shopware 5 Font IconÜbersicht

Eine Aufstellung aller Shopware 5 Icons finden Sie in unserem Shopware Plugin Demoshop:Shopware Icon Übersicht Oder klicken Sie im Plugin auf den „Öffne Shopware Icon Übersicht“Button.

1.Plugin aktivieren 

Aktivieren Sie Ihr Plugin im Shop. Möchten Sie das Plugin in einen Sub oder Sprachshop nutzen können Sie über den Tab den Sprachshop oder Subshop aktivieren oder abschalten und individuelle Anpassungen einsetzen. 

2.Linke Navigation Icon Einstellungen

Für die linke Navigation können Sie ein eigenesFont Iconoder Shopware Icon einsetzen. Größe und Farbe des Icons können von Ihnen individuell definiert werden.Möchten Sie kein Icon einsetzen kann das Icon abgeschaltet werden.

3.Rechten Navigation Icon Einstellungen

Für die rechteNavigation können Sie ein eigenesFont Iconoder Shopware Icon einsetzen. Größe und Farbe des Icons können von Ihnen individuell definiert werden.Möchten Sie kein Icon einsetzen kann das Icon abgeschaltet werden.

4.Desktop Einstellungen

Entscheiden Sie ob die Produkt Navigation im Desktopaktiviert wird. 

Die Navigation kann fixiert dargestellt werde. In den Viewport Ansichten können die Position nach oben oder unten angepasst werden. Um die Navigationspositionen nach oben anzupassen geben Sie bitte einen negativen Wert ein z.B.: -100 (Position wird um 100px nach oben versetzt). Im Standard sind für Artikel 3 Thumbnail Größen angelegt. Mit der ID 0 wird das Standard Thumbnail 200x200 aktiviert. Mit der Thumbnail ID 1 wird das Standard Thumbnail 600x600 aktiviert und mit der Thumbnail ID 2 wird das Thumbnail 1280x1280 für die Navigation aktiviert. Sie können auch weitere Thumbnail-Größen im MedienManager anlegen und tragen diese Thumbnail ID dann im Plugin ein. Ein mögliches Beispiel wäre hier z.B.: 400x400 welche beim Anlegen die nächste freie Thumbnail ID 3 werden könnte. Sollten Sie in einem der Viewport Ansichten nur die Button ohne Artikelvorschau Thumbnails anzeigen wollen können Sie dies unter „Nur Navigation anzeigen“aktivieren. 

5.Tablet quer (Landscape Ansicht) Einstellungen

...

6.Tablet hochkant (Portrait Ansicht) Einstellungen

...

7.Smartphone quer (Landscape Ansicht) Einstellungen

...

8.Smartphone hochkant (Portrait Ansicht) Einstellungen

...

9.Einstellungen Animation

Wir bieten Ihnen zwei Effekte als Animation. Probieren Sie den Effekt „Ausfahren“oder „Einblenden“am besten einfach aus. Über die Zeitsteuerung für das Einblenden bzw. Ausfahren können Sie einstellen. 

10.Navigation Einstellungen

Wählen Sie eine eigene Breite für die Navigations-Button aus. Ein vordefinierter dezenter Schatten können hinzugefügt werden. Mit der Ausfahrweite können Sie die Artikel in der Navigation beim Ausfahren komplett darstellen (tragen Sie dazu den Wert 100 ein) oder machenSie Ihre Kunden auf die weiteren Artikel neugierig und tragen z.B. den Wert 50 ein. So fährt die Produkt Navigation nur zur Hälfte aus.

11.Linien Einstellungen

Sollten Sie die obere und unterer Linie aktivieren so werden diese in allen Viewport Ansichten beim Aufklappen dargestellt. Die Linien können für die Desktopansicht gesondert abgeschaltet werden. Diese Linien sollen im Mobilen Bereich helfen die Navigationzu verdeutlichen falls die Farben zu ähnlich sind.

12.Grafische Einstellungen

Mit dieser Option kann man dem ausfahrbaren Thumbnail eine Hintergrundfarbe definieren. Diese Hintergrundfarbe ist nützlich, wenn Ihre Produktbilder freigestellt sind. Ein schöner Effekt kann erzeugt werden, wenn man diesen Hintergrund einen Transparenz Wert vergibt. Mit der Hintergrundfarbe der Navigation können die Buttons angepasst werden. Auch hier kann man mit Transparenz Werten optisch ansprechende Ansichten schaffen. Sehr ansprechend kommt diese Funktion zum Einsatz, wenn Sie im Shop ein Hintergrundbild eingesetzt haben sollten.

Hier empfehlen wir Ihnen unser Plugin „Erweiterter Hintergrund Editor“mit dem man sehr schnell weitere optisch Ansprechende Ansichten erzeugen kann.

13.Weitere Einstellungen

Mit dem Z-Index können Sie das Plugin in höhere Ebene verlagern sollte ein anders Plugin oder eine Shopware Einstellung über der Navigation ungewünscht darüber liegen.