style24
/
style24.front


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
							<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : GoodsOtherFormMob.html
 * @desc    : 상품 안내
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.04.05   eskim        최초 작성
 *******************************************************************************
 -->
<th:block th:if="${goodsList != null and !goodsList.empty}" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}">
	<h3 class="tit">
	<th:block th:if="${params.goodsOtherGb =='tmtb'}" th:text="${'함께하면 할인되는 다다익선 상품'}"></th:block>
	<th:block th:if="${params.goodsOtherGb =='together'}" th:text="${'이 상품과 함께 본 상품'}"></th:block>
	<th:block th:if="${params.goodsOtherGb =='recommend'}" th:text="${params.brandGroupNm +' 추천상품'}"></th:block>
	<th:block th:if="${params.goodsOtherGb =='like'}" th:text="${'이 상품과 비슷한 상품'}"></th:block>
	</h3>
	<div class="area_slider">
		<div class="swiper-container swiper-container-initialized swiper-container-horizontal">
			<div class="swiper-wrapper">
				<div class="swiper-slide" th:each="goodsInfo, status : ${goodsList}">
					<div class="item_prod">
						<div class="item_state">
							<button type="button" class="itemLike" th:classappend="${goodsInfo.wishYn == 'Y'}? 'likeit active' : ''"  onclick="cfnPutWishList(this);" th:attr="goodsCd=${goodsInfo.goodsCd}, ithrCd=${params.ithrCd}, contentsLoc=${params.contentsLoc}, planDtlSq=''">관심상품 추가</button>
							<a href="javascript:void(0);" onclick="cfnGoToGoodsDetail([[${goodsInfo.goodsCd}]], '',[[${params.ithrCd}]],'[[${params.contentsLoc}]]','','pc_detail');" class="itemLink" >
								<div class="itemPic">
									<img alt="" class="vLHTC pd_img" th:src="${imgGoodsUrl+'/'+goodsInfo.sysImgNm}" th:onerror="'this.src=\''+@{${uxImgUrl}+ '/images/pc/thumb/bg_item_none.png'}+'\';'">
								</div>
								<p class="itemBrand" th:text="${goodsInfo.brandGroupNm}">BRAND NAME1</p>
								<div class="itemName" th:text="${goodsInfo.goodsFullNm}">남성 로고 자카드 방풍 패딩</div>
								<p class="itemPrice">
									<span class="itemPrice_original" th:if="${goodsInfo.listPrice > goodsInfo.currPrice}"  th:text="${#numbers.formatInteger(goodsInfo.listPrice, 0,'COMMA')}">1,000,000</span>
									<th:block th:text="${#numbers.formatInteger(goodsInfo.currPrice, 0,'COMMA')}"></th:block>
									<span class="itemPercent" th:if="${goodsInfo.dcRate > 0}" th:text="|${#numbers.formatDecimal(goodsInfo.dcRate,0,0)}%|">30%</span>
								</p>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

<script th:inline="javascript">
/*<![CDATA[*/

	//슬라이드 - 함께하면 할인되는 다다익선 상품
	var togetherItemSwiper = new Swiper('.pd .pd_together .area_slider .swiper-container', {
		slidesPerView: 3,
		spaceBetween: 8,
	});  

	//슬라이드 - 이 상품과 함께 본 상품 
	var otherItemSwiper = new Swiper('.pd .pd_clickother .area_slider .swiper-container', {
		slidesPerView: 2,
		spaceBetween: 8,
	});	
	//슬라이드 - 동일브랜드 상품 추천
	var rcmdItemSwiper = new Swiper('.pd .pd_samebrand .area_slider .swiper-container', {
		slidesPerView: 3,
		spaceBetween: 8,
	}); 

	//슬라이드 - 이 상품과 비슷한 상품 
	var relateItemSwiper = new Swiper('.pd .pd_relate .area_slider .swiper-container', {
		slidesPerView: 3,
		spaceBetween: 8,
	});	 
	
/*]]>*/
</script>	

</th:block>
</html>