# Offcanvas Warenkorb deaktivieren und direkt in den Warenkorb springen

**URL:** <https://forum.shopware.com/t/offcanvas-warenkorb-deaktivieren-und-direkt-in-den-warenkorb-springen/89669>\
**Category:** Themes & Design\
**Created:** [9. August 2021 um 14:56 UTC](https://forum.shopware.com/t/offcanvas-warenkorb-deaktivieren-und-direkt-in-den-warenkorb-springen/89669 "2021-08-09T14:56:33Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![toco3](https://avatars.discourse-cdn.com/v4/letter/t/6a8cbe/32.png) [@toco3](https://forum.shopware.com/u/toco3)\
**Post date:** [9. August 2021 um 14:56 UTC](https://forum.shopware.com/t/offcanvas-warenkorb-deaktivieren-und-direkt-in-den-warenkorb-springen/89669/1 "2021-08-09T14:56:33Z")

</div>

Hallo,

wie kann ich den Offcanvas Warenkorb in Shopware 6.4 „umgehen“ und stattdessen von der Produkt Detailseite bei „in den Warenkorb“ direkt in den Checkout Prozess leiten?

Danke und viele Grüße

Christian

---

<div class="post-metadata">

**Author:** ![cbm](https://avatars.discourse-cdn.com/v4/letter/c/a9a28c/32.png) [@cbm](https://forum.shopware.com/u/cbm)\
**Post date:** [12. Oktober 2022 um 11:18 UTC](https://forum.shopware.com/t/offcanvas-warenkorb-deaktivieren-und-direkt-in-den-warenkorb-springen/89669/2 "2022-10-12T11:18:16Z")

</div>

gib es hier schon eine Lösung?

---

<div class="post-metadata">

**Author:** ![toco3](https://avatars.discourse-cdn.com/v4/letter/t/6a8cbe/32.png) [@toco3](https://forum.shopware.com/u/toco3)\
**Post date:** [12. Oktober 2022 um 11:57 UTC](https://forum.shopware.com/t/offcanvas-warenkorb-deaktivieren-und-direkt-in-den-warenkorb-springen/89669/3 "2022-10-12T11:57:20Z")

</div>

Ich hatte es damals gelöst. War aber generell eine ziemliche „Speziallösung“ da hier nur Abo Commerce Produkte im Einsatz sind.  
Ich habe in meiner Theme unter src/Resources/views/storefront/page/product-detail/component/tocart.html.twig folgendes twig:

```auto
<div class="pt-4">

                <form
                        id="productDetailPageBuyAboProductForm"
                        action="{{ path('frontend.checkout.line-item.add') }}"
                        method="post"
                        class="buy-widget"
                >

                        {% block page_product_detail_buy_abo_form_inner_csrf %}
                                {{ sw_csrf('frontend.checkout.line-item.add') }}
                        {% endblock %}
                    <input type="hidden" name="redirectTo" value="frontend.checkout.cart.page">
                    <input type="hidden" name="redirectParameters" data-redirect-parameters="true" value="{&quot;productId&quot;: &quot;{{ page.product.id }}&quot;}">
                    <input type="hidden" name="lineItems[{{ page.product.id }}][id]" value="{{ page.product.id }}">
                    <input type="hidden" name="lineItems[{{ page.product.id }}][type]" value="product">
                    <input type="hidden" name="lineItems[{{ page.product.id }}][referencedId]" value="{{ page.product.id }}">
                    <input type="hidden" name="lineItems[{{ page.product.id }}][stackable]" value="1">
                    <input type="hidden" name="lineItems[{{ page.product.id }}][removable]" value="1">
                        {% block page_product_detail_buy_abo_button %}
        <button class="btn btn-primary btn-block btn-buy"
                title="{{ "bucs-abocommerce.subscription.addToAboCart"|trans|striptags }}"
                aria-label="{{ "bucs-abocommerce.subscription.addToAboCart"|trans|striptags }}"
                onClick = "dataLayer.push({ ecommerce: null });
                                                        dataLayer.push({
                                                                event: 'addToCart',
                                                                ecommerce: {
                                                                    currencyCode: '{{ context.currency.isoCode }}',
                                                                add: {
                                                                products: [{
                                                                name: '{{ page.product.name }}',
                                                                id: '{{ page.product.productNumber }}',
                                                                price: '{{ page.product.price.elements|first.gross }}',
                                                                category: 'Abos',
                                                                brand: 'MyBrand',
                                                                variant: '',
                                                                quantity: '1'}]}}
                                                        });"
        >
            {{ "bucs-abocommerce.subscription.addToAboCart"|trans|sw_sanitize }}
        </button>
    {% endblock %}
        </form>
</div>

```

Ist ja schon ein Jahr her - weiß nicht, ob es für dieses Problem die einzige Stelle war - denke aber schon.

---

<div class="post-metadata">

**Author:** ![Rakowu](https://avatars.discourse-cdn.com/v4/letter/r/7993a0/32.png) [@Rakowu](https://forum.shopware.com/u/Rakowu)\
**Post date:** [4. Mai 2023 um 05:31 UTC](https://forum.shopware.com/t/offcanvas-warenkorb-deaktivieren-und-direkt-in-den-warenkorb-springen/89669/4 "2023-05-04T05:31:48Z")

</div>

Reicht es nicht einfach dass Data Attribut „data-offcanvas“ zu kicken? Das Plugin benötigt den Selector damit es getriggert wird.

---

<div class="post-metadata">

**Author:** ![tom\_prok](https://avatars.discourse-cdn.com/v4/letter/t/e99b99/32.png) [@tom\_prok](https://forum.shopware.com/u/tom_prok)\
**Post date:** [2. August 2023 um 06:56 UTC](https://forum.shopware.com/t/offcanvas-warenkorb-deaktivieren-und-direkt-in-den-warenkorb-springen/89669/5 "2023-08-02T06:56:31Z")

</div>

Moin,

hat jemand hier schon eine Lösung gefunden, ich möchte auf der Checkout-Seite noch weitere Crosselling-Produkte anzeigen, hier macht es natürlich keinen Sinn denn Offcanvas Warenkorb zu öffnen wenn ein Artikel hinzugefügt wird.

Optimal wäre es wenn der Offcanvas Warenkorb nicht geöffnet wird und die Seite einfach neu lädt.

Viele Grüße  
Tom