window.FokkioCustom = { afterAddingToCart: function (response, items) { function htmlEncode(value) { return String(value || '') .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); } function refreshCart(cart) { $('.cart_count').empty(); const $cartBtn = $('.cart_count'); const value = $cartBtn.text() || '0'; let cartItemsHTML = ''; let cartDiscountsHTML = ''; let cartActionHTML = ''; let cartSavingsHTML = ''; const $cartForm = $('[data-cart-form]'); $cartForm.data('total-discount', cart.total_discount); $cartBtn.text(value.replace(/[0-9]+/, cart.item_count)); if (cart.item_count === 0) { $('.js-empty-cart__message').removeClass('hidden'); $cartForm.addClass('hidden'); } else { $('.js-empty-cart__message').addClass('hidden'); $cartForm.removeClass('hidden'); let totalSaving = 0; $.each(cart.items, function (index, item) { let productHasSale = false; let productCompareAtPrice = 0; let productFinalPrice = 0; let saving = 0; const itemDiscounts = item.discounts || []; let discountMessage = ''; for (let i = 0; i < itemDiscounts.length; i++) { const title = itemDiscounts[i].title; discountMessage = '

' + title + '

'; } const lineID = index + 1; cartItemsHTML += '

'; } cartItemsHTML += '

' + item.title + ''; if (item.selling_plan_allocation) { cartItemsHTML += '

' + item.selling_plan_allocation.selling_plan.name + '

'; } if (item.properties) { $.each(item.properties, function (title, value2) { if (value2) { cartItemsHTML += '

' + title + ': ' + value2 + '

'; } }); } cartItemsHTML += '

'; $.ajax({ dataType: 'json', async: false, cache: false, url: '/products/' + item.handle + '.js', success: function (data) { let productData = data; if (productData.variants) { const itemVariants = productData.variants; if (itemVariants.length > 1) { for (let v = 0; v < itemVariants.length; v++) { if (itemVariants[v].id === item.id) { productData = itemVariants[v]; } } } } if ( productData.compare_at_price && productData.compare_at_price > productData.price ) { productHasSale = true; productCompareAtPrice = productData.compare_at_price; productFinalPrice = productData.price; } } }); if (productHasSale === true) { cartItemsHTML += '' + window.Shopify.formatMoney( productFinalPrice, $('body').data('money-format') ) + ' ' + window.Shopify.formatMoney( productCompareAtPrice, $('body').data('money-format') ) + ''; saving = (productCompareAtPrice - productFinalPrice) * item.quantity; totalSaving += saving; } else if (item.price > item.final_price) { cartItemsHTML += '' + window.Shopify.formatMoney( item.final_price, $('body').data('money-format') ) + ' ' + window.Shopify.formatMoney( item.price, $('body').data('money-format') ) + ''; } else { const itemPrice = window.Shopify.formatMoney( item.price, $('body').data('money-format') ); if (item.price > 0) { cartItemsHTML += '' + itemPrice + ''; } else { cartItemsHTML += '' + window.Shopify.translation.cart_free_text + ''; } } cartItemsHTML += '

'; if (item.unit_price_measurement && item.price > 0) { let unitPriceMeasurementReferenceValue = ''; if (item.unit_price_measurement.reference_value !== 1) { unitPriceMeasurementReferenceValue = item.unit_price_measurement.reference_value; } cartItemsHTML += '

' + item.unit_price_measurement.quantity_value + item.unit_price_measurement.quantity_unit + ' | ' + Shopify.formatMoney(item.unit_price, $('body').data('money-format')) + ' / ' + unitPriceMeasurementReferenceValue + item.unit_price_measurement.reference_unit + '

'; } if (item.price > item.final_price) { cartItemsHTML += discountMessage; } cartItemsHTML += '

'; cartItemsHTML += ''; cartItemsHTML += ''; cartItemsHTML += ''; cartItemsHTML += '

'; cartItemsHTML += ''; cartItemsHTML += '

'; }); const cartDiscounts = cart.cart_level_discount_applications || []; for (let i = 0; i < cartDiscounts.length; i++) { const amount = window.Shopify.formatMoney( cartDiscounts[i].total_allocated_amount, $('body').data('money-format') ); const title = cartDiscounts[i].title; cartDiscountsHTML += '' + title + ''; cartDiscountsHTML += ''; cartDiscountsHTML += '-' + amount + ''; } cartActionHTML += '' + window.Shopify.formatMoney(cart.total_price, $('body').data('money-format')) + ' ' + Shopify.translation.cart_subtotal_text + ''; totalSaving += cart.total_discount; if ( window.Shopify.theme_settings.display_savings && totalSaving > 0 ) { cartSavingsHTML = '' + window.Shopify.formatMoney(totalSaving, $('body').data('money-format')) + '' + window.Shopify.translation.cart_savings_text + ''; } } $('.js-cart_items').html(cartItemsHTML); $('.js-cart_discounts').html(cartDiscountsHTML); $('.js-cart_subtotal').html(cartActionHTML); $('.js-cart_savings').html(cartSavingsHTML); if ( window.Currency && window.Currency.show_multiple_currencies && window.currencyConverter ) { window.currencyConverter.convertCurrencies(); } } $.ajax({ url: '/cart.js', dataType: 'json', cache: false, success: function (cart) { setTimeout(function () { refreshCart(cart); if ($('body').hasClass('fancybox-active')) { $.fancybox.close(); } if ($('#header').is(':visible')) { $('#header .cart-container').addClass('active_link'); } else if ($('.sticky_nav--stick').length) { $('.sticky_nav .cart-container').addClass('active_link'); } else { $('.top-bar .cart-container').addClass('active_link'); } if ( window.Shopify && window.Shopify.media_queries && window.Shopify.media_queries.medium && window.Shopify.media_queries.medium.matches ) { $('body').addClass('blocked-scroll'); } }, 500); } }); } };