Shopify MiniCart JS is a shorthand code for fast Shopify mini cart integration. It provides a fancy mini cart slider and 100% customizable. Simple and beautiful!
window.mini_cart
theme.liquid
file (follow the sample in layouts folder)data-minicart-open
data attribute to trigger open mini cart.data-minicart-totalCount
to show cart total items quantity.Sample:
<button data-minicart-open type="button">MINICART - <span data-minicart-totalCount></span></button>
Add window.mini_cart.updateCart()
after add to cart script.
Sample:
_addItemToCart: function(data) {
var params = {
url: '/cart/add.js',
data: $(data).serialize(),
dataType: 'json'
};
$.post(params)
.done(
function(item) {
window.mini_cart.updateCart()
}.bind(this)
)
.fail(
function(response) {
console.error(response)
}.bind(this)
);
}
🌟 Feel free to Star and PR. sanjar.dev