https://www.falierosarti.jp/assets/front/js/top.js?1783481759

1$(document).ready(function() {
2	if ($("#mainImg .flexslider .slides li").length > 1) {
3		$('.flexslider').flexslider({
4			controlNav:true,
5			slideshow:true,
6			animation:"slide",
7			slideshowSpeed: 5000,
8			animationSpeed: 1000,
9			directionNav:true,
10			prevText:'',
11			nextText:'',
12			start: function() {$('.flexslider').css("height", "auto");}
13		});
14	} else if ($("#secondImg .flexslider .slides li").length > 1) {
15		$('.flexslider').flexslider({
16			controlNav:true,
17			slideshow:true,
18			animation:"slide",
19			slideshowSpeed: 5000,
20			animationSpeed: 1000,
21			directionNav:true,
22			prevText:'',
23			nextText:'',
24			start: function() {$('.flexslider').css("height", "auto");}
25		});
26	}else if ($("#thirdImg .flexslider .slides li").length > 1) {
27		$('.flexslider').flexslider({
28			controlNav:true,
29			slideshow:true,
30			animation:"slide",
31			slideshowSpeed: 5000,
32			animationSpeed: 1000,
33			directionNav:true,
34			prevText:'',
35			nextText:'',
36			start: function() {$('.flexslider').css("height", "auto");}
37		});
38	} else {
39		$(".flexslider .slides li").show();
40	}
41
42	// $('.owl-carousel').owlCarousel({
43	// 	stagePadding: 180,
44	// 	loop:false,
45	// 	margin:17,
46	// 	nav:true,
47	// 	items:4,
48	// 	responsive:{
49	// 		0:{
50	// 			items:5,
51	// 			loop:false,
52	// 			stagePadding: 15,
53	// 			margin:5,
54	// 		},
55	// 		750:{
56	// 			items:4,
57	// 			stagePadding: 30,
58	// 		},
59	// 		990:{
60	// 			items:5,
61	// 			stagePadding: 60,
62	// 		},
63	// 		1200:{
64	// 			items:6,
65	// 			stagePadding: 80,
66	// 		},
67	// 		1400:{
68	// 			stagePadding: 100,
69	// 		},
70	// 	}
71	// })
72});
73$(window).on('load',function(){
74	$(".owl-carousel").owlCarousel({
75		items: 4,
76		loop: true,
77		nav: true,
78		margin: 12,
79		responsive:{
80			0: { 
81				items:2,
82				margin: 0,
83			},
84			750: { items:4 },
85		}
86	});
87
88	// サムネホバーアクション
89	$(document).on('mouseenter touchstart','.recommend-list .item_checked__img',function(){
90		var $recommend_thisimg = $(this),
91			$recommend_thischip = $recommend_thisimg.closest('.item').find('.chip.active'),
92			recommend_changeimg2 = $recommend_thischip.data("changeImage");
93		if (recommend_changeimg2.length){
94			$recommend_thisimg.attr('src', recommend_changeimg2);
95		}
96	}), 
97	// マウスアウト時に元に戻す(SPは指が離れたときに元に戻す)
98	$(document).on('mouseleave touchend touchcancel','.recommend-list .item_checked__img',function(){
99		var $recommend_thisimg = $(this),
100			$recommend_thischip = $recommend_thisimg.closest('.item').find('.chip.active'),
101			recommend_changeimg = $recommend_thischip.data("image");
102		if (recommend_changeimg.length){
103			$recommend_thisimg.attr('src', recommend_changeimg);
104		}
105	});
106});
107$(window).on('load',function(){
108	$(".blog-list.owl-carousel").owlCarousel({
109		// items: 3,
110		loop: true,
111		nav: true,
112		margin: 50,
113		responsive:{
114			0: { items:1 },
115			750: { items:3 },
116		}
117	});
118});
119
120// カラーチップホバーアクション(recommend)
121$(document).on('mouseenter', '.recommend-list .color-list > li', function(){
122	var $thischip = $(this),
123		changeurl = $thischip.data("url"),
124		changeimg = $thischip.data("image"),
125		changeimg2 = $thischip.data("changeImage"),
126		$activechip = $thischip.closest('.item').find('.chip.active');
127
128		$activechip.data("image", changeimg);
129		$activechip.data("changeImage", changeimg2);
130
131	if (changeimg.length){
132		$thischip.closest('.item').find('.item_checked__img').attr('src', changeimg);
133		$thischip.closest('.item').find('.item_checked__link').attr('href', changeurl);
134	}
135});
136
137// カラーチップ押下でそのカラーの商品詳細に遷移
138$(document).ready(function() {
139	$('.recommend-list .color-chip').on('click', function() {
140		const url = $(this).data('url');
141		if (url) {
142			window.location.href = url;
143		}
144	});
145});
146
147// コレクションのタイトルに対応するカテゴリIDを拾って「コレクションを見る」ボタンのリンクを動的に生成
148$(document).ready(function () {
149	$('.main-title').each(function () {
150		const categoryId = $(this).data('category-id');
151		const $button = $(this)
152			.closest('.collection-block')
153			.next()
154			.find('.view-more-collection');
155
156		if (categoryId && $button.length) {
157			const href = $button.attr('href');
158			const baseHref = href.split('=')[0] + '=';
159			$button.attr('href', baseHref + categoryId);
160		}
161	});
162});