Galeriezoom (Zoomfunktion für Artikelbilder)

Inhalt

1. Wozu dient das Plugin "Galeriezoom (Zoomfunktion für Artikelbilder)"

Es gibt viele gute Gründe, warum Onlineshop-Besucher die Produkte vor dem Kauf möglichst genau unter die Lupe nehmen möchten: aufregende Details, Stoffstrukturen sowie Produktbeschaffenheit, andere Produkteigenschaften und natürlich die Qualität.

Hochwertige und ausreichend große Produktbilder schaffen evtl. auftretende Unklarheiten/Unsicherheiten vorab aus dem Weg und untermauern im Idealfall die Kaufentscheidung

2. Was kann das Plugin "Galeriezoom (Zoomfunktion für Artikelbilder)"

Das knowmates-Plugin „Galeriezoom“ ist exklusiv für das Shopsystem JTL-Shop entwickelt. Es zeigt das ausgewählte Produktbild auf der Produktdetailseite beim Überfahren mit der Maus durch eine Zoom-Funktion vergrößert an. Die Zoom-Funktion ist neben dem Artikelbild darstellbar, auch eine Überlagerung des Artikelbildes ist möglich (siehe Abbildungen 1 und 2).

Abbildung 1: „Galeriezoom“-Funktion im Frontend eines JTL-Shops (neben Artikelbild)

Abbildung 2: „Galeriezoom“-Funktion im Frontend eines JTL-Shops (Überlagerung Artikelbild)

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 "Galeriezoom (Zoomfunktion für Artikelbilder)" einrichten

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

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

Abbildung 3: Benutzeroberfläche vom Plugin „Galeriezoom“

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 „Galeriezoom“.

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

Abbildung 4: Reiter „Einstellungen“

  • Plugin-Status: Anzeige im Shop-Frontend aktivieren/deaktivieren
  • Darstellung: Zoom-Funktion-Fenster neben dem Artikelbild anzeigen oder Artikelbild überlagern
  • Hintergrundfarbe des Vergrößerungsbereichs: Farbe für Hintergrund des Zoom-Funktion-Bereiches festlegen
  • Rahmenfarbe des Vergrößerungsbereichs: Farbe für Rahmen des Zoom-Funktion- Bereiches festlegen
  • Schattengröße des Vergrößerungsbereichs in Pixel: Stärke des Schattens für den Zoom-Funktion-Bereich festlegen

Hinweis: Durch eine Anpassung der Pixelzahl im JTL-Shop-Backend unter „Einstellungen“ > „Bilder“ erhöhst Du die Vergrößerung der Bilder (siehe Abbildung 5 auf Folgeseite). Die Artikelbilder müssen hierfür in der JTL-Wawi ausreichend groß hinterlegt sein.

Abbildung 5: Bildgrößen im JTL-Shop-Backend

Die Einstellung „Container-Größe verwenden“ (weiter unten zu finden) sollte auf „Nein“ stehen (siehe Abbildung 6). Dies kann andernfalls zu Problemen führen, wenn die Artikelbilder in JTL-Wawi kleiner hinterlegt sind als im Bereich „Bildgrößen“ angegeben (siehe Abbildung 5).

Abbildung 6: Einstellung „Container-Größe verwenden“ im JTL-Shop-Backend

Der Reiter „Lizenz“ beinhaltet folgende Optionen (siehe Abbildungen 7 & 8):

Abbildung 7: 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 8: 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 9):

Abbildung 9: 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.