# Slider (Erweiterung)

## Modulbeschreibung

Mit dem **SLIDER** 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.

## 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

![](https://230327717-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MKjrA9gteXb9UDd1J4K%2F-MiezPhdC-Tvu1IRALPi%2F-MiezoSuJkFbdoHf9qPZ%2Fimage.png?alt=media\&token=9297289e-3918-4753-8066-591de1c544ef)

![](https://230327717-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MKjrA9gteXb9UDd1J4K%2F-MiezPhdC-Tvu1IRALPi%2F-MieztPQdyKKBYeZ_j41%2Fimage.png?alt=media\&token=7dbfec34-48e3-4fbc-bac5-f7ce4726f9af)

### Einzelne Slides erstellen

![](https://230327717-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MKjrA9gteXb9UDd1J4K%2F-MiezPhdC-Tvu1IRALPi%2F-MiezxSgsRNngMcm3yX6%2Fimage.png?alt=media\&token=b835b8d9-3098-4d88-be98-7d8b1a84675e)

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

![](https://230327717-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MKjrA9gteXb9UDd1J4K%2F-MiezPhdC-Tvu1IRALPi%2F-Mif--VG9Eu0gitE2Psb%2Fimage.png?alt=media\&token=a80926ab-5eb9-4fc7-9d3d-a6897cdbb485)

### Slides sortieren

![](https://230327717-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MKjrA9gteXb9UDd1J4K%2F-MiezPhdC-Tvu1IRALPi%2F-Mif-2O0MjgY_zFBlmtC%2Fimage.png?alt=media\&token=aeb59d8e-5c08-4d35-8053-64fafc80a015)

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.

![](https://230327717-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MKjrA9gteXb9UDd1J4K%2F-MiezPhdC-Tvu1IRALPi%2F-Mif-5s0xzRD9CalGFhO%2Fimage.png?alt=media\&token=4be71639-bc23-4f23-9312-2e1846f716fd)

![](https://230327717-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MKjrA9gteXb9UDd1J4K%2F-MiezPhdC-Tvu1IRALPi%2F-Mif-8uC5un3aQAwQyQA%2Fimage.png?alt=media\&token=cbb98715-d8c6-4b58-a6d2-7cf60876aa45)

![](https://230327717-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MKjrA9gteXb9UDd1J4K%2F-MiezPhdC-Tvu1IRALPi%2F-Mif-CNLGixPTePddOH-%2Fimage.png?alt=media\&token=1db931d0-9c4d-4528-a6ab-a448e667d049)

### 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}]
```

###
