<script>
window.customCartDrawer = {
        showOnHover: false,// show Drawer panel on cart icon or link hover
        position: 'right', //right, left
        width: '360px', //css valid drawer width
        height: '100%', //css valid drawer height
        margin: '0', // css valid margin for drawer container
        effect: 'slide', //slide, fade
        effectDuration: '0.4s', //appearing effect duration in ms or s
        effectEasing: 'cubic-bezier(.55,0,.1,1)', //valid css easing, like: ease, linear, cubic-bezier
        backgroundColor: '#a3946d', //drawer background color
        color: '#000', //drawer main text color 
        basicFontSize: '13px', //drawer base font size
        basicFontFamily: '',//set the drawer font
        useCustomScrollbar: true, //use custom scrollbar, works in webkit browsers only
        scrollbarTrackColor: '#ccc', //webkit browsers scrolltrack color
        scrollbarThumbColor: '#000', //webkit browsers scrollthumb color
        scrollbarWidth: '4px', //webkit browsers scrollbar width
        overlayColor: 'rgba(0, 0, 0, 0.6)', //overlay color to fade main site content
        closeIconSize: '22px', //drawer close icon size
        closeIconColor: '#000', //drawer close icon color
        closeIconBackgroundColor: '#fff', //drawer close icon background
        closeIconPosition: 'left', //left, right
        closeIconTop: '0px', //css top position of icon, 0 is default
        closeIconView: 'outside', // available inside, outside. outside is default
        headerText: '', //set the text of Cart Header
        headerColor: '#000', //header text color
        headerFontSize: '30px', //header text font-size
        headerFontFamily: '',//set the Cart Header font-family
        headerTextAlign: 'right', //header text-align: left, center, right
        headerMargin: '0', // valid css margin
        headerTextTransform: 'none', //set valid css text-transform: uppercase,capitalize,lowercase
        itemText: '',// set own Item text
        quantityText: '',// set own Quantity text
        productFontSize: '',// set product title font size
        productFontFamily: '',// set product title font-family
        productColor: 'inherit',//set product title color
        variantFontSize: '',//set product variant font size
        variantFontFamily: '',//set product variant font-family
        variantColor: 'inherit',// set variant options colors
        pricesPreText: 'Price:',//add some text to prices
        pricesFontFamily: '',//price font-family
        pricesFontSize: '',//price font size
        pricesColor: 'inherit',//price color
        subTotalAlign: 'right', //subtotal text-align
        subTotalFontSize: '16px', //subtotal font-size
        subTotalFontFamily: '',//add subtotal font-family
        subTotalText: '',// set the subtotal text
        subTotalColor: '',// set the subtotal text color
        checkoutButtonText: '', // set the text of checkout Button
        checkoutButtonFontSize: '13px', //checkout button font-size
        checkoutButtonFontFamily: '',//add checkout button font-family
        checkoutButtonColor: '#fff', //checkout button color
        checkoutButtonBackgroundColor: '#a3946d', //checkout button background color
        checkoutButtonAlign: 'right', //checkout button align
        showIfCartUpdated: true, //show drawer if product was added/removed from cart
        restrictShowOnUpdateUrls: '/url-1, /url-2', // urls where you do not want Cart Drawer appear after each cart update
        closeOnOverlayClick: true //close drawer if site or overlay clicked
};
</script>
<script>
(function () {
    if (window.__cartDrawerLinkBound) return;
    window.__cartDrawerLinkBound = true;

    document.addEventListener('click', function (e) {
        if (e.defaultPrevented) return;
        if (e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;

        var a = e.target.closest('a[href]');
        if (!a) return;

        var path;
        try {
            path = new URL(a.href, location.origin).pathname.replace(/\/+$/, '');
        } catch (err) {
            return;
        }
        if (path !== '/cart') return;

        e.preventDefault();
        document.body.classList.add('open-cart-drawer');
    }, true);
})();
</script>
<script async src="https://assets.squarewebsites.org/custom-cart-drawer/drawer.min.js"></script>

 

Buy me a coffee