# Artikel via Offcanvas in Warenkorb legen

**URL:** https://forum.shopware.com/t/artikel-via-offcanvas-in-warenkorb-legen/54187
**Category:** Programmierung
**Created:** [20. Juli 2018 um 10:49 UTC](https://forum.shopware.com/t/artikel-via-offcanvas-in-warenkorb-legen/54187 "2018-07-20T10:49:07Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Liverson](https://avatars.discourse-cdn.com/v4/letter/l/b19c9b/32.png) [@Liverson](https://forum.shopware.com/u/Liverson)
#### Post date: [20. Juli 2018 um 10:49 UTC](https://forum.shopware.com/t/artikel-via-offcanvas-in-warenkorb-legen/54187/1 "2018-07-20T10:49:07Z")

</div>

Hallo,

muss grade ein Plugin erstellen, dass eine Artieklübersicht in einem Modal-Window zeigt. Von dort aus soll man auch direkt Artikel in den Warenkorb legen können. Das klappt auch schon soweit, aber leider wechselt beim Klick auf den Button “In den Warenkorb” die Seite dann zum Warenkorb. Ich hätte dass gerne wie bei der Detailseiten nur der Offcanvas-Layer erscheint.

Hier mal der Teil der form, wie ichs jetzt im Plugin-Template hab:

```
                        {* Varianten Auswahl *}
                        {if $sArticle.sConfigurator}
                            
                                {foreach $sArticle.sConfigurator.values as $configValue}
                                    {assign var="configOptionArray" value=":"|explode:$configValue.optionname}
                                    {if !{config name=hideNoInStock}}
                                        
                                            {$configOptionArray.0}
                                        
                                    {/if}
                                {/foreach}
                            
                        {/if}

                        {* Mengenauswahl *}
                        {$maxQuantity=$sArticle.maxpurchase+1}
                        {if $sArticle.laststock && $sArticle.instock < $sArticle.maxpurchase}
                            {$maxQuantity=$sArticle.instock+1}
                        {/if}
                        
                            
                                {section name="i" start=$sArticle.minpurchase loop=$maxQuantity step=$sArticle.purchasesteps}
                                    {$smarty.section.i.index}{if $sArticle.packunit} {$sArticle.packunit}{/if}
                                {/section}
                            
                        

                        {* Preis *}
                        
                        {* Default price *}
                            
                            {if $sArticle.priceStartingFrom && !$sArticle.liveshoppingData}{s name='ListingBoxArticleStartsAt' namespace='frontend/listing/box_article'}{/s} {/if}
                                {$sArticle.price|currency}
                                {s name="Star" namespace="frontend/listing/box_article"}{/s}
                        

                            {* Discount price *}
                            {if $sArticle.has_pseudoprice}
                                
                                {s name="priceDiscountLabel" namespace="frontend/detail/data" namespace="frontend/listing/box_article"}{/s}
                                    {$sArticle.pseudoprice|currency} {s name="Star" namespace="frontend/listing/box_article"}{/s}
                                    {s name="priceDiscountInfo" namespace="frontend/detail/data"}{/s}
                            
                            {/if}

```

Hat jemand eine Idee, wie man das über den Offcanvas-Warenkorb laufen lässt?

Gruss

---

<div class="post-metadata">

### Author: ![BestShopPossible](https://avatars.discourse-cdn.com/v4/letter/b/6bbea6/32.png) [@BestShopPossible](https://forum.shopware.com/u/BestShopPossible)
#### Post date: [20. Juli 2018 um 12:10 UTC](https://forum.shopware.com/t/artikel-via-offcanvas-in-warenkorb-legen/54187/2 "2018-07-20T12:10:20Z")

</div>

Ist der Offcanvas-Warenkorb in den Theme-Einstellungen aktiviert?

&nbsp;

---

<div class="post-metadata">

### Author: ![Liverson](https://avatars.discourse-cdn.com/v4/letter/l/b19c9b/32.png) [@Liverson](https://forum.shopware.com/u/Liverson)
#### Post date: [20. Juli 2018 um 12:47 UTC](https://forum.shopware.com/t/artikel-via-offcanvas-in-warenkorb-legen/54187/3 "2018-07-20T12:47:44Z")

</div>

ja, er öffnet auch bei den Warenkorb-Adds von der Detailseite etc.

---

<div class="post-metadata">

### Author: ![Liverson](https://avatars.discourse-cdn.com/v4/letter/l/b19c9b/32.png) [@Liverson](https://forum.shopware.com/u/Liverson)
#### Post date: [20. Juli 2018 um 12:58 UTC](https://forum.shopware.com/t/artikel-via-offcanvas-in-warenkorb-legen/54187/4 "2018-07-20T12:58:29Z")

</div>

ich rufe die Ausgabe meines Plugins in einem Modal-Window auf, das via Ajax geladen wird. Im Modal funktioniert das in den Warenkorb mit Offcanvas nicht.

Wenn ich die Controller-Action mal testweise mit normaler Shopseite aufrufe geht der Artikel via Offcanvas in den Warenkorb.&nbsp;

Scheint also wegen dem Modal nicht zu gehen, kennt da jemand vielleicht einen Workaround?

---

<div class="post-metadata">

### Author: ![Liverson](https://avatars.discourse-cdn.com/v4/letter/l/b19c9b/32.png) [@Liverson](https://forum.shopware.com/u/Liverson)
#### Post date: [20. Juli 2018 um 13:24 UTC](https://forum.shopware.com/t/artikel-via-offcanvas-in-warenkorb-legen/54187/5 "2018-07-20T13:24:14Z")

</div>

Gelöst!

Falls es noch mal jemand braucht: Im Plugin-Template, das im Modal ausgebengen wird über den StateManager das jqueryPlugin registrieren

```
window.StateManager.addPlugin('*[data-add-article="true"]', 'swAddArticle');

```

&nbsp;