// Set default size $(document).ready(function(){ setTimeout(function(){ $('#60x96')[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 priceoption1 = $(this).attr("data-option-1-price"); $("#repodata").attr("data-option-1-price", priceoption1); var priceoption2 = $(this).attr("data-option-2-price"); $("#repodata").attr("data-option-2-price", priceoption2); var link = $(this).attr("data-link"); // Default back to option 1 $('#option1')[0].click(); // Hide option 1 after certain size if (priceoption2 != "0") { $("#option1").show(); } else { $("#option1").hide(); $(".title-price").hide(); $('#option2')[0].click(); } $("#repodata").attr("data-link", link); // 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 width = $(this).attr("data-cw"); var cw = parseInt(($(this).attr("data-cw"))); $("#repodata").attr("data-width", width); var cwpx = cw*6.53 var brwpx = cwpx+20 var height = $(this).attr("data-ch"); var ch = parseInt($(this).attr("data-ch")); $("#repodata").attr("data-height", height); var chpx = ch*6.53 var brhpx = chpx+20 $("#previewImage").css("width", cwpx); $("#previewImage").css("height", chpx); $("#previewImage2").css("width", brwpx); $("#previewImage2").css("height", brhpx); }); // Set thinkness option $("#9mm").click(function() { var valueH = $("#repodata").attr("data-width"); var valueW = $("#repodata").attr("data-height"); var idValue = (valueW + "x" + valueH + "9mm"); $("#" + idValue)[0].click(); }); $("#4mm").click(function() { var valueH = $("#repodata").attr("data-width"); var valueW = $("#repodata").attr("data-height"); var idValue = (valueW + "x" + valueH); var isOptionTwo = $("#9mm").attr("aria-selected"); if (isOptionTwo == "true") { $("#" + idValue)[0].click(); } }); // Set options $("#option1").click(function() { var option1Link = $("#repodata").attr("data-option-1"); setTimeout(function(){ var basedPrice = parseFloat($("#repodata").attr("data-price")); var option1Price = $("#repodata").attr("data-option-1-price"); $("#titlePriceFrames").text( "+" + "$" + option1Price); var optionPrice = parseFloat(option1Price); var pricetotal = basedPrice + optionPrice; if ($("#repodata").attr("data-rebate-flag") == "on") { var rebate = parseInt($("#repodata").attr("data-rebate-percentage")); var priceRebate = (pricetotal-((rebate/100)*pricetotal)).toFixed(2); $("#rebPrice").text("$" + pricetotal); $("#priceRebate").text("$" + priceRebate); } $("#price").text("$" + pricetotal); $("#repodata").attr("data-option-link", option1Link); }, 200); }); $("#option2").click(function() { var option2Link = $("#repodata").attr("data-option-2"); setTimeout(function(){ var basedPrice = parseFloat($("#repodata").attr("data-price")); var option2Price = $("#repodata").attr("data-option-2-price"); $("#titlePriceFrames").text( "+" + "$" + option2Price); var optionPrice = parseFloat(option2Price); var pricetotal = basedPrice + optionPrice; if ($("#repodata").attr("data-rebate-flag") == "on") { var rebate = parseInt($("#repodata").attr("data-rebate-percentage")); var priceRebate = (pricetotal-((rebate/100)*pricetotal)).toFixed(2); $("#rebPrice").text("$" + pricetotal); $("#priceRebate").text("$" + priceRebate); } $("#price").text("$" + pricetotal); $("#repodata").attr("data-option-link", option2Link); }, 200); }); // Set final link grabbing info from repo $("#orderbutton").click(function() { var key = '<%= cart.sessionId %>'; var link = "https://codex.mydakis.com/#/load/fr/42a36c20-df04-012b-f3ea-00163e08a1c2/"; var productLink = $("#repodata").attr("data-link"); var domain = "/https%3A%2F%2Fimpression.gosselinphoto.ca%2F/page.html/0000/ignored/true?cartPage=cart&qty=1" var productOptionLink = $("#repodata").attr("data-option-link"); var finalUrl = (link + productLink + "/" + key + domain + productOptionLink); $("#orderbutton").attr("href", finalUrl); });

<% console.log(cart) %>