evoSLIDER

Last updated 2 months ago

Modulbeschreibung

Mit dem evoSLIDER Modul ist es endlich möglich, schnell und einfach Slider für Ihren OXID eShop zu erstellen und zu verwalten.

Sie können beliebig viele individuelle Slider erstellen und diese auf der Startseite oder auf jeder anderen Unterseite einbinden.

Das Anlegen eines Sliders erfolgt in wenigen Minuten: Sie wählen einfach die Bilder aus, die angezeigt werden sollen und verlinken gegebenenfalls noch auf einen bestimmten Artikel, eine Kategorie oder eine URL. Mit dem eingebauten WYSIWYG-Editor können Sie jedem Slide noch einen Text beifügen. Jetzt müssen Sie nur noch eine Animation wählen und schon ist es geschafft!

Bei der Entwicklung haben wir besonderen Wert auf eine intuitive und einfache Bedienung gelegt. Sie können beispielsweise die Reihenfolge der Bilder einfach per Drag & Drop festlegen. Standardmäßig wird ein von uns voreingestellter Slider mitgeliefert, an den Sie sich beim Anlegen orientieren können.

Das Einbinden des Sliders auf der Startseite erfolgt mit nur einem Klick in den Slider-Einstellungen. Falls Sie beispielsweise auf einer Kategorieseite einen Slider einbauen möchten, müssen Sie den entsprechenden Code im Template einbauen.

Das Modul ist erhältlich auf https://www.digidesk.de/produkte/evoslider/

Systemvoraussetzungen

Folgende Voraussetzungen müssen für die Verwendung des Moduls erfüllt sein:

Installation

Ab OXID 6

  1. Falls noch nicht geschehen, laden Sie bitte zunächst das digidesk Basis-Modul herunter und installieren Sie es gemäß der enthaltenen Installationsanleitung. Sie erhalten dieses unter: https://www.digidesk.de/produkte/basis-modul

  2. Für dieses Modul erstellen Sie nun einen weiteren Unterordner "evoslider" im Ordner "packages/digidesk", in den die heruntergeladene Zip-Datei entpackt wird.

  3. Führen Sie anschließend folgende Befehle aus dem Hauptverzeichnis des Shopsystems aus:

    • Produktivsystem: composer require --update-no-dev digidesk/evoslider

    • Testsystem/Entwicklungssystem: composer require digidesk/evoslider

  4. Nun kann das Modul im OXID eShop Admin aktiviert werden

  5. Ggf. Tmp-Verzeichnis leeren und Views neu generieren

Bis OXID 5.3.x/4.10.x

Basis-Modul

  1. Prüfen Sie vorab, ob bereits ein Basis-Modul installiert ist und wenn ja, welche Version installiert ist

  2. Prüfen Sie anschließend die Version des Bais-Moduls im Modulpaket unter modules/digidesk/dd_base/metadata.php

  3. Ist das Basis-Modul bereits installiert und ist die Version älter als die Version im Modulpaket überspringen Sie den 4. Schritt

  4. Löschen Sie den Ordner dd_base aus dem Modulpaket unter modules/digidesk/

evoSLIDER

  1. Laden Sie alle Dateien aus dem Modulpaket via FTP/SFTP in Ihr Shop-Hauptverzeichnis hoch.

  2. Navigieren Sie im OXID eShop Admin zu Erweiterungen > Module.

  3. Deaktivieren Sie das Modul "Basis-Modul", falls vorhanden

  4. Aktivieren Sie das Modul "Basis-Modul"

  5. Aktivieren Sie das Modul "evoSLIDER"

  6. Navigieren Sie im OXID eShop Admin zu Service > Tools.

  7. Aktualisieren Sie die VIEWS

  8. Leeren Sie das Tmp-Verzeichnis des Shops

Update

Ab OXID 6

  1. Entpacken Sie die neue Modulversion in den Ordner "packages/digidesk/evoslider"

  2. Deaktivieren Sie das Modul im OXID eShop Admin

  3. Führen Sie anschließend folgende Befehle aus dem Hauptverzeichnis des Shopsystems aus:

    • Produktivsystem: composer update --no-dev digidesk/evoslider

    • Testsystem/Entwicklungssystem: composer update digidesk/evoslider

Bis OXID 5.3.x/4.10.x

Wenn Sie das Modul bereits installiert haben, gehen Sie bei einem Update bitte folgendermaßen vor:

  1. Navigieren Sie im OXID eShop Admin zu Erweiterungen > Module.

  2. Deaktivieren Sie das Modul "Basis-Modul"

  3. Deaktivieren Sie das Modul "evoSLIDER"

  4. Überprüfen Sie die Basis-Modul Version (s. Abschnitt "Basis-Modul")

  5. Laden Sie alle Dateien aus dem Modulpaket via FTP/SFTP in Ihr Shop-Hauptverzeichnis hoch.

  6. Aktivieren Sie das Modul "Basis-Modul" wieder

  7. Aktivieren Sie das Modul "evoSLIDER" wieder

  8. Navigieren Sie im OXID eShop Admin zu Service > Tools.

  9. Aktualisieren Sie die VIEWS

  10. Leeren Sie das Tmp-Verzeichnis des Shops

Funktionsbeschreibung

Slider erstellen

  1. Auf die graue Schaltfläche "Slider hinzufügen" klicken

  2. Es öffnet sich ein Fenster mit geöffneten Reiter "Allgemeine Einstellungen"

  3. Hier können Sie Informationen in das Formular eintragen (Name, Animation usw.)

  4. Mit der Einstellung "Promoslider überschreiben" legen Sie fest, ob der neue Slider den Standard Promoslider überschreiben soll (meist der Slider auf der Startseite)

  5. Wechseln Sie zu "Designeinstellungen" um noch kleinere Änderungen vorzunehmen

  6. Zum Beispiel können Sie einstellen, ob der Slider auf bestimmten Bildschirmgrößen deaktiviert wird

  7. Anschließend auf "Speichern" klicken

Einzelne Slides erstellen

  1. Mit der Maus über einen Slider fahren und das Bearbeitungs-Symbol (Stift-Symbol) klicken

  2. Auf die graue Schaltfläche "Slide hinzufügen" klicken

  3. Es können weitere Informationen zum Slide in das Formular eintragen werden

  4. Im Kartenreiter kann ein Text Overlay festgelegt werden

  5. "Speichern" klicken

Slides sortieren

  1. Slide per "Drag & Drop" an die gewünschte Stelle schieben

Integration

Als Promoslider

Mit der Einstellung "Promoslider überschreiben" legen sie fest, ob der neue Slider den Standard Promoslider überschreiben soll (meist der Slider auf der Startseite)

Im Visual Editor / Visual CMS

Das Modul beinhaltet ein Widget für den Visual Editor bzw. Visual CMS, damit Sie die erstellten Slider mit wenig Klicks an der gewünschten Stelle platzieren können.

Drücken Sie zunächst auf das "Plus-Symbol". Es öffnet sich das Fenster "Widget", wo Sie unterschiedliche Kategorien aussuchen können. Klicken Sie auf "Slider" und dort können Sie weitere Einstellungen vornehmen.

Visual CMS Menü
Widget Fenster
Slider-Widget

Theme-Integration

Slider können auch direkt im Theme per Smarty-Tag eingebunden werden:

[{ddslider ident="myslider"}]

Alternativ kann auch der als Promoslider markierte Slider eingebunden werden:

[{ddslider promoslider=1}]

Hilfe & Support

Haben Sie Fragen oder benötigen Sie Hilfe bei der Installation? Gerne bieten wir Ihnen auch einen Installationsservice an. Kontaktieren Sie uns einfach über eine der unten stehenden Adressen.