https://www.shoproyal.jp/js/usr/goods.js?260128_v0

1var ecblib = ecblib || {};
2ecblib.customize = ecblib.customize || {};
3ecblib.customize.goods = ecblib.customize.goods || {};
4
5(function () {
6    'use strict';
7
8    var _goods = ecblib.customize.goods;
9
10}());
11
12jQuery('.tab-menu.col-3 li').click(function(){
13  jQuery('.tab-menu.col-3 li').removeClass('active');
14  jQuery(this).addClass('active');
15  jQuery('.tab-pane').hide();
16  jQuery('.tab-pane').eq(jQuery('.tab-menu.col-3 li').index(this)).css('display','flex')
17});
18jQuery('.page-goods .shopping-giude-item p.shopping-giude-item-title').click(function(){
19  jQuery(this).toggleClass('active');
20  jQuery(this).next().slideToggle('fast');
21});
22
23var swiper = new Swiper("#itemHistoryDetail .swiper ", {
24  slidesPerView: "4",       // スライドの表示枚数を自動に設定
25  spaceBetween: 1,             // スライド間のスペース
26  grabCursor: true,            // カーソルを掴むような効果
27  mousewheel: {                // マウスホイールでの操作設定
28    enabled: true,             // マウスホイール操作を有効に
29    sensitivity: 5,            // 感度を設定
30    forceToAxis: true,         // 水平方向のみに制限
31  },                    
32  scrollbar: {
33      el: '.swiper-scrollbar',
34      hide: false,
35      draggable: true,
36  },
37});
38
39jQuery('.block-accessory-list .block-thumbnail-t').addClass('swiper');
40jQuery('.block-accessory-list .block-thumbnail-t--item').addClass('swiper-wrapper');
41jQuery('.block-accessory-list .block-thumbnail-t--goods').addClass('swiper-slide');
42jQuery('<div class="swiper-scrollbar"></div>').insertAfter('.block-accessory-list .swiper-wrapper');
43//商品詳細(かごのフォーム以外)
44var swiper3_1 = new Swiper(".block-accessory-list:not(.cart-form) .swiper ", {
45  slidesPerView: "4",       // スライドの表示枚数を自動に設定
46  spaceBetween: 1,             // スライド間のスペース
47  grabCursor: true,            // カーソルを掴むような効果
48  mousewheel: {                // マウスホイールでの操作設定
49    enabled: true,             // マウスホイール操作を有効に
50    sensitivity: 5,            // 感度を設定
51    forceToAxis: true,         // 水平方向のみに制限
52  },                    
53  scrollbar: {
54      el: '.swiper-scrollbar',
55      hide: false,
56      draggable: true,
57  },       
58});
59//商品詳細(かごのフォーム)
60var swiper3_2 = new Swiper(".block-accessory-list.cart-form .swiper ", {
61  slidesPerView: "3",       // スライドの表示枚数を自動に設定
62  spaceBetween: 8,             // スライド間のスペース
63  grabCursor: true,            // カーソルを掴むような効果
64  mousewheel: {                // マウスホイールでの操作設定
65    enabled: true,             // マウスホイール操作を有効に
66    sensitivity: 5,            // 感度を設定
67    forceToAxis: true,         // 水平方向のみに制限
68  },                    
69  scrollbar: {
70      el: '.swiper-scrollbar',
71      hide: false,
72      draggable: true,
73  },       
74});
75var swiper2 = new Swiper(".block_top_arrangerecipe_main", {
76  slidesPerView: 4,
77  loop: true,                
78  scrollbar: {
79      el: '.swiper-scrollbar',
80      hide: false,
81      draggable: true,
82  },
83 
84});
85jQuery('.js-goods-img-item').eq(0).addClass('active');
86jQuery('.js-goods-img-item').click(function(){
87  jQuery('.js-goods-img-item').removeClass('active');
88  jQuery(this).addClass('active');
89});
90
91//メインカートボタンクリック識別
92jQuery(document).on('click','.block-add-cart--btn',function(){
93	if (!jQuery('.add-cart--reco').length) {
94		jQuery('body').addClass('add-cart--reco');
95	}
96});
97jQuery(document).on('click','.block-accessory-list.cart-form .block-list-add-cart-btn',function(){
98	if (jQuery('.add-cart--reco').length) {
99		jQuery('body').removeClass('add-cart--reco');
100	}
101});
102//商品詳細(かごのフォーム)商品名
103if (jQuery('.block-accessory-list.cart-form').length) {
104	setTimeout(function() {
105		jQuery('.block-accessory-list.cart-form .block-thumbnail-t--goods-name').tile();
106	}, 500);
107}