// Set default size $(document).ready(function(){ setTimeout(function(){ $('#5107784')[0].click(); }, 300); }); // When a size is clicked $(".size-button").click(function() { var price = $(this).attr("data-price"); $("#repodata").attr("data-price", price); var priceInt = parseInt($(this).attr("data-price")); var priceTxt = String(price); var priceFixed = ("$" + priceTxt); var option1 = $(this).attr("data-lk"); $("#repodata").attr("data-lk", option1); var option2 = $(this).attr("data-lk-wh"); $("#repodata").attr("data-lk-wh", option2); var option3 = $(this).attr("data-lk-bl"); $("#repodata").attr("data-lk-bl", option3); var name = $(this).attr("data-name"); $("#repodata").attr("data-name", name); // Reset to option 1 $('#option1')[0].click(); // Set local rebate variables var rebateVar = $(this).attr("data-special-price"); var rebateVarString = String(rebateVar); var rebateVarInt = parseInt(rebateVar); var rebateTxt = (rebateVarString + "% Rebate"); var startFlag = $(this).attr("data-rebate-start-flag"); var rebateEnd = $(this).attr("data-special-end-text"); var endFlag = $(this).attr("data-rebate-end-flag"); var indiRebate = (priceInt - ((rebateVarInt/100)*priceInt)); var rebateFixed = ("$" + indiRebate.toFixed(2)); // Set global rebate variables var globalEndFlag = $("#repodata").attr("data-global-end-flag"); var globalStartFlag = $("#repodata").attr("data-global-start-flag"); var globalRebateVar = $("#repodata").attr("data-global-rebate"); var globalRebateVarString = String(globalRebateVar); var globalRebateVarInt = parseInt(globalRebateVar); var globalRebateTxt = (globalRebateVarString + "% Rebate"); var globalRebate = (priceInt - ((globalRebateVarInt/100)*priceInt)); var globalRebateFixed = ("$" + globalRebate.toFixed(2)); var globalRebateEnd = $("#repodata").attr("data-global-end"); // Check which rebate will apply if (globalEndFlag == "on" && globalStartFlag == "on") { $("#regPriceDiv").hide(); $("#rebateDiv").show(); $("#rebPrice").text(priceFixed); $("#priceRebate").text(globalRebateFixed); $("#rebateAmount").text(globalRebateTxt); $("#rebateDate").text(globalRebateEnd); $("#repodata").attr("data-rebate-flag", "on"); $("#repodata").attr("data-rebate-percentage", globalRebateVar); } else if (endFlag == "on" && startFlag == "on") { $("#regPriceDiv").hide(); $("#rebateDiv").show(); $("#rebPrice").text(priceFixed); $("#priceRebate").text(rebateFixed); $("#rebateAmount").text(rebateTxt); $("#rebateDate").text(rebateEnd); $("#repodata").attr("data-rebate-flag", "on"); $("#repodata").attr("data-rebate-percentage", rebateVar); } else { $("#rebateDiv").hide(); $("#regPriceDiv").show(); $("#price").text(priceFixed); $("#repodata").attr("data-rebate-flag", "off"); $("#repodata").attr("data-rebate-percentage", ""); } // Set HTML changes on the page var format = $(this).attr("data-name"); $(".size-button").css("border", "none"); $(this).css("border", "1px solid #000"); $("#orderbutton").css("display", "block"); $("#priceColumn").css("display", "inline-block"); $("#sizechosen").html(": " + format); // Change preview image size var cw = parseInt(($(this).attr("data-cw"))); var cwpx = cw*6.53; var brwpx = cwpx+20; var ch = parseInt(($(this).attr("data-ch"))); var chpx = ch*6.53; var brhpx = chpx+20; $("#previewImage").css("width", cwpx); $("#previewImage").css("height", chpx); }); // Set options $("#option1").click(function() { var option1 = $("#repodata").attr("data-lk"); $("#repodata").attr("data-option", option1); }); $("#option2").click(function() { var option2 = $("#repodata").attr("data-lk-wh"); $("#repodata").attr("data-option", option2); }); $("#option3").click(function() { var option3 = $("#repodata").attr("data-lk-bl"); $("#repodata").attr("data-option", option3); }); $("#option4").click(function() { var option4 = $("#repodata").attr("data-lk"); $("#repodata").attr("data-option", option4); $("#repodata").attr("data-option-switch", "on"); }); // Set final link grabbing info from repo $("#orderbutton").click(function() { var key = '<%= cart.sessionId %>'; var link = "https://codex.mydakis.com/#/load/en/42a36c20-df04-012b-f3ea-00163e08a1c2/"; var productLink = $("#repodata").attr("data-option"); var value = $("#repodata").attr("data-price"); var item_id = $("#repodata").attr("data-option"); var item_name = $("#repodata").attr("data-name"); var item_category = "Canvas Prints"; gtag("event", "view_item", { currency: "CAD", value: value, items: [ { item_id: item_id, item_name: item_name + " " + item_category, item_brand: "Gosselin Photo", item_category: item_category, price: value, quantity: 1 } ] }); var mirror = $("#repodata").attr("data-mirror"); var flag = $("#repodata").attr("data-option-switch"); var domain = "/https%3A%2F%2Fimpression.gosselinphoto.ca%2F/page.html/0000/ignored/true?cartPage=cart&qty=1"; if (flag == "on") { var finalUrl = (link + productLink + "/" + key + domain + mirror); } else { var finalUrl = (link + productLink + "/" + key + domain); } $("#orderbutton").attr("href", finalUrl); });

<% console.log(cart) %>