Margot Lévêque
— Art Direction & Type Design
![]()
' + html + '';
switch (_config.feedbackPosition) {
case 'aboveForm': $addToCartForm.before(feedback);
break;
case 'belowForm': $addToCartForm.after(feedback);
break;
case 'nextButton':
default: $addToCartForm.find(_config.addToCartBtnSelector).after(feedback);
break;
}
// If you use animate.css
// $('.ajaxified-cart-feedback').addClass('animated bounceInDown');
$('.ajaxified-cart-feedback').slideDown();
};
var _setText = function($button, label) {
if ($button.children().length) {
$button.children().each(function() {
if ($.trim($(this).text()) !== '') {
$(this).text(label);
}
});
} else {
$button.val(label).text(label);
}
};
var _init = function() {
$(document).ready(function() {
$(_config.addToCartFormSelector).submit(function(e) {
e.preventDefault();
var $addToCartForm = $(this);
var $addToCartBtn = $addToCartForm.find(_config.addToCartBtnSelector);
_setText($addToCartBtn.find('.atc_message'), _config.addingToCartBtnLabel);
$addToCartBtn.addClass('disabled').prop('disabled', true);
// Add to cart.
$.ajax({
url: _config.shopifyAjaxAddURL,
dataType: 'json',
type: 'post',
data: $addToCartForm.serialize(),
success: function(itemData) {
// Re-enable add to cart button.
$addToCartBtn.addClass('inverted');
_setText($addToCartBtn.find('.atc_message'), _config.addedToCartBtnLabel);
_showFeedback('success', ' Added to cart! View cart or continue shopping.', $addToCartForm);
window.setTimeout(function() {
$addToCartBtn.prop('disabled', false).removeClass('disabled').removeClass('inverted');
$('#cart').html('CART ( 1 )');
$('#cart').addClass('active');
_setText($addToCartBtn.find('.atc_message'), _config.addToCartBtnLabel);
}, _config.howLongTillBtnReturnsToNormal);
// Update cart count and show cart link.
$.getJSON(_config.shopifyAjaxCartURL, function(cart) {
if (_config.cartCountSelector && $(_config.cartCountSelector).size()) {
var value = $(_config.cartCountSelector).html() || '0';
$(_config.cartCountSelector).html(value.replace(/[0-9]+/, cart.item_count)).removeClass('hidden-count');
}
if (_config.cartTotalSelector && $(_config.cartTotalSelector).size()) {
if (typeof Currency !== 'undefined' && typeof Currency.moneyFormats !== 'undefined') {
var newCurrency = '';
if ($('[name="currencies"]').size()) {
newCurrency = $('[name="currencies"]').val();
} else if ($('#currencies span.selected').size()) {
newCurrency = $('#currencies span.selected').attr('data-currency');
}
if (newCurrency) {
$(_config.cartTotalSelector).html('' + Shopify.formatMoney(Currency.convert(cart.total_price, "CHF", newCurrency), Currency.money_format[newCurrency]) + '');
} else {
$(_config.cartTotalSelector).html(Shopify.formatMoney(cart.total_price, "CHF {{amount}}"));
}
} else {
$(_config.cartTotalSelector).html(Shopify.formatMoney(cart.total_price, "CHF {{amount}}"));
}
};
});
},
error: function(XMLHttpRequest) {
var response = eval('(' + XMLHttpRequest.responseText + ')');
response = response.description;
if (response.slice(0, 4) === 'All ') {
_showFeedback('error', response.replace('All 1 ', 'All '), $addToCartForm);
$addToCartBtn.prop('disabled', false);
_setText($addToCartBtn.find('.atc_message'), _config.soldOutBtnLabel);
$addToCartBtn.prop('disabled', true);
} else {
_showFeedback('error', ' ' + response, $addToCartForm);
$addToCartBtn.prop('disabled', false).removeClass('disabled');
_setText($addToCartBtn.find('.atc_message'), _config.addToCartBtnLabel);
}
}
});
return false;
});
});
};
return {
init: function(params) {
// Configuration
params = params || {};
// Merging with defaults.
$.extend(_config, params);
// Action
$(function() {
_init();
});
},
getConfig: function() {
return _config;
}
}
})(jQuery);
Shopify.AjaxifyCart.init();
' + html + '';
switch (_config.feedbackPosition) {
case 'aboveForm': $addToCartForm.before(feedback);
break;
case 'belowForm': $addToCartForm.after(feedback);
break;
case 'nextButton':
default: $addToCartForm.find(_config.addToCartBtnSelector).after(feedback);
break;
}
// If you use animate.css
// $('.ajaxified-cart-feedback').addClass('animated bounceInDown');
$('.ajaxified-cart-feedback').slideDown();
};
var _setText = function($button, label) {
if ($button.children().length) {
$button.children().each(function() {
if ($.trim($(this).text()) !== '') {
$(this).text(label);
}
});
} else {
$button.val(label).text(label);
}
};
var _init = function() {
$(document).ready(function() {
$(_config.addToCartFormSelector).submit(function(e) {
e.preventDefault();
var $addToCartForm = $(this);
var $addToCartBtn = $addToCartForm.find(_config.addToCartBtnSelector);
_setText($addToCartBtn.find('.atc_message'), _config.addingToCartBtnLabel);
$addToCartBtn.addClass('disabled').prop('disabled', true);
// Add to cart.
$.ajax({
url: _config.shopifyAjaxAddURL,
dataType: 'json',
type: 'post',
data: $addToCartForm.serialize(),
success: function(itemData) {
// Re-enable add to cart button.
$addToCartBtn.addClass('inverted');
_setText($addToCartBtn.find('.atc_message'), _config.addedToCartBtnLabel);
_showFeedback('success', ' Added to cart! View cart or continue shopping.', $addToCartForm);
window.setTimeout(function() {
$addToCartBtn.prop('disabled', false).removeClass('disabled').removeClass('inverted');
$('#cart').html('CART ( 1 )');
$('#cart').addClass('active');
_setText($addToCartBtn.find('.atc_message'), _config.addToCartBtnLabel);
}, _config.howLongTillBtnReturnsToNormal);
// Update cart count and show cart link.
$.getJSON(_config.shopifyAjaxCartURL, function(cart) {
if (_config.cartCountSelector && $(_config.cartCountSelector).size()) {
var value = $(_config.cartCountSelector).html() || '0';
$(_config.cartCountSelector).html(value.replace(/[0-9]+/, cart.item_count)).removeClass('hidden-count');
}
if (_config.cartTotalSelector && $(_config.cartTotalSelector).size()) {
if (typeof Currency !== 'undefined' && typeof Currency.moneyFormats !== 'undefined') {
var newCurrency = '';
if ($('[name="currencies"]').size()) {
newCurrency = $('[name="currencies"]').val();
} else if ($('#currencies span.selected').size()) {
newCurrency = $('#currencies span.selected').attr('data-currency');
}
if (newCurrency) {
$(_config.cartTotalSelector).html('' + Shopify.formatMoney(Currency.convert(cart.total_price, "CHF", newCurrency), Currency.money_format[newCurrency]) + '');
} else {
$(_config.cartTotalSelector).html(Shopify.formatMoney(cart.total_price, "CHF {{amount}}"));
}
} else {
$(_config.cartTotalSelector).html(Shopify.formatMoney(cart.total_price, "CHF {{amount}}"));
}
};
});
},
error: function(XMLHttpRequest) {
var response = eval('(' + XMLHttpRequest.responseText + ')');
response = response.description;
if (response.slice(0, 4) === 'All ') {
_showFeedback('error', response.replace('All 1 ', 'All '), $addToCartForm);
$addToCartBtn.prop('disabled', false);
_setText($addToCartBtn.find('.atc_message'), _config.soldOutBtnLabel);
$addToCartBtn.prop('disabled', true);
} else {
_showFeedback('error', ' ' + response, $addToCartForm);
$addToCartBtn.prop('disabled', false).removeClass('disabled');
_setText($addToCartBtn.find('.atc_message'), _config.addToCartBtnLabel);
}
}
});
return false;
});
});
};
return {
init: function(params) {
// Configuration
params = params || {};
// Merging with defaults.
$.extend(_config, params);
// Action
$(function() {
_init();
});
},
getConfig: function() {
return _config;
}
}
})(jQuery);
Shopify.AjaxifyCart.init();