Offcanvas Warenkorb deaktivieren und direkt in den Warenkorb springen

Shopware 6 (German) Themes & Design
1

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

1 „Gefällt mir“
2

gib es hier schon eine Lösung?

3

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:

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

4

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

5

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