FEATURE
ランキング
https://store.sanyo-shokai.co.jp/products/U1A07452?variant=49422223933752
https://store.sanyo-shokai.co.jp/products/U1A06450?variant=49363996377400
https://store.sanyo-shokai.co.jp/products/U1A47271?variant=47296814416184
https://store.sanyo-shokai.co.jp/products/U1A03440?variant=49302056829240
https://store.sanyo-shokai.co.jp/products/U1N10443?variant=49302029369656
https://store.sanyo-shokai.co.jp/products/U1A02430?variant=49302026617144
https://store.sanyo-shokai.co.jp/products/U1P05457?variant=49422229078328
https://store.sanyo-shokai.co.jp/products/U1N13491?variant=49331390513464
https://store.sanyo-shokai.co.jp/products/U1A08461?variant=49456492413240
https://store.sanyo-shokai.co.jp/products/U1J08436?variant=49331387760952
STAFF SNAP
RECOMMENDED ITEMS
閲覧履歴
4
20
large
off
horizontal
off
#202124
#202124
#ffffff
let isFirst = true;
let timerRV = setInterval(function() {
if ($ && $.fn && $.fn.slick) {
try{
mainRV();
clearInterval(timerRV);
}catch(error){
console.error(`timerRV Error: ${error}`);
clearInterval(timerRV);
}
const parentElement = document.querySelector('.spHeaderBrand__detailMenu__news__header__heading');
if (parentElement) {
parentElement.classList.remove('hidden');
}
}
}, 5000);
document.querySelector('#spHeader__topMenu__btn').addEventListener('click', function() {
$('.sidebar-recentlyview.slick-initialized').slick('unslick');
$(".sidebar-recentlyview").not('.slick-initialized').slick({
slidesToShow: 3.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').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").not('.slick-initialized').slick({
slidesToShow: 3.5,
slidesToScroll: 1,
arrows: true,
infinite: false,
autoplay: false,
initialSlide: 0
});
$('.recently_sliders.slick-initialized').slick('unslick');
$('.recently_sliders').not('.slick-initialized').slick({
slidesToShow: 4,
infinite: false,
slidesToScroll: 1,
centerMode: false,
arrows: true,
responsive: [{
breakpoint: 750,
settings: {
slidesToShow: 2.5,
arrows: true,
}
}]
});
$('.Qe_Recently-view').addClass('slick-active');
$(".product_price_regular").each(function() {
var salePriceElement = $(this).find('s').next();
var regularPriceElement = $(this).text();
var regularPriceTextArray = regularPriceElement.split(/\s+/);
var salePriceText = regularPriceTextArray[1];
var regularPriceText = regularPriceTextArray[0];
$(this).empty();
var regularPriceNumber = Number(regularPriceText.slice(1).replace(/,/g, ''));
var salePriceNumber = Number(salePriceText.slice(1).replace(/,/g, ''));
var differenceInPrice = regularPriceNumber - salePriceNumber;
var discountPercent = Math.round(differenceInPrice / regularPriceNumber * 100);
var wrapperElement = document.createElement('div');
wrapperElement.setAttribute('class', 'products-card__price');
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);
if (discountPercent !== 0) {
var discountElement = document.createElement('span');
discountElement.setAttribute('class', 'products-card__price__discount');
discountElement.innerHTML = discountPercent + '%OFF';
wrapperElement.appendChild(discountElement);
}
$(this).append(wrapperElement);
});
}
.Qe_Recently-view{width: 100%; max-width: 1024px; min-width: 0; margin: 0 auto 50px; padding:0 10px; }
.Qe_Recently-view .box-slider .product_title{width: 100%; font-weight: 400; font-size: 12px; line-height: 15px; margin-bottom: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.Qe_Recently-view .box-slider img{margin-bottom: 0px; aspect-ratio: 5/6!important; object-fit: cover; width: 100%;}
.Qe_Recently-view .box-outer {padding: 0 4px; margin:0px;}
.Qe_Recently-view .box-slider .product_title{padding:0 0px; text-align: left; margin-top: 3px; margin-bottom:11px;}
.Qe_Recently-view .product_price_main{text-align:left; font-size:16px; font-weight:400;}
.Qe_Recently-view .recently-viewed-ttl{text-align: left; font-weight: 700; font-size: 18px; line-height: 22px; border-bottom: 1px solid #ddd; padding-bottom: 8px; margin: 0 4px 10px 4px;}
.Qe_Recently-view .product_price_main .product_price s{margin:0 3px 0 0px;}
.Qe_Recently-view .box-slider:hover{opacity: .6;}
.Qe_Recently-view .recently_sliders .slick-next:before{display:none;}
.Qe_Recently-view .recently_sliders .slick-prev:before{display:none;}
.Qe_Recently-view .recently_sliders .slick-next {background-image: url(https://store.sanyo-shokai.co.jp/cdn/shop/t/7/assets/circle-arrow-right.svg); height: 25px; width: 25px; right: 10px; top: 40%; z-index: 2;}
.Qe_Recently-view .recently_sliders .slick-prev {background-image: url(https://store.sanyo-shokai.co.jp/cdn/shop/t/7/assets/circle-arrow-left.svg); height: 25px; width: 25px; top: 40%;
z-index: 2; left:10px;}
.Qe_Recently-view .recently_sliders .slick-next.slick-disabled,
.Qe_Recently-view .recently_sliders .slick-prev.slick-disabled {
display: none!important;
}
@media only screen and (min-width:768px) and (max-width:991px) {
}
@media only screen and (max-width:749px) {
.Qe_Recently-view .recently-viewed-ttl {
font-size: 14px;
}
.Qe_Recently-view .recently_sliders .slick-next {
top: 45%!important;
}
.Qe_Recently-view .recently_sliders .slick-prev {
top: 45%!important;
}
}
.Qe_Recently-view:not(.slick-active) {
display: none!important;
}
.slick-track {
margin-left: 0!important;
}
¥