Herzlichen Glückwunsch zu Ihrem neuen Shopware 6 Plugin

Installations- und Bedienungsanleitung

Version 1.0.0

Eigenschaften

Konfiguration des Plugins

Das Plugin stellt Frontend-Funktionen, welche das Shopsystem von Haus aus nicht besitzt zur Verfügung. Die Einstellbaren Parameter finden Sie in den Kategorie-Einstellungen einer einzelnen Kategorie unter der Headline "Freitextfelder". Navigieren Sie hierzu im Shopware Backend nach Artikel -> Kategorien -> gew. Kategorie im Baum auswählen.

Einstellung Erklärung Standard Wert
Text-Farbe (z.B. #ea1717) Leer lassen für Default-Farbe oder gewünschte Hex-Farbe wie z.B. #ea1717 hinterlegen null / leer
Hintergrund-Farbe (z.B. #000000) Leer lassen für Default-Farbe oder gewünschte Hex-Farbe wie z.B. #000000 hinterlegen null / leer
Ignoriere aktives Element Ist diese Option gesetzt, werden bei aktiven Navigationselementen keine Farbwerte gesetzt - Dies eignet sich bei Farb-Überschneidungen null / leer
Nur für Hauptnavigation anwenden Ist diese Option gesetzt, wird die Farbeinstellung nur auf das Hauptmenü übertragen. Die Side-Navigation, Mobile Navigation und Unterpunkte des erweiterten Menüs bleiben unberührt null / leer
Hintergrund Verbesserungen aktivieren Ist diese Option gesetzt, werden Abstände optimiert, welches vor allem im Standard-Theme für eine bessere Darstellung sorgt null / leer

Hinweis zu den Hex-Farbcodes: Farbcodes können mit Hilfe eines Color-Pickers wie z.B. unter https://www.google.com/search?q=color+picker generiert werden

Text-Farbe von einem Navigationselement einstellen

Frontend

Textcolor

Backend

Textcolor

Färben Sie die Text-Farbe eines oder von mehreren Navigationselementen nach gewünschtem Empfinden ein.

Text-Farbe ändern

  1. Navigieren Sie im Shop-Backend nach Kataloge -> Kategorien -> gew. Kategorie im Baum auswählen
  2. Scrollen Sie runter bis zum Bereich Zusatzfelder
  3. Suchen Sie sich mit Ihrem gewünschten Color-Picker eine Hex-Farbe im Format #?????? heraus. Ein Beispiel hierzu wäre #ea1717
  4. Fügen Sie diesen Hex-Code unter Text-Farbe (z.B. #ea1717) ein
  5. Speichern Sie die Kategorie mit dem Klick auf Speichern oben rechts
  6. Bei aktivem Cache kann die Änderung verzögert im Frontend erscheinen
  7. Ihr gew. Navigations-Element sollte nun eine andere Farbe erhalten haben

Hintergrund-Farbe von einem Navigationselement einstellen

Frontend

Background

Backend

Background

Färben Sie die Hintergrund-Farbe eines oder von mehreren Navigationselementen nach gewünschtem Empfinden ein.

Hintergrund-Farbe ändern

  1. Navigieren Sie im Shop-Backend nach Kataloge -> Kategorien -> gew. Kategorie im Baum auswählen
  2. Scrollen Sie runter bis zum Bereich Zusatzfelder
  3. Suchen Sie sich mit Ihrem gewünschten Color-Picker eine Hex-Farbe im Format #?????? heraus. Ein Beispiel hierzu wäre #000000
  4. Fügen Sie diesen Hex-Code unter Hintergrund-Farbe (z.B. #000000) ein
  5. Speichern Sie die Kategorie mit dem Klick auf Speichern oben rechts
  6. Bei aktivem Cache kann die Änderung verzögert im Frontend erscheinen
  7. Ihr gew. Navigations-Element sollte nun eine andere Hintergrund-Farbe erhalten haben

Funktion "Ignoriere aktives Element"

Backend

Ignorecolor

Bei Farb-Konflikten können Sie jederzeit die Option "Ignoriere aktives Element" auswählen. Diese Option sorgt dafür, dass die Farbe bei einem aktiven Element nicht gesetzt wird. Dieses Problem kann bestehen, wenn Sie Ihr Navigations-Element in der Text-Farbe so ähnlich eingefärbt haben wie der Hintergrund eines aktiven Elementes.

Ignoriere aktives Element einstellen

  1. Navigieren Sie im Shop-Backend nach Kataloge -> Kategorien -> gew. Kategorie im Baum auswählen
  2. Scrollen Sie runter bis zum Bereich Zusatzfelder
  3. Aktivieren Sie die Checkbox unter Ignoriere aktives Element
  4. Speichern Sie die Kategorie mit dem Klick auf Speichern oben rechts
  5. Bei aktivem Cache kann die Änderung verzögert im Frontend erscheinen
  6. Ihr gew. Navigations-Element sollte nun die Text-Farbtöne des Themes beibehalten, sofern das Element aktiv ist

Funktion "Nur für Hauptnavigation anwenden"

Backend

Ignorecolor

Nur für Hauptnavigation anwenden

  1. Navigieren Sie im Shop-Backend nach Kataloge -> Kategorien -> gew. Kategorie im Baum auswählen
  2. Scrollen Sie runter bis zum Bereich Zusatzfelder
  3. Aktivieren Sie die Checkbox unter Nur für Hauptnavigation anwenden
  4. Speichern Sie die Kategorie mit dem Klick auf Speichern oben rechts
  5. Bei aktivem Cache kann die Änderung verzögert im Frontend erscheinen
  6. Ihr gew. Navigations-Element sollte nun nur noch in der Hauptnavigation eingefärbt sein

Shopware 6 Zusatzoption "Hintergrund Verbesserungen aktivieren"

Um die Hintergrund-Farb-Darstellung im Standard bzw. auch einigen Drittanbieter Templates zu optimieren, haben wir diese Funktion in Shopware 6 eingeführt. Ist diese Option gesetzt, werden Abstände optimiert, welches vor allem im Standard-Theme für eine bessere Darstellung sorgt

Hintergrund Verbesserungen aktivieren

  1. Navigieren Sie im Shop-Backend nach Kataloge -> Kategorien -> gew. Kategorie im Baum auswählen
  2. Scrollen Sie runter bis zum Bereich Zusatzfelder
  3. Aktivieren Sie die Checkbox unter Hintergrund Verbesserungen aktivieren
  4. Speichern Sie die Kategorie mit dem Klick auf Speichern oben rechts
  5. Bei aktivem Cache kann die Änderung verzögert im Frontend erscheinen
  6. Ihr gew. Navigations-Element sollte nun nur noch in der Hauptnavigation eingefärbt sein

Hinweise / Vermerke

Wir wünschen Ihnen mit Ihrem neuen Plugin viel Freude und Erfolg!

Bei Fragen oder Anpassungswünschen stehen wir Ihnen gerne weiterhin zur Verfügung. Schreiben Sie uns bitte eine E-Mail an: info@8works.de oder rufen Sie uns unter +49 (0) 201 2988 588 an.

Unsere Bürozeiten: Mo-Do von 08:00 – 16:30 Uhr. Freitags von 08:00 bis 14:30 Uhr

Ihr 8works Team