# Zubehör Slider im modalen Warenkorb

{% embed url="<https://www.youtube.com/watch?t=3s&v=SdBDHSdJ38A>" %}

### Installation <a href="#installation" id="installation"></a>

Sie können das Plugin über den Shopware Community Store erwerben. Das Plugin wird wie ein ganz gewöhnliches Plugin installiert.&#x20;

{% embed url="<http://store.shopware.com/cbax553261731581/zubehoer-slider-im-modalen-warenkorb-shopware-5.html>" %}
Plugin über den Shopware Community Store erwerben
{% endembed %}

Nach der Installation des Plugins öffnet sich die Konfigurationsmaske des Plugins.

### Die Einstellungen des Plugins <a href="#plugin_einstellungen" id="plugin_einstellungen"></a>

Nach der erfolgreichen Installation des Plugins können Sie in der Konfigurationsmaske die Einstellungen vornehmen und weitere Parameter ergänzen.

<figure><img src="https://857504323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIjmVDBFtwlXBYXSv10K6%2Fuploads%2FZCTQTON7kvRwWNOxnk8n%2FSW-Zubeh%C3%B6rModalerWarenkorb-01.jpg?alt=media&#x26;token=12f0db06-7e56-47ae-aed4-31997b4784ae" alt="" width="350"><figcaption></figcaption></figure>

| Feldname             | Bedeutung                                                                                                                                                             |
| -------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Aktiv                | Das Plugin für den jeweiligen Shop aktivieren oder deaktivieren                                                                                                       |
| Nur Zubehör anzeigen | Bei Aktivierung wird nur das jeweilige Zubehör angezeigt, ansonsten werden die fehlenden Artikel aus "Kunden kauften auch" und "Kunden haben auch gesehen" aufgefüllt |
| Maximum Artikel      | Die maximale Anzahl der Artikel im Slider                                                                                                                             |

### Die Einstellungen im Theme Manager <a href="#theme_manager_einstellungen" id="theme_manager_einstellungen"></a>

Um die Funktion einzuschalten, muss der Offcanvas Warenkorb deaktiviert werden.

<figure><img src="https://857504323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIjmVDBFtwlXBYXSv10K6%2Fuploads%2FOAcsEvWeycdqAXc3OF34%2FSW-Zubeh%C3%B6rModalerWarenkorb-02.jpg?alt=media&#x26;token=9684d536-6cd4-4b24-b7c1-4b0b4e3594a9" alt="" width="375"><figcaption></figcaption></figure>

Um in diese Einstellung zu gelangen, klicken sie einfach auf Einstellungen > Theme Manager > dann Ihr eigenes Theme wählen > unten rechts auf Theme konfigurieren > oben auf den Reiter Konfiguration.

### Reihenfolge der Artikel im Slider <a href="#reihenfolge" id="reihenfolge"></a>

Als erstes werden die Zubehör Artikel angezeigt. Ist kein Zubehör zugeordnet, dann werden Artikel aus "Kunden kauften auch" angezeigt. Gibt es auch diese Artikel nicht, dann werden Artikel aus "Kunden haben auch gesehen" angezeigt.

### Responsive - Desktop, Tablet, Smartphone <a href="#responsive" id="responsive"></a>

Die Anzeige des Zubehör Slider im modalen Warenkorb (beim Klick auf "In den Warenkorb" auf der Detailseite). Dargestellt auf den verschiedenen Endgeräten.

<div><figure><img src="https://857504323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIjmVDBFtwlXBYXSv10K6%2Fuploads%2FbCb1nzU562K4qNvc4KMv%2FSW-Zubeh%C3%B6rModalerWarenkorb-03.jpg?alt=media&#x26;token=f55465eb-9cc2-46f3-92b9-d6ef71f7784b" alt=""><figcaption></figcaption></figure> <figure><img src="https://857504323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIjmVDBFtwlXBYXSv10K6%2Fuploads%2FsKs3EO3Yh1fwaFXfFlui%2FSW-Zubeh%C3%B6rModalerWarenkorb-04.jpg?alt=media&#x26;token=1056d407-92e3-4ffe-a5c5-1792c7a9f391" alt=""><figcaption></figcaption></figure> <figure><img src="https://857504323-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIjmVDBFtwlXBYXSv10K6%2Fuploads%2FOaENpj6SUE9CYoDdKlUa%2FSW-Zubeh%C3%B6rModalerWarenkorb-05.jpg?alt=media&#x26;token=216953a3-38ba-4ee8-bfd3-0289998ba0dc" alt=""><figcaption></figcaption></figure></div>