jQuery(window).load(function () { //3つ並び jQuery('ul.block-pickup-list-p--items').each(function (a) { jQuery(this).attr('id', 'goods-pickup' + (a + 1)); idname = "#goods-pickup" + (a + 1) + " "; jQuery(idname + "div.block-auto-icon").tile(3); jQuery(idname + ".block-pickup-list-p--item-description").tile(3); }); //5つ並び jQuery('ul.block-thumbnail-t').each(function (b) { jQuery(this).attr('id', 'goods-thumbnail' + (b + 1)); idname = "#goods-thumbnail" + (b + 1) + " "; jQuery(idname + "div.block-auto-icon").tile(5); jQuery(idname + ".block-thumbnail-t--goods-description").tile(5); }); jQuery('ul.block-goods-detail-j--items').each(function (d) { jQuery(this).attr('id', 'goods-detail' + (d + 1)); idname = "#goods-detail" + (d + 1) + " "; jQuery(idname + "div.block-auto-icon").tile(5); jQuery(idname + ".block-goods-detail-j--goods-description").tile(5); }); //ランキング jQuery('ul.block-ranking-r--items').each(function (c) {r('id', 'goods-ranking' + (c + 1)); idname = "#goods-ranking" + (c + 1) + " "; jQuery(idname + ".block-ranking-r--goods-description").tile(4); jQuery(idname + "div.block-auto-icon").tile(4); }); //チェックしたアイテム jQuery('ul.block-thumbnail-h').each(function (f) { jQuery(this).attr('id', 'goods-history' + (f + 1)); idname = "#goods-history" + (f + 1) + " "; jQuery(idname + ".block-thumbnail-h--goods-description").tile(6); }); //ブランドリスト jQuery('li.block-brand-list--item').each(function () { var $img = jQuery(this).find('span.block-brand-list--name img'); var width = $img.width(); var height = $img.height(); var maxWidth = jQuery(this).find('span.block-brand-list--name').width(); width /= height / 60; height = 60; if (width > maxWidth) { height /= width / maxWidth; width = maxWidth; } $img.css({ width: width + 'px', height: height + 'px' }); }); jQuery('ul.block-brand-list--items').each(function () { jQuery(".block-brand-list--item-name span").tile(3); }); //ブランド詳細 jQuery('.block-brand-header').each(function () { var logosize = jQuery(this).children('img').height() * 0.8; jQuery(this).children('img').css('height', logosize + 'px'); }); //商品詳細 jQuery('.block-goods-icon').each(function () { var logosize = jQuery(this).find('span.block-icon--brand img').height() * 0.5; jQuery(this).find('span.block-icon--brand img').css('height', logosize + 'px'); jQuery(this).css('width', '240px'); }); // トップページ本文 jQuery('body.page-top main.pane-main').animate({ opacity: 1 }, 600); }); jQuery(function () { //-- グローバルナビをヘッダの中へ移動======================================================================================== jQuery('div.block-globalnav-wrapper').appendTo('#header'); //カテゴリツリーをアコーディオン化======================================================================================== jQuery('ul.block-category-tree--level-2, ul.block-category-tree--level-3, ul.block-category-tree--level-4').each(function () { jQuery(this).before(''); jQuery(this).parent('li').addClass('category-tree--acc'); }); //左メニュー(カテゴリ) if (jQuery('.block-category-tree .block-category-tree--level-1 .block-category-tree--item__open').length) { //下の階層あれば開く if (jQuery('.block-category-tree .block-category-tree--level-1 .block-category-tree--item__open').children('.block-category-tree--level-2').length) { jQuery('.block-category-tree .block-category-tree--level-1 .block-category-tree--item__open').children('.block-category-tree--level-2').show(); jQuery('.block-category-tree .block-category-tree--level-1 .block-category-tree--item__open').children('span.category-tree--accordion').addClass('close'); } else { } } else { } if (jQuery('.block-category-tree .block-category-tree--level-2 .block-category-tree--item__open').length) { jQuery('.block-category-tree .block-category-tree--level-2 .block-category-tree--item__open').parents('.block-category-tree--level-2').show(); jQuery('.block-category-tree .block-category-tree--level-2 .block-category-tree--item__open').parents('.block-category-tree--level-2').prev('span.category-tree--accordion').addClass('close'); //下の階層あれば開く if (jQuery('.block-category-tree .block-category-tree--level-2 .block-category-tree--item__open').children('.block-category-tree--level-3').length) { jQuery('.block-category-tree .block-category-tree--level-2 .block-category-tree--item__open').children('.block-category-tree--level-3').show(); } else { } } else { } if (jQuery('.block-category-tree .block-category-tree--level-3 .block-category-tree--item__open').length) { jQuery('.block-category-tree .block-category-tree--level-3 .block-category-tree--item__open').parents('.block-category-tree--level-3').show(); jQuery('.block-category-tree .block-category-tree--level-3 .block-category-tree--item__open').parents('.block-category-tree--level-3').prev('span.category-tree--accordion').addClass('close'); jQuery('.block-category-tree .block-category-tree--level-3 .block-category-tree--item__open').parents('.block-category-tree--level-3').addClass('close'); //下の階層あれば開く if (jQuery('.block-category-tree .block-category-tree--level-3 .block-category-tree--item__open').children('.block-category-tree--level-4').length) { jQuery('.block-category-tree .block-category-tree--level-3 .block-category-tree--item__open').children('.block-category-tree--level-4').show(); jQuery('.block-category-tree .block-category-tree--level-3 .block-category-tree--item__open').children('span.category-tree--accordion').addClass('close'); } else { } } else { } if (jQuery('.block-category-tree .block-category-tree--level-4 .block-category-tree--item__open').length) { jQuery('.block-category-tree .block-category-tree--level-4 .block-category-tree--item__open').parents('.block-category-tree--level-4').show(); jQuery('.block-category-tree .block-category-tree--level-4 .block-category-tree--item__open').parents('.block-category-tree--level-4').prev('span.category-tree--accordion').addClass('close'); jQuery('.block-category-tree .block-category-tree--level-4 .block-category-tree--item__open').parents('.block-category-tree--level-4').addClass('close'); } else { } //アコーディオン展開 jQuery('.category-tree--accordion').click(function () { jQuery(this).next('ul.block-category-tree--items').slideToggle(); jQuery(this).toggleClass('close'); }); //ジャンルツリーをアコーディオン化======================================================================================== jQuery('ul.block-genre-tree--level2, ul.block-genre-tree--level3, ul.block-genre-tree--level4').each(function () { jQuery(this).before(''); jQuery(this).parent('li').addClass('genre-tree--acc'); }); //アコーディオン展開 jQuery('.genre-tree--accordion').click(function () { jQuery(this).next('ul.block-genre-tree--items').slideToggle(); jQuery(this).toggleClass('close'); }); //トップビジュアル======================================================================================== jQuery("#top-slider").each(function () { jQuery("#top-slider").hide(); var w = jQuery(window).width(); var visualP = (w - 540 * 3) / 2; jQuery("#top-slider").slick({ dots: true, arrows: false, infinite: true, centerMode: true, slidesToShow: 3, centerPadding: visualP + 'px', autoplay: true, autoplaySpeed: 2000, responsive: [{ breakpoint: 1600, settings: { centerPadding: '0px', } } ] }); jQuery("#top-slider.slick-slider").show(); }); //-- タイトルにタグを追加======================================================================================== //jQuery('.h1, h2.block-top-event--header, h2.block-recent-item--header, h2.block-accessory-list--name').wrapInner(''); //-- トップページ イベントタブ化======================================================================================== jQuery('div.event-tabttl').each(function () { //goodsエリアを囲んでIDを設定 jQuery(this).next('div.block-top-event--goods').next('div.block-top-event--goods--inner').wrap('
'); jQuery('div.block-top-event--tabwrap').each(function (ii) { jQuery(this).attr('id', 'event-tab' + (ii + 1) + '-wrap'); }); }); jQuery('div.block-event--btn-more').each(function () { //moreボタンを移動 jQuery(this).appendTo(jQuery(this).prev('div.block-top-event--tabwrap')); }); if (jQuery('div.event-tabttl').length) { //タイトルを囲む jQuery("div.event-tabttl[class$='new']").wrapAll('
'); jQuery("div.event-tabttl[class$='osusume']").wrapAll('
'); //タイトルに連番を設定 jQuery('div.event-tabttl').each(function (i) { jQuery(this).attr('id', 'event-tab' + (i + 1)); }); //1つ目をアクティブ状態にする jQuery('div.event-tabttl:first-child').addClass('select'); } jQuery('div.block-top-event--tabttlwrap').each(function () { //タイトルの数を数えてタブ全体を囲む var tabsize = jQuery(this).children('div').length; while (jQuery("div.block-top-event").children("div.block-top-event--tabwrap").length) { jQuery('div.block-top-event').children('div.block-top-event--tabwrap:lt(' + tabsize + ')').wrapAll('
') } }); jQuery('div.block-top-event--tabwrapall').each(function () { //タブ内の1つめをアクティブ状態にする jQuery(this).children('div.block-top-event--tabwrap:first-child').addClass('active'); }); jQuery('div.event-tabttl').click(function () { var eventNo = jQuery(this).attr('id'); jQuery(this).parent('div.block-top-event--tabttlwrap').children('div.event-tabttl').removeClass('select'); jQuery(this).addClass('select'); jQuery(this).parent('div.block-top-event--tabttlwrap').next('div.block-top-event--goods').next('div.block-top-event--tabwrapall').children('div.block-top-event--tabwrap').removeClass('active'); jQuery('#' + eventNo + '-wrap').addClass('active'); jQuery("ul.block-thumbnail-t").find("div.block-auto-icon").tile(5); jQuery("ul.block-thumbnail-t").find(".block-thumbnail-t--goods-description").tile(5); }); //-- 商品詳細;詳細画像======================================================================================== if (!jQuery('.page-goods #Frame-goods').length) { jQuery("div.block-goods-gallery ul").each(function () { var thuSize = jQuery(this).children('li').length; var test = 96 * thuSize; jQuery('div.block-goods-gallery').css('width', test + 'px'); }); jQuery("div.block-src-l").each(function () { jQuery("div.block-src-l").slick({ dots: false, infinite: true, speed: 500, asNavFor: 'div.block-goods-gallery ul' }); jQuery("div.block-goods-gallery ul").slick({ slidesToShow: "thuSize", focusOnSelect: true, asNavFor: 'div.block-src-l' }); }); } //ブランドトップビジュアル======================================================================================== jQuery("div.block-brand-detail--image").each(function () { //jQuery("#top-slider").hide(); var w = jQuery(window).width(); var visualP = (w - 800) / 2; jQuery("div.block-brand-detail--image ul").slick({ dots: true, arrows: false, infinite: true, centerMode: true, slidesToShow: 1, centerPadding: visualP + 'px', autoplay: true }); //jQuery("#top-slider.slick-slider").show(); }); //静的ページ;アコーディオン======================================================================================== jQuery('.block-freepage-acc').each(function () { jQuery(this).children('dt').append(''); jQuery(this).children('dt').click(function () { jQuery(this).next('dd').slideToggle(); jQuery(this).parent('.block-freepage-acc').toggleClass('close'); }); }); //-- トップページへ戻る初期値======================================================================================== jQuery('#footer_pagetop').hide(); //--- スムーススクロール jQuery('a[href^=#]').click(function () { var speed = 500; var href = jQuery(this).attr("href"); var target = jQuery(href == "#" || href == "" ? 'html' : href); var position = target.offset().top; jQuery('body,html').animate({ scrollTop: position }, speed, 'swing'); return false; }); }); jQuery(window).on('scroll resize', function () { if (!jQuery('body').is('.page-category, .page-search, .page-goods')) { var scrollHeight = jQuery(document).height(); var scrollPosition = jQuery(window).height() + jQuery(window).scrollTop(); var footHeight = jQuery('footer').height() - jQuery('#footernav').height() - jQuery('ul.block-switcher').height(); if (jQuery(this).scrollTop() > 120) { jQuery('#footer_pagetop').fadeIn(); } else if (jQuery(this).scrollTop() < 80) { jQuery('#footer_pagetop').fadeOut(); } if (scrollHeight - scrollPosition <= footHeight) { jQuery('#footer_pagetop').css({ "position": "fixed", "bottom": "80px" }); } else { jQuery('#footer_pagetop').css({ "position": "fixed", "bottom": "35px" }); } } }); //もっと見るボタン jQuery(function () { jQuery('.block-header-more-btn').click(function () { if (jQuery(this).hasClass('block-header-more-btn-open')) { jQuery('.block-header-more-btn-overlay').hide(); jQuery(this).removeClass('block-header-more-btn-open'); jQuery('.block-headernav-menu-box').slideUp(300); } else { jQuery('.block-header-more-btn-overlay').show(); jQuery(this).addClass('block-header-more-btn-open'); jQuery('.block-headernav-menu-box').slideDown(300); } }); jQuery('.block-header-more-btn-overlay').click(function () { jQuery(this).hide(); jQuery('.block-header-more-btn').removeClass('block-header-more-btn-open'); jQuery('.block-headernav-menu-box').slideUp(300); }); }); //検索ボタン jQuery(function () { jQuery('.block-global-search-btn').click(function () { jQuery('.block-global-search-box_').show(); jQuery('.block-global-search-btn').hide(); jQuery('.block-global-search-close-btn').show(); jQuery('.block-global-search-overlay').show(); }); jQuery('.block-global-search-close-btn').click(function () { jQuery('.block-global-search-box_').hide(); jQuery('.block-global-search-close-btn').hide(); jQuery('.block-global-search-btn').show(); jQuery('.block-global-search-overlay').hide(); }); jQuery('.block-global-search-overlay').click(function () { jQuery(this).hide(); jQuery('.block-global-search-box_').hide(); jQuery('.block-global-search-close-btn').hide(); jQuery('.block-global-search-btn').show(); }); }); jQuery(function(){ jQuery('.block-color-size-with-cart').children('h2').after(jQuery('.block-variation .size-selection')); }); //-- 会員登録======================================================================================== jQuery(function () { jQuery('.block-member-info--area-item .block-member-info--area-acc-btn').on('click', function () { if(jQuery(this).hasClass('block-member-info--area-acc-btn-open')){ jQuery(this).removeClass('block-member-info--area-acc-btn-open'); jQuery(this).parents('.block-member-info--area-item').next('.js-pref-accordion').children('.block-member-info--pref-acc').slideUp(200); }else{ /* リセット */ jQuery('.block-member-info--area-item .block-member-info--area-acc-btn').removeClass('block-member-info--area-acc-btn-open'); jQuery('.block-member-info--pref-item .block-member-info--pref-acc').slideUp(200); jQuery(this).addClass('block-member-info--area-acc-btn-open'); jQuery(this).parents('.block-member-info--area-item').next('.js-pref-accordion').children('.block-member-info--pref-acc').slideDown(200); } }); jQuery('.block-member-info--area-item input[type=checkbox]').change(function() { if(jQuery(this).prop('checked')){ /* リセット */ jQuery('.block-member-info--area-item .block-member-info--area-acc-btn').removeClass('block-member-info--area-acc-btn-open'); jQuery('.block-member-info--pref-item .block-member-info--pref-acc').slideUp(200); //チェックすべてつける jQuery(this).parents('.block-member-info--area-item').next('.block-member-info--pref-item').find('input[type=checkbox]').prop('checked', true); jQuery(this).nextAll('.block-member-info--area-acc-btn').addClass('block-member-info--area-acc-btn-open'); jQuery(this).parents('.block-member-info--area-item').next('.js-pref-accordion').children('.block-member-info--pref-acc').slideDown(200); }else{ //チェックすべてはずす jQuery(this).parents('.block-member-info--area-item').next('.block-member-info--pref-item').find('input[type=checkbox]').prop('checked', false); jQuery(this).nextAll('.block-member-info--area-acc-btn').removeClass('block-member-info--area-acc-btn-open'); jQuery(this).parents('.block-member-info--area-item').next('.js-pref-accordion').children('.block-member-info--pref-acc').slideUp(200); } }); }); /* -------------イベントピックアップ対応-------------- */ jQuery(function () { if(jQuery('.page-event .block-event-page--goods .block-pickup-list-p').length) { let eventPickUpListElm = '.page-event .block-goods-list--pager-top.block-goods-list--pager, .page-event .block-goods-list--pager-bottom.block-goods-list--pager'; jQuery(eventPickUpListElm).show(); } }); jQuery(function(){ jQuery('.footer-acc-ttl').click(function() { if (jQuery(this).next().not(':animated').length >= 1) { jQuery(this).toggleClass('footer_open_'); jQuery(this).next().stop(true).slideToggle(); }; }); });