Kategoriebilder & Attribute

Kategoriebilder & Attribute

Bannerbilder:



  1. Bannerbild per „ftp“ in folgendes Unterverzeichnis des Shops hochladen: '/bilder/kategorien/banner/'
    Das Verzeichnis: '/bilder/kategorien' sollte bereits existieren somit muss nur noch das Unterverzeichnis 'banner' angelegt werden.

  2. In der Wawi unter Artikel-> Attribute->Bereich: Kategorien (nicht Artikel) das Funktionsattribut (kein normales Attribut): 'category_banner_image' mit Freitext erstellen.

  3. Das Attribut unten rechts für den gewünschten Shop aktivieren.

  4. Die betreffende Kategorie im Stammbaum per Doppelklick oder Rechtsklick Menü bearbeiten und den Reiter Attribute öffnen.

  5. Funktionsattribut der Kategorie zuweisen und den kompletten Bildnamen mit Dateiendung im Freitextfeld eintragen (zB: Bannerbild_Test.jpg).

  6. Shopabgleich durchführen


Wir empfehlen eine Breite von 1920px und eine Höhe von 467px.

Zusätzliche Attribute zur Anpassung der Bannerbild-Positionierung und der Textfarbe:
Erst ab Version 1.15 verfügbar!

'banner_image_pos':
Für die horizontale und vertikale Ausrichtung. Wenn auf kleineren Displays das Bild links und rechts normalerweise abgeschnitten wird, dann kann man einstellen, dass eine Seite immer ganz sichtbar bleiben soll, oder der Focus auf einen bestimmten Bildbereich gelegt werden soll.

Standardwert: 'center center'

Die Einstellung funktioniert wie die background-position CSS Einstellung

Mit 'left top' können Sie zum Beispiel bewirken, dass das Bild immer an der linken und der oberen Kante ausgerichtet wird.
Es können auch Prozentwerte verwendet werden wie '25% 75%', um den Fokus beim beschnittenen Bild genauer zu bestimmen, jedoch sind diese nicht mit der Parallax Funktion des Kategoriebanners kompatibel. 

'banner_text_color':

Einstellung für die Textfarbe der Überschrift. Es können CSS Farbangaben verwendet werden.

Zum Beispiel: #222 oder rgba(20,20,20, 0.75).

'banner_alignment':

Hier kann die Textpositionierung der Überschrift im Banner beeinflusst werden.

Es kann 'links' oder 'rechts' eingetragen werden.

Die Überschrift wird dann in der jeweiligen Hälfte des Bildes horizontal zentriert.
Die Mobilansicht wird von der Einstellung nicht verändert.




Kategorie Dropdownbild:


  1. Dropdownbild per „ftp“ in folgendes Unterverzeichnis des Shops hochladen: '/bilder/kategorien/dropdowns/'
    Das Verzeichnis: '/bilder/kategorien' sollte bereits existieren somit muss nur noch das Unterverzeichnis 'dropdowns' angelegt werden

  2. In der Wawi unter Artikel-> Attribute->Bereich: Kategorien (nicht Artikel) das Funktionsattribut (kein normales Attribut): 'category_dropdown_image' mit Freitext erstellen

  3. Analog dazu ebenfalls das Funktionsattribut: 'category_dropdown_padding' mit Freitext erstellen

  4. Beide Attribute unten rechts für den gewünschten Shop aktivieren.

  5. Die betreffende Kategorie im Stammbaum per Doppelklick oder Rechtsklickmenü bearbeiten und den Reiter Attribute öffnen.

  6. Funktionsattribut 'category_dropdown_image' der Kategorie zuweisen und den kompletten Bildnamen mit Dateiendung im Freitextfeld eintragen (zB: Dropdownbild_Test.jpg).

  7. Funktionsattribut 'category_dropdown_padding' der Kategorie zuweisen hier kann nun der Abstand des Bildes ausgehen vom linken Rand des Dropdownmenüs festgelegt werden.
    Wird kein Wert oder 0 angegeben ist der Standardwert 300.

  8. Shopabgleich durchführen







Kategorie Navbar Icon:


  1. Navbar Icon per „ftp“ in folgendes Unterverzeichnis des Shops hochladen: '/bilder/kategorien/icons/'
    Das Verzeichnis: '/bilder/kategorien' sollte bereits existieren, somit muss nur noch das Unterverzeichnis 'icons' angelegt werden

  2. In der Wawi unter Artikel-> Attribute->Bereich: Kategorien (nicht Artikel) das Funktionsattribut (kein normales Attribut): 'category_navbar_icon' mit Freitext erstellen.

  3. Das Attribut unten rechts für den gewünschten Shop aktivieren.

  4. Die betreffende Kategorie im Stammbaum per Doppelklick oder Rechtsklick Menü bearbeiten und den Reiter Attribute öffnen.

  5. Funktionsattribut 'category_navbar_icon' der Kategorie zuweisen und den kompletten Bildnamen mit Dateiendung im Freitextfeld eintragen (zB: Iconbild_Test.jpg).

  6. Sollte ein 2. Icon (z. B.: invertiert) für das Overlay benötigt werden, kann dies in die 2. Zeile des Freitextfeldes geschreiben werden.
    (ACHTUNG: wird ein 2. Icon aus dem Attribut gelöscht, bitte sicher gehen, dass kein leere Zeile vorhanden ist!)






Shopabgleich durchführen.




Kategorie Kurzbeschreibung für Dropdownmenü:




  1. In der Wawi unter Artikel-> Attribute -> Bereich: Kategorien (nicht Artikel) das Attribut: 'category_summary' mit Freitext erstellen.

  2. Das Attribut unten rechts für den gewünschten Shop aktivieren.

  3. VORSICHT! Kein Funktionsattribut verwenden, da verschiedene Sprachen nur im normalen Attribut hinterlegt werden können.

  4. Die betreffende Kategorie im Stammbaum per Doppelklick oder Rechtsklickmenü bearbeiten und den Reiter Attribute öffnen.

  5. Das Attribut 'category_summary' der Kategorie zuweisen und den gewünschten Kurzberschreibungstext einfügen.

  6. Shopabgleich durchführen.





Kategorien ausblenden:

Erst ab Version 1.15 Build 2 verfügbar

Mit diesem Attribut können Sie einzelne Wawi-Kategorien im Megamenü und auch auf der Überkategorieseite ausblenden. Das gilt sowohl für Überkategorien als auch Unter- und Unterunterkategorien.

  1. In der Wawi unter Artikel -> Attribute -> Bereich: Kategorien (nicht Artikel) das Funktionsattribut (kein normales Attribut): 'category_hide' mit Checkbox erstellen.

  2. Das Attribut unten rechts für den gewünschten Shop aktivieren.

  3. Die betreffende Kategorie im Stammbaum per Doppelklick oder Rechtsklickmenü bearbeiten und den Reiter Attribute öffnen.

  4. Das Attribut 'category_hide' der Kategorie zuweisen und die Checkbox aktivieren.

  5. Shopabgleich durchführen.





Kategorien mit anderer Url verlinken:

Erst ab Version 2.4.14 verfügbar

Mit diesem Attribut können Sie einzelne Wawi-Kategorien im Megamenü zu einer anderen Kategorie oder auch einer anderen Seite verlinken. Das gilt sowohl für Überkategorien als auch Unter- und Unterunterkategorien.

  1. In der Wawi unter Artikel -> Attribute -> Bereich: Kategorien (nicht Artikel) das Attribut (kein Funktionsattribut): 'category_seo_url' mit Freitext erstellen.

  2. Das Attribut unten rechts für den gewünschten Shop aktivieren.

  3. Die betreffende Kategorie im Stammbaum per Doppelklick oder Rechtsklickmenü bearbeiten und den Reiter Attribute öffnen.

  4. Das Attribut 'category_seo_url' der Kategorie zuweisen und den gewünschten Wert eingeben.

  5. Shopabgleich durchführen.





Eigene CSS Klassen für Kategorien:

Erst ab Version 1.15 Build 2 verfügbar

Mit diesem Attribut können Sie spezifischen Wawi-Kategorien eine eigene CSS-Klasse zuweisen, um diese ggf. unterschiedlich darzustellen.
Die CSS-Klassen werden sowohl im Megamenü als auch in Produktlistenseiten hinzugefügt. Das gilt sowohl für Überkategorien als auch Unter- und Unterunterkategorien.
  1. In der Wawi unter Artikel -> Attribute -> Bereich: Kategorien (nicht Artikel) das Funktionsattribut (kein normales Attribut): 'category_class' mit Freitext erstellen.
  2. Das Attribut unten rechts für den gewünschten Shop aktivieren.
  3. Die betreffende Kategorie im Stammbaum per Doppelklick oder Rechtsklickmenü bearbeiten und den Reiter Attribute öffnen.
  4. Das Funktionsattribut 'category_class' der Kategorie zuweisen und die gewünschte Klasse(n) im Textfeld angeben (Keine Punkt(.) vor die Klasse schreiben und mehrere Klassen mit einem Leerzeichen trennen). Shopabgleich durchführen.


Wir empfehlen für eine bessere Übersicht unter Artikel -> Attribute-> Bereich: Kategorien eine eigene Gruppe (z.B. admorrisPro) anzulegen.





    • Related Articles

    • Produktliste

      Sie finden die Produktlisten-Einstellungen in Ihrem JTL-Shop Backend unter: Installierte Plugins > admorris PRO > Layout & Design > Produktliste Die Produktliste ist einer der wichtigsten Teile Ihres Onlineshops, weshalb admorris Pro hier viele ...

    • Pro Slider

      Allgemein Verwenden Sie den Pro Slider um direkt unterhalb des Headermenüs beliebige Bilder oder Videos in einem Slider auf voller Breite anzeigen zu lassen. Es stehen verschieden Optionen zur Verfügung um die Darstellung an Ihre Wünsche anzupassen. ...

    • Perfomance Optimizations

      Images Below the fold Images from WaWi {responsiveImage src="{$image->cURLNormal}" srcset="{$image->cURLKlein} {$Einstellungen.bilder.bilder_artikel_klein_breite}w, {$image->cURLNormal} {$Einstellungen.bilder.bilder_artikel_normal_breite}w, ...

    • Bildgrößen

      Bildgrößen Hochformat Um Produktbilder im Frontend passend darzustellen, empfehlen wir im Backend unter Storefront > Bilder: Einstellungen folgende Einstellungen vorzunehmen. Bildgrößen Quadratisch Um Produktbilder im Frontend quadratisch passend ...

    • Versionsübersicht, Systemvoraussetzungen & Kompatibilität

      Wichtiger Hinweis zu JTL Shop 5.2: Für diese Shopversion ist unbedingt admorris Pro Version 2.4.18 erforderlich. Bitte beachten Sie die Anleitung für das Update: https://support.admorris.com/portal/de/kb/articles/jtl-shop-5-2-update-mit-admorris-pro ...