|
|
@@ -0,0 +1,213 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="ko"
|
|
|
+ xmlns:th="http://www.thymeleaf.org">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : GoodsDetailDescFormMob.html
|
|
|
+ * @desc : 딜 구상상품상세 Page
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2020 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021.04.19 eskim 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+ <div class="content pd_descrp" th:with="imgGoodsUrl=${@environment.getProperty('upload.goods.view')}, uxImgUrl=${@environment.getProperty('domain.uximage')}, imgUrl=${@environment.getProperty('upload.image.view')}">
|
|
|
+ <div class="cont_head">
|
|
|
+ <h3 class="sr-only">상품상세정보</h3>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body on">
|
|
|
+ <!-- 상품설명 노출 -->
|
|
|
+ <div class="descrp_box">
|
|
|
+ <div class="desc_simple"> <!-- 상품 간략설명-->
|
|
|
+ <span class="tit_desc" th:if="${goodsInfo.goodsTitle != null and !goodsInfo.goodsTitle.empty}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsTitle))}">사이드 밴딩으로 편안한 만능 슬랙스!</span>
|
|
|
+ <p class="ptxt01"th:if="${goodsInfo.goodsTitleDesc}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsTitleDesc))}">
|
|
|
+ 슬림핏에 사이드 밴딩으로 편안함을 더해준 슬랙스입니다.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="desc_character" th:if="${goodsInfo.goodsSpecialDesc != null and !goodsInfo.goodsSpecialDesc.empty}"> <!-- 상품특징 -->
|
|
|
+ <span class="tit_desc">상품특징</span>
|
|
|
+ <p class="ptxt01" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsSpecialDesc))}">
|
|
|
+ - 지퍼플러 장식을 더해 완성도를 높여줌
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품설명 노출 -->
|
|
|
+ <!-- 관리자 에디터입력 내용 노출 -->
|
|
|
+ <th:block th:if="${goodsNoticeList != null and !goodsNoticeList.empty}" >
|
|
|
+ <div class="mdhtml_box" th:each="goodsNotice, status : ${goodsNoticeList}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsNotice.noticeContent))}"></div>
|
|
|
+ </th:block>
|
|
|
+ <!-- //관리자 에디터입력 내용 노출 -->
|
|
|
+ <!-- 관리자 에디터입력 내용 노출 상단 html -->
|
|
|
+ <div class="mdhtml_box" th:if="${goodsInfo.goodsTopDesc != null and !goodsInfo.goodsTopDesc.empty}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsTopDesc))}"></div>
|
|
|
+ <!-- 착용컷 노출 -->
|
|
|
+ <div class="view_outfit_box" th:if="${#strings.contains(goodsImgList,'_M1.')
|
|
|
+ or #strings.contains(goodsImgList,'_M2.')
|
|
|
+ or #strings.contains(goodsImgList,'_M3.')
|
|
|
+ or #strings.contains(goodsImgList,'_M4.')
|
|
|
+ or #strings.contains(goodsImgList,'_M5.')}">
|
|
|
+ <span class="tit_view">OUTFIT VIEW</span>
|
|
|
+ <span class="model_info">(모델정보 : 185cm / 78kg / XL 착용)</span>
|
|
|
+ <div class="view">
|
|
|
+ <th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_M1.')
|
|
|
+ or #strings.contains(goodsImg.sysImgNm,'_M2.')
|
|
|
+ or #strings.contains(goodsImg.sysImgNm,'_M3.')
|
|
|
+ or #strings.contains(goodsImg.sysImgNm,'_M4.')
|
|
|
+ or #strings.contains(goodsImg.sysImgNm,'_M5.')}">
|
|
|
+ <img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=360'}" alt="">
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //착용컷 노출 -->
|
|
|
+ <!-- 상품컷 노출 -->
|
|
|
+ <div class="view_detail_box" th:if="${#strings.contains(goodsImgList,'_01.')
|
|
|
+ or #strings.contains(goodsImgList,'_02.')
|
|
|
+ or #strings.contains(goodsImgList,'_D1.')
|
|
|
+ or #strings.contains(goodsImgList,'_D2.')
|
|
|
+ or #strings.contains(goodsImgList,'_D3.')
|
|
|
+ or #strings.contains(goodsImgList,'_D4.')
|
|
|
+ or #strings.contains(goodsImgList,'_D5.')}">
|
|
|
+ <span class="tit_view">PRODUCT VIEW</span>
|
|
|
+ <div class="view">
|
|
|
+ <th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_01.')
|
|
|
+ or #strings.contains(goodsImg.sysImgNm,'_02.')
|
|
|
+ or #strings.contains(goodsImg.sysImgNm,'_D1.')
|
|
|
+ or #strings.contains(goodsImg.sysImgNm,'_D2.')
|
|
|
+ or #strings.contains(goodsImg.sysImgNm,'_D3.')
|
|
|
+ or #strings.contains(goodsImg.sysImgNm,'_D4.')
|
|
|
+ or #strings.contains(goodsImg.sysImgNm,'_D5.')}">
|
|
|
+ <img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=360'}" alt="">
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품컷 노출 -->
|
|
|
+ <!-- 원단 노출 -->
|
|
|
+ <div class="view_fabric_box" th:if="${#strings.contains(goodsImgList,'_S1.')}">
|
|
|
+ <span class="tit_view">FABRIC</span>
|
|
|
+ <div class="view">
|
|
|
+ <th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_S1.')}">
|
|
|
+ <img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm}" alt="">
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //원단 노출 -->
|
|
|
+ <!-- 라벨 노출 -->
|
|
|
+ <div class="view_label_box" th:if="${#strings.contains(goodsImgList,'_L1.')
|
|
|
+ or #strings.contains(goodsImgList,'_L2.')}">
|
|
|
+ <span class="tit_view">LABEL INFO</span>
|
|
|
+ <div class="view">
|
|
|
+ <span>
|
|
|
+ <th:block th:each="goodsImg, status : ${goodsImgList}" th:if="${#strings.contains(goodsImg.sysImgNm,'_L1.')
|
|
|
+ or #strings.contains(goodsImg.sysImgNm,'_L2.')}">
|
|
|
+ <img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm}" alt="">
|
|
|
+ </th:block>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //라벨 노출 -->
|
|
|
+ <div class="view_detail_box" th:if="${not #strings.contains(goodsImgList,'_01.')}">
|
|
|
+ <div class="view">
|
|
|
+ <th:block th:each="goodsImg, status : ${goodsImgList}" >
|
|
|
+ <img th:src="${imgGoodsUrl+'/'+goodsImg.sysImgNm+'?RS=360'}" alt="">
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <th:block th:if="${goodsInfo.goodsDesc != null and !goodsInfo.goodsDesc.empty}" >
|
|
|
+ <!-- 상세 html 이 존재하면 -->
|
|
|
+ <div class="mdhtml_box" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsDesc))}"></div>
|
|
|
+ </th:block>
|
|
|
+ <!-- 관리자 에디터입력 내용 노출 하다단 html -->
|
|
|
+ <div class="mdhtml_box" th:if="${goodsInfo.goodsDownDesc != null and !goodsInfo.goodsDownDesc.empty}" th:utext="${#strings.unescapeJava(#strings.escapeJava(goodsInfo.goodsDownDesc))}"></div>
|
|
|
+ <!-- 상품필수정보 노출 -->
|
|
|
+ <div class="required_box">
|
|
|
+ <div class="area_infotbl" th:if="${goodsInfo.goodsType == 'G056_N' and goodsNotiList != null and !goodsNotiList.empty}">
|
|
|
+ <span class="title">상품고시정보</span>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <tbody>
|
|
|
+ <tr th:each="goodsNoti, status : ${goodsNotiList}" >
|
|
|
+ <th th:text="${goodsNoti.niItemNm}">스타일</th>
|
|
|
+ <td th:text="${goodsNoti.niContent}">F94U-MD01XA60F0</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="area_infotbl" th:if="${goodsInfo.goodsType == 'G056_S' and goodsComposeList != null and !goodsComposeList.empty}">
|
|
|
+ <span class="title">상품고시정보</span>
|
|
|
+ <th:block th:each="goodsCompose, status : ${goodsComposeList}">
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <tbody>
|
|
|
+ <tr th:each="goodsNoti, status : ${goodsCompose.goodsNotiList}" >
|
|
|
+ <th th:text="${goodsNoti.niItemNm}">스타일</th>
|
|
|
+ <td th:text="${goodsNoti.niContent}">F94U-MD01XA60F0</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </th:block>
|
|
|
+ </div>
|
|
|
+ <div class="area_kcl" th:if="${goodsSafeNo != null}">
|
|
|
+ <div>
|
|
|
+ <i class="ico ico_kcl"></i>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <p class="tit normal" th:text="${goodsSafeNo.certDiv}">
|
|
|
+ </p>
|
|
|
+ <p class="normal">
|
|
|
+ <th:block th:if="${#strings.contains(goodsSafeNo.certNum, '해당')}" >
|
|
|
+ 해당 없음
|
|
|
+ </th:block>
|
|
|
+ <th:block th:unless="${#strings.contains(goodsSafeNo.certNum, '해당')}" >
|
|
|
+ <span>인증번호:</span> <a class="num" th:href="@{http://www.safetykorea.kr/search/searchPop(certNum=${goodsSafeNo.certNum})}" target="_blank" th:text="${goodsSafeNo.certNum}">CB123A123-1234</a>
|
|
|
+ </th:block>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <p class="t_info dot_info mt10" th:if="${goodsSafeNo != null}">
|
|
|
+ 해당 인증정보는 판매자가 등록한 것으로 등록정보에 대한 일체의 책임은 판매자에게 있습니다.
|
|
|
+ </p>
|
|
|
+ <div class="area_infotbl">
|
|
|
+ <span class="title">상품기본정보</span>
|
|
|
+ <div class="tbl type1">
|
|
|
+ <table>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>상품코드</th>
|
|
|
+ <td th:text="${goodsInfo.goodsCd}">14443216</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>상품구분</th>
|
|
|
+ <td th:text="${goodsInfo.goodsGbNm}">병행수입</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>브랜드</th>
|
|
|
+ <td th:text="${goodsInfo.brandGroupNm}">TBJ</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>상품명</th>
|
|
|
+ <td th:text="${goodsInfo.goodsNm}">남성 테이퍼드 핏 겨울 기모면 스판 올 밴딩 팬츠</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>제조자</th>
|
|
|
+ <td>한세엠케이(주)==============>노출필요성 확인</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <th>제조국</th>
|
|
|
+ <td th:text="${goodsInfo.originNm}">베트남</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <p class="t_info dot_info mt10">
|
|
|
+ 주문제작 상품의 경우 주문 후 제작되어 판매되는 상품으로 제작 시점부터 반품/교환이 어려울 수 있습니다.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //상품필수정보 노출 -->
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+</html>
|
eskim