最近チェックしたアイテム
5
20
large
off
horizontal
off
#000000
#000000
#ffffff
let timerRV = setInterval(function() {
if ($ && $.fn && $.fn.slick) {
mainRV();
clearInterval(timerRV);
} else {
console.log('waiting for jQuery and slick');
console.log('jQuery', $);
console.log('jQuery.fn', $.fn);
console.log('jQuery.fn.slick', $.fn.slick);
}
}, 1000);
document.querySelector('#spHeaderBrand__topMenu__btn').addEventListener('click', function() {
$('.sidebar-recentlyview').slick('unslick');
$(".sidebar-recentlyview").slick({
slidesToShow: 2.5,
slidesToScroll: 1,
arrows: true,
infinite: false,
autoplay: false,
initialSlide: 0
});
});
function mainRV() {
var divParent = document.createElement('div');
divParent.setAttribute('class', 'sidebar-recentlyview-main');
$('.spHeaderBrand__detailMenu__recentlyViewedItems__header .information-accordion').append(divParent);
var divChild = document.createElement('div');
divChild.setAttribute('class', 'sidebar-recentlyview');
$('.sidebar-recentlyview-main').append(divChild);
const sidebarAppend = document.querySelectorAll('.Qe_Recently-view .slick-slide:not(.slick-cloned)');
Array.from(sidebarAppend).forEach((element, index) => {
var eleHtml = element.innerHTML;
$('.sidebar-recentlyview').append(eleHtml);
});
$(".sidebar-recentlyview").slick({
slidesToShow: 2.5,
slidesToScroll: 1,
arrows: true,
infinite: false,
autoplay: false,
initialSlide: 0
});
$('.recently_sliders').slick('unslick');
$('.recently_sliders').slick({
slidesToShow: 5,
infinite: false,
slidesToScroll: 1,
centerMode: false,
responsive: [{
breakpoint: 749,
settings: {
slidesToShow: 2.5
}
}]
});
$('.Qe_Recently-view').addClass('slick-active');
$(".product_price_regular").each(function() {
var salePriceElement = $(this).find('s').next();
var regularPriceElement = $(this).text();
console.log('salePriceElement', salePriceElement);
console.log('regularPriceElement', regularPriceElement);
var regularPriceTextArray = regularPriceElement.split(/\s+/);
console.log('regularPriceTextArray', regularPriceTextArray);
var salePriceText = regularPriceTextArray[1];
console.log('regularPriceTextArray[1]', regularPriceTextArray[1]);
var regularPriceText = regularPriceTextArray[0];
console.log('regularPriceTextArray[0]', regularPriceTextArray[0]);
$(this).empty();
var regularPriceNumber = Number(regularPriceText.slice(1).replace(/,/g, ''));
console.log('regularPriceNumber', regularPriceNumber);
var salePriceNumber = Number(salePriceText.slice(1).replace(/,/g, ''));
console.log('salePriceNumber', salePriceNumber);
var differenceInPrice = regularPriceNumber - salePriceNumber;
console.log('differenceInPrice', differenceInPrice);
var discountPercent = Math.round(differenceInPrice / regularPriceNumber * 100);
console.log('discountPercent', discountPercent);
var wrapperElement = document.createElement('div');
wrapperElement.setAttribute('class', 'products-card__price');
if (discountPercent !== 0) {
var discountElement = document.createElement('span');
discountElement.setAttribute('class', 'products-card__price__discount');
discountElement.innerHTML = discountPercent + '%OFF';
wrapperElement.appendChild(discountElement);
}
var priceElement = document.createElement('span');
priceElement.setAttribute('class', 'products-card__price');
if (discountPercent !== 0) {
priceElement.classList.add('onSale');
}
priceElement.innerHTML = salePriceText;
var taxElement = document.createElement('span');
taxElement.setAttribute('class', 'products-card__price__tax');
taxElement.innerHTML = '税込';
if (discountPercent !== 0) {
taxElement.classList.add('onSale');
}
wrapperElement.appendChild(priceElement);
wrapperElement.appendChild(taxElement);
$(this).append(wrapperElement);
});
}
¥
