Kategorietext Anzeige Plus (Kategorietexte aufsplitten und positionieren)

Inhalt

1. Wozu dient das Plugin "Kategorietext Anzeige Plus (Kategorietexte aufsplitten und positionieren)"

Der JTL-Shop 5 zeigt in der JTL-Wawi hinterlegte Kategorietexte auf den Kategorieseiten automatisch über der Produktliste an. Durch recht lange Kategorietexte verschwindet die Quintessenz der Kategorieseite, nämlich die Produkte selbst, aus dem für den Nutzer sofort sichtbaren Bereich. Diese haben in den seltensten Fällen Lust, zunächst einen langen Text zu lesen bzw. erst lange Scrollen zu müssen, um zur Produktübersicht zu gelangen. Auch für den Händler ist das nicht (immer) förderlich, schließlich ist das Ziel der Verkauf von Produkten.

2. Was kann das Plugin "Kategorietext Anzeige Plus (Kategorietexte aufsplitten und positionieren)"

Das knowmates-Plugin „Kategorietext Anzeige Plus“ ist exklusiv für das Shopsystem JTL-Shop entwickelt. Es ermöglicht die individuelle Positionierung der Kategorietexte über der Produktliste, unter Produktliste oder sowohl als auch (siehe Abbildung 1):

Abbildung 1: „Kategorietext Anzeige Plus“ – Positionen im Frontend eines JTL-Shops

 

3. Systemvoraussetzungen

  • JTL-Shop 5.2, 5.3
  • PHP 8.1, PHP 8.2
  • Template NOVA
  • ionCube Loader in der aktuellsten Version

4. Installation im JTL-Shop

Für Deinen JTL-Shop 5 beziehst Du Plugins über den JTL-Extension Store. Um auf Inhalte des JTL-Extension Stores zugreifen zu können, musst Du zunächst Dein JTL-Konto mit Deinem JTL-Shop 5 verknüpfen. Dies wird normalerweise beim Installationsprozess des Shops bereits abgefragt.

So verknüpfst Du Dein JTL-Konto mit Deinem JTL-Shop 5:

  1. Logge Dich im JTL-Shop-Backend ein.
  2. Navigiere im Menü zu „PLUGINS“ > „Meine Käufe“.
  3. Klicke auf „Konto verknüpfen“.
  4. Logge Dich mit Deinen JTL-Daten ein.
  5. Anschließend siehst Du in „PLUGINS“ > „Meine Käufe“ die Übersicht zu Deinen Lizenzen und Subscriptions.

So buchst Du eine Extension für JTL-Shop 5:

  1. Rufe den JTL-Extension Store auf.
  2. Suche nach dem gewünschten Plugin.
  3. Wähle das Plugin aus und klicke auf „Jetzt auschecken“.
  4. Klicke im folgenden Fenster auf „Anmelden“ und melde Dich mit Deinem zentralen JTL-Login an.
  5. Klicke im JTL-Checkout auf „Jetzt bestellen“, um die Bestellung abzuschließen.
  6. Rufe Dein JTL-Shop-Backend auf. Unter „PLUGINS“ > „Meine Käufe“ befindet sich jetzt im Bereich „Ungebundene Lizenzen“ Deine eben erworbene Lizenz.
  7. Nun ordnest Du das Plugin Deinem Shop zu. Klicke dafür auf „An diesen Onlineshop“ anbinden.
  8. Anschließend findest Du die Lizenz im Bereich „Gebundene Lizenzen“ und die Schaltfläche „Installieren“ steht zur Verfügung. Nach der Installation kannst Du das Plugin im Menü unter „PLUGINS“ > „Plugin-Manager“ in der Registerkarte „Aktiviert“ konfigurieren.

5. Plugin "Kategorietext Anzeige Plus (Kategorietexte aufsplitten und positionieren)" einrichten

Rufe das Konfigurationsmenü entweder unter „Plugin-Manager“ > „Aktiviert“ über das entsprechende Zahnrad-Icon auf der rechten Seite oder direkt über „Installierte Plugins“ > „Kategorietext Anzeige Plus“ auf.

Du siehst nun die Plugin-Benutzeroberfläche (siehe Abbildung 2).

Abbildung 2: Benutzeroberfläche vom Plugin „Kategorietext Anzeige Plus“

Oben rechts befindet sich ein Switch, mit welchem Du zwischen dunklem und hellem Design wechselst.

Triff nun die gewünschten Einstellungen für das Plugin „Kategorietext Anzeige Plus“.

Der Reiter „Einstellungen“ beinhaltet folgende Optionen (siehe Abbildung 3):

Abbildung 3: Reiter „Einstellungen“

  • Plugin-Status: Anzeige im Shop-Frontend aktivieren/deaktivieren
  • Position der Kategorietexte: Mit dieser Option legen Sie fest, ob die Kategorietexte über den Produkten, unter den Produkten oder geteilt angezeigt werden sollen.
  • Bereichstrenner mind. 3 Zeichen („<“ und „>“ sind nicht erlaubt): Das Plugin erkennt anhand dieser Zeichenfolge, dass die Texte hier getrennt werden sollen. Voraussetzung hierfür ist, dass die (vorherige) Einstellung „Position der Kategorietexte“ auf „geteilt“ eingestellt ist. Beispiel: Angenommen es gibt drei Kategorien. In Kategorie A soll der Text geteilt sein,
    in Kategorie B soll der Text oben stehen und in Kategorie C soll der Text unten stehen:
    A: „Text oben ~|||~ Text unten“
    B: „Text oben ~|||~“
    C: „~|||~ Text unten“
  • CSS-Selektor für das Ziel-Element für den unteren Textabschnitt: Wenn Sie nicht das Standard-Template nutzen, legen Sie hier einen CSS-Selektor fest, über den das Plugin die Stelle findet, an der die unteren Inhalte eingefügt werden sollen.
  • CSS-Selektor für den zu verarbeitenden Text: Wenn Sie nicht das Standard-Template nutzen, legen Sie hier einen CSS-Selektor fest, über den das Plugin Ihre Texte findet. Der Selektor sollte eindeutig sein.
  • Höhe der Box über der Produktliste (z. B. 100px): Wenn die Textlänge über der Produktliste begrenzt werden soll und der weitere Text über einen „mehr lesen“- Button aufgeklickt  werden soll, geben Sie hier eine maximale Höhe inkl. Einheit an. Bleibt dieses Feld leer, werden die Inhalte nicht begrenzt und der „mehr lesen“-Button wird nicht angezeigt.
  • unterer Abstand der Box über der Produktliste (z. B. 30px): Wählen Sie hier den Abstand, den die Box über der Produktliste nach unten haben soll.
  • Mindestlänge des Textes über der Produktliste: Geben Sie hier die Zeichenanzahl an, die der Textteil über der Produktliste haben soll, damit ein Teil von ihm abgeschnitten wird.
  • Höhe der Box unter der Produktliste (z. B. 120px): Wenn die Textlänge unter der Produktliste begrenzt werden soll und der weitere Text über einen „mehr lesen“-Button aufgeklickt werden soll, geben Sie hier eine maximale Höhe inkl. Einheit an. Bleibt dieses Feld leer, werden die Inhalte nicht begrenzt und der „mehr lesen“-Button wird nicht angezeigt.
  • oberer Abstand der Box unter der Produktliste (z. B. 50px): Wählen Sie hier den Abstand, den die Box unter der Produktliste nach oben haben soll.
  • Mindestlänge des Textes unter der Produktliste: Geben Sie hier die Zeichenanzahl an, die der Textteil unter der Produktliste haben soll, damit ein Teil von ihm abgeschnitten wird.
  • Endfarbe der Transparenz im Button „mehr lesen“: Werden die Texte eingekürzt, wird am Ende des Textbereiches ein Button angezeigt. Dieser ist anfangs transparent und mündet in der hier angegebenen Farbe. Ist dieser Effekt nicht gewünscht, können Sie hier eine Volltransparenz angeben bzw. wählen, also z. B. „rgb(0,0,0,0)“.
  • Farbe des Buttons „mehr lesen“: Werden die Texte eingekürzt, wird am Ende des Textbereiches ein Button angezeigt. Hier legen Sie dessen Schriftfarbe fest.

Hinweis: Den Button-Text „mehr lesen“ können Sie über Ihr JTL-Shop-Backend > System > Globale Einstellungen > Sprachverwaltung anpassen. Suchen Sie hier nach „knm_cat_text_read_more“, klicken Sie auf das Plus-Icon zum Bearbeiten und Hinterlegen Sie den gewünschten Text im Feld „Deutsch“. Speichern bitte nicht vergessen!

Der Reiter „Lizenz“ beinhaltet folgende Optionen (siehe Abbildungen 4 & 5):

Abbildung 4: Reiter „Lizenz“ – keine gültige Lizenz vorhanden

  • Lizenz abfragen: Beim Kauf wird für die angegebene Domain eine Lizenz auf dem Lizenz-Server angelegt. Über den Button wird auf diesem geprüft, ob für Deine Domain eine Lizenz des Plugins vorliegt, und welche Art von Lizenz es ist.
  • Plugin für 14 Tage testen: Fordere eine Testphase von 14 Tagen an. Nach diesen 14 Tagen läuft die Test-Lizenz ab.
  • Lizenz kaufen: Eine vollwertige Lizenz über 12 Monate ist im JTL-Extension Store zu erwerben. Hier kannst Du Deine Lizenz auch um 12 oder 24 Monate verlängern.

Abbildung 5: Reiter „Lizenz“ – gültige Lizenz vorhanden

  • Lizenz abfragen: Beim Kauf wird für die angegebene Domain eine Lizenz auf dem Lizenz-Server angelegt. Über den Button wird auf diesem geprüft, ob für Deine Domain eine Lizenz des Plugins vorliegt, und welche Art von Lizenz es ist.
  • Lizenz verlängern: Eine vollwertige Lizenz über 12 Monate ist im JTL-Extension Store zu erwerben. Hier kannst Du Deine Lizenz auch um 12 oder 24 Monate verlängern.

Der Reiter „Über“ beinhaltet folgende Informationen (siehe Abbildung 6):

Abbildung 6: Reiter „Über“ (Versionsnummer exemplarisch)

Im Reiter „Über“ findest Du Informationen zur Plugin-Version, PHP-Version, IonCube-Version, zum Plugin-Autor sowie die (Shop)-Webseite des Autors als auch zwei Buttons, über den Du das Plugin Log leerst bzw. öffnest.