|
|
@@ -59,65 +59,23 @@
|
|
|
<div class="realtime_blk">
|
|
|
<h3>지금 고객님들이 많이 보고 있어요</h3>
|
|
|
<div class="modify_timer">
|
|
|
- <button type="button"><span><em class="time">17:30</em> 기준</span></button>
|
|
|
+ <button type="button" onclick="fnRealtimeGoodsList();"><span><em class="time" th:text="${#calendars.format(#calendars.createNow(), 'HH:mm')}">17:30</em> 기준</span></button>
|
|
|
</div>
|
|
|
<div class="realtime_wrap">
|
|
|
- <div class="itemsGrp">
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
- </div>
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩</div>
|
|
|
- <div class="viewCount"><span>508</span>명 보는중</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
- </div>
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩</div>
|
|
|
- <div class="viewCount"><span>508</span>명 보는중</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
- </div>
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩</div>
|
|
|
- <div class="viewCount"><span>508</span>명 보는중</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
- </div>
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩</div>
|
|
|
- <div class="viewCount"><span>508</span>명 보는중</div>
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="item_prod">
|
|
|
- <div class="item_state">
|
|
|
- <a href="#none" class="itemLink">
|
|
|
- <div class="itemPic">
|
|
|
- <img alt="" class="vLHTC pd_img" src="/images/pc/thumb/tmp_pdTogether1.jpg">
|
|
|
- </div>
|
|
|
- <div class="itemName">남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩 남성 로고 자카드 방풍 패딩</div>
|
|
|
- <div class="viewCount"><span>508</span>명 보는중</div>
|
|
|
- </a>
|
|
|
+ <div class="itemsGrp" id="itemViewArea">
|
|
|
+ <th:block th:each="item, status : ${realtimeGoodsList}">
|
|
|
+ <div class="item_prod">
|
|
|
+ <div class="item_state">
|
|
|
+ <a th:href="${item.itemUrl}" class="itemLink">
|
|
|
+ <div class="itemPic">
|
|
|
+ <img alt="" class="vLHTC pd_img" th:src="${item.imageUrl}">
|
|
|
+ </div>
|
|
|
+ <div class="itemName" th:text="${item.itemName}"></div>
|
|
|
+ <div class="viewCount"><span th:text="${item.count < 10 ? '10명 미만' : item.count + '명 보는중'}"></span></div>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </th:block>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -539,6 +497,33 @@
|
|
|
gagajf.setCookie('st24ck_today_keyword',keyword, -1);
|
|
|
}
|
|
|
|
|
|
+ // 실시간 상품 새로고침
|
|
|
+ var fnRealtimeGoodsList = function (){
|
|
|
+ $("#itemViewArea").html('');
|
|
|
+ var html = '';
|
|
|
+ $.getJSON('/display/realtime/goods/list'),function (result){
|
|
|
+ console.log(result);
|
|
|
+ if(result.length > 0){
|
|
|
+ $.each(result, function (idx, item){
|
|
|
+ html += ' <div class="item_prod">\n';
|
|
|
+ html += ' <div class="item_state">\n';
|
|
|
+ html += ' <a th:href="'+item.itemUrl+'" class="itemLink">\n';
|
|
|
+ html += ' <div class="itemPic">\n';
|
|
|
+ html += ' <img alt="" class="vLHTC pd_img" th:src="'+item.imageUrl+'">\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ html += ' <div class="itemName" th:text="'+item.itemName+'"></div>\n';
|
|
|
+ if(item.count < 10){
|
|
|
+ html += '<div class="viewCount"><span>10명</span> 미만</div>\n';
|
|
|
+ }else{
|
|
|
+ html += ' <div class="viewCount"><span>'+item.count.addComma()+'</span>명 보는중</div>\n';
|
|
|
+ }
|
|
|
+ html += ' </a>\n';
|
|
|
+ html += ' </div>\n';
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
/*]]>*/
|
|
|
</script>
|
|
|
</html>
|