Artikel via Offcanvas in Warenkorb legen

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

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

 

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

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. 

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

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');