Weather Report Night Passage Album Cover Shirt For Fans – Vesles2014S – Vesles2014s Store (2024)

`; // $ // 45 var html_after_summary = `

$45

`; // $ // 45 var html_after_sticky = `

$45

`; //Table Discout var html_table_discount = `[block id="table-discount"]`; var html_buy_more_add_tocart = `

Buy 2 to get 10% off

`; let name_product = "Weather Report Night Passage Album Cover Shirt For Fans - Vesles2014S"; let style = ''; let color = ''; let discountDefault = 25; // let endDate = new Date('October 13, 2020 05:35:32'); let size = ''; let sku = ''; let src = 'https://vesles2014s.s3.amazonaws.com/Weather%2BReport%2BNight%2BPassage%2BAlbum%2BCover%2BShirt%2B%E2%80%93%2BTAGOTEE-uVhWe.jpg'; let variations = [{"sku":"1712135042-vesles2014s-64751","name":"XS \/ 3D Shirt","regular_price":29.99,"image":"https:\/\/vesles2014s.s3.amazonaws.com\/Weather%2BReport%2BNight%2BPassage%2BAlbum%2BCover%2BShirt%2B%E2%80%93%2BTAGOTEE-uVhWe.jpg","attributes":{"0":{"name":"Size","option":"XS"},"2":{"name":"Style","option":"3D Shirt"}}},{"sku":"1712135042-vesles2014s-64752","name":"S \/ 3D Shirt","regular_price":30.99,"image":"https:\/\/vesles2014s.s3.amazonaws.com\/Weather%2BReport%2BNight%2BPassage%2BAlbum%2BCover%2BShirt%2B%E2%80%93%2BTAGOTEE-uVhWe.jpg","attributes":{"0":{"name":"Size","option":"S"},"2":{"name":"Style","option":"3D Shirt"}}},{"sku":"1712135042-vesles2014s-64753","name":"M \/ 3D Shirt","regular_price":31.99,"image":"https:\/\/vesles2014s.s3.amazonaws.com\/Weather%2BReport%2BNight%2BPassage%2BAlbum%2BCover%2BShirt%2B%E2%80%93%2BTAGOTEE-uVhWe.jpg","attributes":{"0":{"name":"Size","option":"M"},"2":{"name":"Style","option":"3D Shirt"}}},{"sku":"1712135042-vesles2014s-64754","name":"L \/ 3D Shirt","regular_price":32.99,"image":"https:\/\/vesles2014s.s3.amazonaws.com\/Weather%2BReport%2BNight%2BPassage%2BAlbum%2BCover%2BShirt%2B%E2%80%93%2BTAGOTEE-uVhWe.jpg","attributes":{"0":{"name":"Size","option":"L"},"2":{"name":"Style","option":"3D Shirt"}}},{"sku":"1712135042-vesles2014s-64755","name":"XL \/ 3D Shirt","regular_price":32.99,"image":"https:\/\/vesles2014s.s3.amazonaws.com\/Weather%2BReport%2BNight%2BPassage%2BAlbum%2BCover%2BShirt%2B%E2%80%93%2BTAGOTEE-uVhWe.jpg","attributes":{"0":{"name":"Size","option":"XL"},"2":{"name":"Style","option":"3D Shirt"}}},{"sku":"1712135042-vesles2014s-64756","name":"2XL \/ 3D Shirt","regular_price":33.99,"image":"https:\/\/vesles2014s.s3.amazonaws.com\/Weather%2BReport%2BNight%2BPassage%2BAlbum%2BCover%2BShirt%2B%E2%80%93%2BTAGOTEE-uVhWe.jpg","attributes":{"0":{"name":"Size","option":"2XL"},"2":{"name":"Style","option":"3D Shirt"}}},{"sku":"1712135042-vesles2014s-64757","name":"3XL \/ 3D Shirt","regular_price":34.99,"image":"https:\/\/vesles2014s.s3.amazonaws.com\/Weather%2BReport%2BNight%2BPassage%2BAlbum%2BCover%2BShirt%2B%E2%80%93%2BTAGOTEE-uVhWe.jpg","attributes":{"0":{"name":"Size","option":"3XL"},"2":{"name":"Style","option":"3D Shirt"}}},{"sku":"1712135042-vesles2014s-64758","name":"4XL \/ 3D Shirt","regular_price":34.99,"image":"https:\/\/vesles2014s.s3.amazonaws.com\/Weather%2BReport%2BNight%2BPassage%2BAlbum%2BCover%2BShirt%2B%E2%80%93%2BTAGOTEE-uVhWe.jpg","attributes":{"0":{"name":"Size","option":"4XL"},"2":{"name":"Style","option":"3D Shirt"}}},{"sku":"1712135042-vesles2014s-64759","name":"5XL \/ 3D Shirt","regular_price":35.99,"image":"https:\/\/vesles2014s.s3.amazonaws.com\/Weather%2BReport%2BNight%2BPassage%2BAlbum%2BCover%2BShirt%2B%E2%80%93%2BTAGOTEE-uVhWe.jpg","attributes":{"0":{"name":"Size","option":"5XL"},"2":{"name":"Style","option":"3D Shirt"}}},{"sku":"1712135042-vesles2014s-64760","name":"6XL \/ 3D Shirt","regular_price":36.99,"image":"https:\/\/vesles2014s.s3.amazonaws.com\/Weather%2BReport%2BNight%2BPassage%2BAlbum%2BCover%2BShirt%2B%E2%80%93%2BTAGOTEE-uVhWe.jpg","attributes":{"0":{"name":"Size","option":"6XL"},"2":{"name":"Style","option":"3D Shirt"}}}]; let default_src = variations[0].image; if (!$('.sticky-add-to-cart__product').hasClass('sticky-add-to-cart-img')) { $('.sticky-add-to-cart__product').prepend(''); $(".sticky-add-to-cart__product").append(html_after_sticky); } $(".product-title-container").after(html_after_title2); //Coupon giam gia // $(".summary").after(html_table_discount); $(".summary").after(html_after_summary); // $(".check_sticky_addtocart").after(html_buy_more_add_tocart); //----------------------End code review------------------------- //----------------------countdown code ------------------------- var endDate = new Date(); endDate.setTime(endDate.getTime() + (((getRandomInt(23) * 3600) + (getRandomInt(60) * 60) + getRandomInt(60)) * 1000)); countdown(endDate); function getRandomInt(max) { var random = Math.random(); while (random <= 0) random = Math.random(); return Math.floor(random * Math.floor(max)); } function countdown(endDate) { let days, hours, minutes, seconds; endDate = new Date(endDate).getTime(); if (isNaN(endDate)) { return; } }// Select all span elements with the class "currencySymbol"var currencySymbols = document.querySelectorAll('span.currencySymbol');// Loop through each selected element and remove itcurrencySymbols.forEach(function(element) { element.parentNode.removeChild(element);}); setInterval(calculate, 1000); function calculate() { let startDate = new Date(); startDate = startDate.getTime(); let timeRemaining = parseInt((endDate - startDate) / 1000); if (timeRemaining >= 0) { days = parseInt(timeRemaining / 86400); timeRemaining = (timeRemaining % 86400); hours = parseInt(timeRemaining / 3600); timeRemaining = (timeRemaining % 3600); minutes = parseInt(timeRemaining / 60); timeRemaining = (timeRemaining % 60); seconds = parseInt(timeRemaining); // document.getElementById("days").innerHTML = parseInt(days, 10); // document.getElementById("hours").innerHTML = ("0" + hours).slice(-2); // document.getElementById("minutes").innerHTML = ("0" + minutes).slice(-2); // document.getElementById("seconds").innerHTML = ("0" + seconds).slice(-2); $('.countdown').html(parseInt(days, 10) + ' : ' + ("0" + hours).slice(-2) + ' : ' + ("0" + minutes).slice(-2) + ' : ' + ("0" + seconds).slice(-2) + " "); } else { return; } } function checkEnable(key, type){ _nameClassColor = $("#name_color").attr('data-info'); _nameClassSize = $("#name_size").attr('data-info'); _nameClassStyle = $("#name_style").attr('data-info'); if(_nameClassStyle === undefined) _nameClassStyle = ''; switch (key) { case "Color": // console.log("---------Color----------" + `${type}${_nameClassStyle}`); $(".handle_size").addClass("disabled"); // disable $(`.${type}${_nameClassStyle}` ).removeClass("disabled"); // enable break; case "Size": // console.log("---------Size----------" + `${type}${_nameClassStyle}`); $(".handle_color").addClass("disabled"); // disable $(`.${type}${_nameClassStyle}` ).removeClass("disabled"); // enable break; default: break; } } $(".price1").remove(); //code xoa khoang gia //set default price. $('.change_price').html('$' + variations[0].regular_price); $('.origin_price').each(function(index, value) { $(value).html('$' + (parseFloat(variations[0].regular_price) + parseFloat(discountDefault)).toFixed(2)); }); $('.input_price').each(function(index, value) { $(value).html(variations[0].regular_price); }); $('.name_sticky_222').each(function(index, value) { $(value).html(variations[0].name); }); $('.discount_price').html(' (save $' + discountDefault + ')'); $('.woocommerce-product-gallery').attr('src', default_src); $('#input_price').val(variations[0].regular_price); $('#input_image').val(default_src); $('#sku').val(variations[0].sku); classStyleDefault = $('#pattern').val(); $('.otp_option2.handle_size').each(function(ele, index) { $(this).removeClass('active'); }) isSelectSize = false; $('.otp_option2.handle_size.'+classStyleDefault).each(function(ele, index) { if(isSelectSize == false){ isSelectSize = true; $(this).click(); $(this).addClass('active'); } }) isSelectSize = false; foundStyle = false; $('.otp_option2.handleStyle').each(function(ele, index) { $(this).removeClass('active'); foundStyle = true; }) $('.otp_option2.handleStyle').each(function(ele, index) { if(isSelectSize == false){ isSelectSize = true; $(this).click(); $(this).addClass('active'); } }) if(foundStyle){ $(".handle_style").hide(); // hide all color and size $("." + classStyleDefault).show(); // show color and size of style } $('.otp_option2.handle_color').each(function(ele, index) { $(this).removeClass('active'); }) isSelectColor = false; $('.otp_option2.handle_color.'+classStyleDefault).each(function(ele, index) { if(isSelectColor == false){ isSelectColor = true; $(this).click(); $(this).addClass('active'); } }) let price_total = []; variations.forEach(function(val) { if ((typeof(val.regular_price) !== 'undefined') && (parseFloat(val.regular_price) > 0)) { price_total.push(val.regular_price); } }); let max = Math.max(...price_total); let min = Math.min(...price_total); let price = min.toFixed(2); let boolCallByStyle = false; $('.style > li').on('click', function(){ //Start: REFESH_STYLE---------------------------------------- // Refesh lại class style, active style vừa click $('.style > li').each(function(ele, index) { $(this).removeClass('active'); }) $(this).addClass('active'); //End: REFESH_STYLE---------------------------------------- _value_style = $(this).attr('data-class'); // GET data style vừa chọn $("#name_style").html($(this).attr('data-style')); // Gán Title style vừa chọn để hiển thị $("#name_style").attr("data-info", $(this).attr('data-class')); // Gán attribute style vừa chọn để xử lý về sau $(".handle_style").hide(); // ẩn tất cả các color và size $("." + _value_style).show(); // show tất cả các color và size thuộc style này // console.log('click style');//viet //Start: CLICK_COLOR_AND_SIZE---------------------------------------------------- $('.otp_option2.handle_size').each(function(ele, index) { $(this).removeClass('active'); }) isSelectSize = false; $('.otp_option2.handle_size.'+_value_style).each(function(ele, index) { if(isSelectSize == false){ isSelectSize = true; boolCallByStyle = true; // Tắt check disale của thuộc tính đang lick $(this).click(); // Click vào thuộc tính Size có Style = style đang chọn $(this).addClass('active'); // Active Size này boolCallByStyle = false; // BẬt lại check disale của thuộc tính đang lick } }) // Tương tự SIZE $('.otp_option2.handle_color').each(function(ele, index) { $(this).removeClass('active'); }) isSelectColor = false; $('.otp_option2.handle_color.' + _value_style).each(function(ele, index) { var currentColor = $(this).attr('data-class') if (isSelectColor == false) { isSelectColor = true; boolCallByStyle = true; $(this).click(); $(this).addClass('active'); boolCallByStyle = false; } var image_t = getUrlImageByStyle(_value_style, currentColor) if(image_t != undefined){ $(this).find('img').attr("src", image_t); } }) //END: CLICK_COLOR_AND_SIZE---------------------------------------------------- //Start: GAN_GIA_TRI_DE_XU_LY ---------------------------------------------------- style = $(this).attr('data-style'); color = $("#name_color").html(); size = $("#name_size").html(); $("#pattern").val(_value_style); //End: GAN_GIA_TRI_DE_XU_LY---------------------------------------------------- let name = style + '/' + color + '/' + size; let name_dao = size + '/' + color + '/' + style; //kiêm tra trường hợp có 2 trường. if (style === undefined) { name = color + '/' + size; name_dao = size + '/' + color; } if (color === undefined) { name = style + '/' + size; name_dao = size + '/' + style; } if (size === undefined) { name = style + '/' + color; name_dao = color + '/' + style; } //kiểm tra tường hợp có 1 trường. if (style === undefined && color === undefined) { name = size; name_dao = size; } if (size === undefined && color === undefined) { name = style; name_dao = style; } if (size === undefined && style === undefined) { name = color; name_dao = color; } name_dao = name_dao.split(' ').join(''); name = name.split(' ').join(''); let disabled = true; //check gia tri hinh va lay thong tin hinh anh variations.forEach(function(val) { if(val.name !== undefined){ if ((val.name).split(' ').join('') === name || (val.name).split(' ').join('') === name_dao) { val.description !== undefined ? src = val.description : src = val.image; price = val.regular_price; sku = val.sku; disabled = false; } } }); if (disabled === true) { $('.single_add_to_cart_button').prop('disabled', true); $('#no-options').html('

Sorry, no products matched your selection. Please choose a different combination.

'); $('.change_price').html(''); } else { $('.single_add_to_cart_button').prop('disabled', false); $('#no-options').html(''); $('.change_price').html('$' + price); } // $('.woocommerce-product-gallery__image').attr('data-thumb', src); // $('.woocommerce-product-gallery__image a').href = src; // $('.woocommerce-product-gallery__image img').attr('src', src); var listItems = $('.woocommerce-product-gallery__image'); listItems.each(function(index, value) { if ($(value).attr("data-thumb") == src) { $(".product-gallery-slider").flickity('select', index); } }); // $('.change_price').html('$' + price); $('#input_price').val(price); // $('.input_price').html('$' + price); $('.input_price').each(function(index, value) { $(value).html(price); }); $('.name_sticky_222').each(function(index, value) { let sti_name = null; if(name.split('/').length > 1){ name.split('/'). forEach(function(vln){ if(sti_name == null){ sti_name = vln; } else{ sti_name = sti_name + ' / ' + vln; } }); } else{ sti_name = name; } $(value).html(sti_name); }); $('.origin_price').each(function(index, value) { $(value).html('$' + (parseFloat(price) + parseFloat(discountDefault)).toFixed(2)); }); //Minhasd $('#input_image').val(src); $('#input_name').val(name); $('#sku').val(sku); // puzuka $('.sticky-add-to-cart-img').attr("src", src); }); // puzuka_event_js $('.opt_ul_option2.color > li').on('click', function() { // console.log($(this).attr('data-color')); if ($(this).hasClass("disabled") && boolCallByStyle == false) return; $("#name_color").html($(this).attr('data-color')); $('.opt_ul_option2.color > li').each(function(ele, index) { $(this).removeClass('active'); }) $(this).addClass('active'); color = $(this).attr('data-color'); style = $("#name_style").html(); size = $('#name_size').html(); $("#color").val(color); $("#name_color").attr("data-info",$(this).attr('data-class')); checkEnable("Color",$(this).attr('data-class')); let name = style + '/' + color + '/' + size; let name_dao = size + '/' + color + '/' + style; if (style === undefined) { name = color + '/' + size; name_dao = size + '/' + color; } if (color === undefined) { name = style + '/' + size; name_dao = size + '/' + style; } if (size === undefined) { name = style + '/' + color; name_dao = color + '/' + style; } //kiểm tra tường hợp có 1 trường. if (style === undefined && color === undefined) { name = size; name_dao = size; } if (size === undefined && color === undefined) { name = style; name_dao = style; } if (size === undefined && style === undefined) { name = color; name_dao = color; } name_dao = name_dao.split(' ').join(''); name = name.split(' ').join(''); let disabled = true; //check gia tri hinh va lay thong tin hinh anh variations.forEach(function(val) { if(val.name !== undefined){ if ((val.name).split(' ').join('') === name || (val.name).split(' ').join('') === name_dao) { val.description !== undefined ? src = val.description : src = val.image; price = val.regular_price; sku = val.sku; disabled = false; //console.log(val.image);// viet lay thong tin hinh anh var productImage = document.querySelector(".modified-product-image img"); // Set the new image URL productImage.src =val.image; } } }); if (disabled === true) { $('.single_add_to_cart_button').prop('disabled', true); $('#no-options').html('

Sorry, no products matched your selection. Please choose a different combination.

'); $('.change_price').html(''); } else { $('.single_add_to_cart_button').prop('disabled', false); $('#no-options').html(''); $('.change_price').html('$' + price); } //Check da dien du data chua check_sumit_form (); // $('.woocommerce-product-gallery__image').attr('data-thumb', src); // $('.woocommerce-product-gallery__image a').href = src; // $('.woocommerce-product-gallery__image img').attr('src', src); var listItems = $('.woocommerce-product-gallery__image'); listItems.each(function(index, value) { if ($(value).attr("data-thumb") == src) { $(".product-gallery-slider").flickity('select', index); } }); $('#input_price').val(price); // $('.input_price').html('$' + price); $('.input_price').each(function(index, value) { $(value).html(price); }); $('.name_sticky_222').each(function(index, value) { let sti_name = null; if(name.split('/').length > 1){ name.split('/'). forEach(function(vln){ if(sti_name == null){ sti_name = vln; } else{ sti_name = sti_name + ' / ' + vln; } }); } else{ sti_name = name; } $(value).html(sti_name); }); $('.origin_price').each(function(index, value) { $(value).html('$' + (parseFloat(price) + parseFloat(discountDefault)).toFixed(2)); }); $('#input_name').val(name); $('#input_image').val(src); $('#sku').val(sku); // puzuka $('.sticky-add-to-cart-img').attr("src", src); }) $('.opt_ul_option2.size > li').on('click', function() { // console.log("-----------call size---------------"); // console.log($(this).val()); if ($(this).hasClass("disabled") && boolCallByStyle == false) return; $("#name_size").html($(this).attr('data-size')); $('.opt_ul_option2.size > li').each(function(ele, index) { $(this).removeClass('active'); }) $(this).addClass('active'); "" size = $(this).attr('data-size'); style = $("#name_style").html(); color = $("#name_color").html(); $("#size").val(size); $("#name_size").attr("data-info",$(this).attr('data-class')); checkEnable("Size", $(this).attr('data-class')); let name = style + '/' + color + '/' + size; let name_dao = size + '/' + color + '/' + style; if (style === undefined) { name = color + '/' + size; name_dao = size + '/' + color; } if (color === undefined) { name = style + '/' + size; name_dao = size + '/' + style; } if (size === undefined) { name = style + '/' + color; name_dao = color + '/' + style; } //kiểm tra tường hợp có 1 trường. if (style === undefined && color === undefined) { name = size; name_dao = size; } if (size === undefined && color === undefined) { name = style; name_dao = style; } if (size === undefined && style === undefined) { name = color; name_dao = color; } name_dao = name_dao.split(' ').join(''); name = name.split(' ').join(''); let disabled = true; //check gia tri hinh va lay thong tin hinh anh variations.forEach(function(val) { if(val.name !== undefined){ if ((val.name).split(' ').join('') === name || (val.name).split(' ').join('') === name_dao) { val.description !== undefined ? src = val.description : src = val.image; price = val.regular_price; sku = val.sku; disabled = false; } } }); if (disabled === true) { $('.single_add_to_cart_button').prop('disabled', true); $('#no-options').html('

Sorry, no products matched your selection. Please choose a different combination.

'); $('.price').html(''); console.log('bam vao size'+ price); } else { $('.single_add_to_cart_button').prop('disabled', false); $('#no-options').html(''); $('.price').html('$' + price); // console.log('bam vao size'+ price);//viet } //Check da dien du data chua check_sumit_form (); // $('.woocommerce-product-gallery__image').attr('data-thumb', src); // $('.woocommerce-product-gallery__image a').href = src; // $('.woocommerce-product-gallery__image img').attr('src', src); // $('.wp-post-image').attr('src', src); var listItems = $('.woocommerce-product-gallery__image'); listItems.each(function(index, value) { if ($(value).attr("data-thumb") == src) { $(".product-gallery-slider").flickity('select', index); } }); $('#input_price').val(price); // $('.input_price').html('$' + price); $('.input_price').each(function(index, value) { $(value).html(price); }); $('.name_sticky_222').each(function(index, value) { let sti_name = null; if(name.split('/').length > 1){ name.split('/'). forEach(function(vln){ if(sti_name == null){ sti_name = vln; } else{ sti_name = sti_name + ' / ' + vln; } }); } else{ sti_name = name; } $(value).html(sti_name); }); $('.origin_price').each(function(index, value) { $(value).html('$' + (parseFloat(price) + parseFloat(discountDefault)).toFixed(2)); }); $('#input_image').val(src); $('#input_name').val(name); $('#sku').val(sku); // puzuka $('.sticky-add-to-cart-img').attr("src", src); }) //reset option. $('#reset_option').css('cursor', 'pointer').click(function() { $('#size').prop('selectedIndex', 0); $('#pattern').prop('selectedIndex', 0); $('#color').prop('selectedIndex', 0); $('.single_add_to_cart_button').prop('disabled', false); $('ul.color').find('li').each(function(index, value) { $(value).removeClass('active'); $(value).removeClass('disabled'); }); $('ul.size').find('li').each(function(index, value) { $(value).removeClass('active'); $(value).removeClass('disabled'); }); $('.input_price').each(function(index, value) { $(value).html(variations[0].regular_price); }); $('.name_sticky_222').each(function(index, value) { $(value).html(variations[0].name); }); }); $(".single_add_to_cart_button").css("display", "initial"); //reset custom input $('.upload_img_s3').html(''); $('.img_input').val(''); $('.input_text_form').val(''); // console.log($('.input_text_form')); $('.text_input').val(''); //Check da dien du data chua check_sumit_form (); }); //fresh when back if (performance.navigation.type == 2) { location.reload(true); }

'; $(fileInput).insertBefore('#add-file'); }); // Handle file change event $(document).on('change', '.image_input', function(){ var file = this.files[0]; if (file) { var container = $(this).closest('.file-container').find('.image-display'); uploadToS3(file, container); } }); // Delete file input field when clicking "Delete" button $(document).on('click', '.delete-button', function(){ var id = $(this).data('id'); $('#file-container-' + id).remove(); });});