https://www.ministop.co.jp/js/recommend.js

1
2$(function(){
3
4	var JSONDATAURL = $.getJSON("/syohin/js/recommend.json");
5	var recommendAreaHTML = "";
6	var recommendArea = $("#recommendArea .productList ul");
7	var tax_text = $("#tax_text");
8
9	JSONDATAURL.done(function (data) {
10		var dataLength = data.length;		
11		if (dataLength == 0){
12			tax_text.hide();
13			recommendArea.hide();
14			recommendArea.after('<p class="alC mt30">現在、表示する情報がありません。</p>');
15		} else {
16			for(var i in data){
17				var image = data[i].image,
18					title = data[i].title,
19					link = data[i].link,
20					price = data[i].price,
21					region = data[i].region,
22					release = data[i].release,
23					newIcon = data[i].new;
24
25				if(newIcon) {
26					recommendAreaHTML += '<li class="new">';
27				} else {
28					recommendAreaHTML += '<li>';
29				}
30				if(link) {
31					recommendAreaHTML += '<a href="'+link+'"><div class="productListPhoto"><img src="'+image+'" alt="'+title+'"></div><p class="productListTx"><span class="name">'+title+'</span><span class="price">'+price+'</span></p></a>';
32				} else { //リンクなし
33					recommendAreaHTML += '<div class="productListPhoto"><img src="'+image+'" alt="'+title+'"></div><p class="productListTx"><span class="name">'+title+'</span><span class="price">'+price+'</span></p>';
34				}
35				recommendAreaHTML += '</li>';
36			}
37		}
38		recommendArea.append(recommendAreaHTML);
39		
40		//スマホ　おすすめ商品スライダー
41		$(".sp .productList > ul").slick({
42		  unslick: true,
43		  responsive: [
44			{
45			  breakpoint: 768,
46			  settings: {
47			  centerMode: true,
48			  centerPadding: '25%',
49			  slidesToShow: 1,
50			  arrows: false,
51			  autoplay: false
52			  }
53			}
54		  ]
55		});
56		$(".toggleType01").click(function() {
57			$('.sp .productList > ul').slick('setPosition');
58		});
59
60	});
61	JSONDATAURL.fail(function (data) {
62		tax_text.hide();
63		recommendArea.hide();
64		recommendArea.after('<p class="alC mt30">現在、表示する情報がありません。</p>');
65	});
66
67
68
69
70
71});