Prepend the cart dynamically to element

[dominikwilkowski]

Hi there,

I need to wrap my page into one div as I am using mmenu for a mobile theme. Since ajaxifyShopify prepends the cart to the body it breaks this requirement.

I had a quick look into the source and changed this to make it work:

on line: 273

        // Default settings
        settings = {
            debug: false,
            method: 'drawer', // Method options are drawer, modal, and flip. Default is drawer.
            formSelector: 'form[action^="/cart/add"]',
            addToCartSelector: 'input[type="submit"]',
            cartCountSelector: null,
            cartCostSelector: null,
            toggleCartButton: null,
            btnClass: null,
            wrapperClass: null,
            useCartTemplate: false,
            moneyFormat: '${{amount}}',
            disableAjaxCart: false,
            enableQtySelectors: true,
            prependTo: 'body'
        };

I added the prependTo option

and on line: 461

$(settings.prependTo).prepend(template(data));

I replace the hardcoded 'body' with the added setting.

So I can use it like this

        <script>
            jQuery(function($) {
                ajaxifyShopify.init({
                    prependTo: '.js-cart-container'
                });
            });
        </script>

Hope that helps someone and/or you can roll this into the master.

Cheers

[Cam]

I'm having the exact same problem today, while editing the Retina theme for a client. Thank you for your sleuthing and solution :)

Now to just figure out the other strangely hidden conflicts with Retina :/

[dominikwilkowski]

👍

[cshold]

Great idea. Hadn't thought about the need to append it somewhere else. I'll get on this today and push it with the next release. Thanks.

[cshold]

Merged #64. Will be pushing a full release shortly (next day or two) with a number of changes/enhancements.

[cshold]

@Cam Let me know what issues you are running into and if it's something I can help with.

[dominikwilkowski]

Thanks @cshold for the quick merge.