'); frameDoc.document.close(); setTimeout(function () { window.frames["frame1"].focus(); window.frames["frame1"].print(); frame1.remove(); }, 500); } function getQueryParameterByName(paramName) { url = new URL(window.location.href) return url.searchParams.get("related_item") } async function get_xmindApi_responce(){ if ($('#related_products').length){ await $.ajax({ type: "POST", url: "/relatedproducts/", data: { 'itemCode': 'GAK166448', 'csrfmiddlewaretoken': csrf_token, 'related_item': getQueryParameterByName("related_item") }, success : function(data) { $('#related_products').html(data); }, error: function(error) { $('#related_products').hide(); } }); } if ($('#recommend_products').length){ await $.ajax({ type: "POST", url: "/recommendproducts/", data: { 'csrfmiddlewaretoken': csrf_token, 'itemCode': 'GAK166448', }, success : function(data) { $('#recommend_products').html(data); }, error: function(error) { $('#recommend_products').hide(); } }); } } if (typeof gip_device_fingerprint !== "undefined") { $("#gip_fingerprint_code").val(gip_device_fingerprint); } $("#buyNow").click(() => { var item_qty = $("#item-number").val(); $("#item-qty").val(item_qty); $("#buynow_item_qty").text(item_qty); var unitprice = $("#item_sellPriceNoFormat").val(); var currencyFormat = "₺%s TRY"; $("#buynow_subtotal").text(currencyFormat.replace("%s", unitprice * item_qty)); $('.oneclick-modal').fadeIn(); }); $("#oneclick-modal-close").click(() => { $('.oneclick-modal').fadeOut(); }); $("#oneclick-modal-buynow").click(() => { $("#buynow").submit(); }); if ($('#recently_viewed_products').length){ $.ajax({ type: "POST", url: "/recentlyviewedproducts/", data: { 'itemCode': 'GAK166448', 'csrfmiddlewaretoken': csrf_token }, success : function(data) { $('#recently_viewed_products').html(data); }, error: function(error) { $('#recently_viewed_products').hide(); } }); } async function display_wishlist_item(){ document.getElementById("addToWishlist").style.display="flex"; document.getElementById("deleteFromWishlist").style.display="none"; }; display_wishlist_item(); $('#addToWishlist').click(function() { const addButton = document.getElementById("addToWishlist") const deleteButton = document.getElementById("deleteFromWishlist") deleteButton.innerHTML = ` Delete from Wishlist` addButton.disabled = true; deleteButton.disabled = true; addButton.innerText = "Adding..." var request = $.ajax({ type: "POST", url: "/account/wishlist/add/GAK166448", data: { 'itemCode': 'GAK166448', 'csrfmiddlewaretoken': csrf_token }, success: function(response) { addButton.innerText = "Added to Wishlist!"; setTimeout(() => { addButton.style.display="none"; addButton.disabled = false; deleteButton.disabled = false; deleteButton.style.display="flex"; }, 3000) }, }) request.done(function(response) { wishlist_ID = response.wishlist_id; }); }); $('#deleteFromWishlist').click(function() { const addButton = document.getElementById("addToWishlist") const deleteButton = document.getElementById("deleteFromWishlist") addButton.innerHTML = ` Add to Wishlist` deleteButton.disabled = true; addButton.disable = true; deleteButton.innerText = "Removing..." // wishlist_id exists its going to append to the url. // if it doesnt exists dont do anything $.ajax({ type: "POST", url: "/account/wishlist/delete/0".replace('0', wishlist_ID), data: { 'itemCode': 'GAK166448', 'csrfmiddlewaretoken': csrf_token }, success: function(response) { deleteButton.innerText = "Removed from Wishlist!"; setTimeout(() => { deleteButton.style.display="none"; addButton.disabled = false; deleteButton.disabled = false; addButton.style.display="flex"; }, 3000) }, }) }); $('#addToCart').click(function() { enName = document.getElementById("en_name").value; itemStatus = document.getElementById(`item_status`).value; if(itemStatus.includes('backorder')){ document.getElementById("foundModal").style.display = "block"; } else { } var itemCount = document.getElementById("item-number"); $.ajax({ type: "POST", url: "/cart/add/", data: { 'itemCode': 'GAK166448', 'itemCount': itemCount.value, 'csrfmiddlewaretoken': csrf_token }, dataType: "json", success: function(response) { $("#notification").show("fade", 800, function () { $("#notification").delay(3000).hide("fade", 800); }) reloadBadge(); }, error: function(rs, e) { $("#error-notification").show("fade", 800, function () { $("#error-notification").delay(3000).hide("fade", 800); }) } }); // Take the quantity qty = {quantity: itemCount.value}; // Transform the quantity into integer Object.keys(qty).forEach(function(el){ qty[el] = parseInt(qty[el]) }) // Take the item Information infoItem = {product:{"name": "MECHAMO: Centipede", "id": "GAK166448", "category": "Real Science", "sku": "GAK166448", "dimension4": "discontinued", "dimension5": "No", "dimension7": "No", "brand": "Gakken", "price": 7600, "special_price": 7600, "dimension6": "Otona no Kagaku", "meta_description": "a educational construction kit assembled from various materials (plastic, metal, etc.).", "description": "Gakken's \"Mechamo Series\" of kits are more complex than kits intended for younger hobbyists (though of course with adult supervision, there's no reason a bright youngster can't put them together!). This metal centipede (check out all them legs!) comes with everything you'll need to build it; requires 6 AA batteries, sold separately. Download the parts list and the English instructions (both are PDF files. If you don't have Adobe Reader, download it for free!", "hlj_kit_type_code": "OthOthEdu", "hlj_item_type": "Education Kits", "ean_code": "4905426020921"}}; // Create a new variable allProductInfo = {}; // Add all the information together: Product info and quantity Object.assign(allProductInfo, infoItem.product, qty); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ ecommerce: null }); window.dataLayer.push({ event: 'addToCart', ecommerce: { currencyCode: "JPY", add: { actionField: {list: "Product Page"}, products: [ allProductInfo ] } } }); }); document.querySelector(".close-button").addEventListener("click", function() { document.getElementById("foundModal").style.display = "none"; }); document.querySelector(".btn-close").addEventListener("click", function() { document.getElementById("foundModal").style.display = "none"; });