|
|
@@ -5,7 +5,7 @@
|
|
|
layout:decorator="web/common/layout/DefaultLayoutWeb">
|
|
|
<!--
|
|
|
*******************************************************************************
|
|
|
- * @source : MallMainFormWeb.html
|
|
|
+ * @source : cartListFormWeb
|
|
|
* @desc : 장바구니
|
|
|
*============================================================================
|
|
|
* STYLE24
|
|
|
@@ -13,81 +13,1215 @@
|
|
|
*============================================================================
|
|
|
* VER DATE AUTHOR DESCRIPTION
|
|
|
* === =========== ========== =============================================
|
|
|
- * 1.0 2021.01.28 xodud1202 최초 작성
|
|
|
+ * 1.0 2021.02.02 xodud1202 최초 작성
|
|
|
*******************************************************************************
|
|
|
-->
|
|
|
<body>
|
|
|
|
|
|
<th:block layout:fragment="content">
|
|
|
- <form id="cartInfo" name="searchForm" action="/cart/createCart">
|
|
|
- <div with="500" height="500" style="text-align:center;">
|
|
|
- <div style="vertical-align: middle;">
|
|
|
- <input type="text" name="goodsCd" />
|
|
|
- <button type="button" id="save">cart 저장</button>
|
|
|
+ <!-- container -->
|
|
|
+ <div id="container" class="container od">
|
|
|
+ <div class="breadcrumb">
|
|
|
+ <ul>
|
|
|
+ <li class="bread_home"><a href="index.html">홈</a></li>
|
|
|
+ <li class="bread_2depth">쇼핑백</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="wrap">
|
|
|
+ <div class="content shopping_bag"> <!-- 페이지특정 클래스 = shop_bag -->
|
|
|
+ <div class="cont_head">
|
|
|
+ <h2 class="t_c mb60">쇼핑백</h2>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <!-- CONT-BODY -->
|
|
|
+ <section class="od_cont fl">
|
|
|
+ <div class="sec_head">
|
|
|
+ <div class="tbl type4">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="150">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <th>
|
|
|
+ 배송방법 선택
|
|
|
+ </th>
|
|
|
+ <td>
|
|
|
+ <div class="form_field">
|
|
|
+ <div class="ml30">
|
|
|
+ <input type="radio" name="radio" id="blt_ship1" value="">
|
|
|
+ <label for="blt_ship1"><span><em>총알배송</em>10/15일 24:00 까지 도착</span></label>
|
|
|
+ </div>
|
|
|
+ <div class="ml30">
|
|
|
+ <input type="radio" name="radio" id="blt_ship2" value="" checked="">
|
|
|
+ <label for="blt_ship2"><span>총알 배송 안함 (10/25일 도착 예정)</span></label>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="sec_body">
|
|
|
+ <!-- 총알배송 -->
|
|
|
+ <div class="part_dlvr mt100">
|
|
|
+ <h3 class="subH2 mb20">
|
|
|
+ STYLE24 총알배송
|
|
|
+ <span class="ml10">오늘 자정까지 도착</span>
|
|
|
+ </h3>
|
|
|
+ <div class="btn_area">
|
|
|
+ <button type="button" class="btn btn_default"><span><i class="ico ico_trash"></i>전체 삭제</span></button>
|
|
|
+ </div>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="710">
|
|
|
+ <col width="190">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="form_box">
|
|
|
+ <p class="form_field">
|
|
|
+ <input id="od_item1" type="checkbox" checked=""><label for="od_item1"><span class="sr-only">상품선택</span></label>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">나이키 키즈</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트 몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트</span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>99</em>개</span>
|
|
|
+ </p>
|
|
|
+ <p class="od_modify">
|
|
|
+ <button type="button"><span>옵션/수량변경</span></button>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price">61,200원</span>
|
|
|
+ <del>100,000원</del>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p 적립예정</p>
|
|
|
+ <p>
|
|
|
+ <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
|
|
|
+ </p>
|
|
|
+ <p class="util">
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_favorite"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row"> <!-- 같은 데이터 노출시 동일 영역끼리 병합 : 클래스명 merge_row 추가 -->
|
|
|
+ <div class="info_dlvr">
|
|
|
+ <span class="dlvr_fee">3,000원</span>
|
|
|
+ <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="form_box">
|
|
|
+ <p class="form_field">
|
|
|
+ <input id="od_item2" type="checkbox" checked=""><label for="od_item2"><span class="sr-only">상품선택</span></label>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">페르지노 몬티</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 </span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>100</em>개</span>
|
|
|
+ </p>
|
|
|
+ <p class="od_modify">
|
|
|
+ <button type="button"><span>옵션/수량변경</span></button>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price">61,200원</span>
|
|
|
+ <del>100,000원</del>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p 적립예정</p>
|
|
|
+ <p>
|
|
|
+ <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
|
|
|
+ </p>
|
|
|
+ <p class="util">
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_favorite"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row"> <!-- 같은 데이터 노출시 동일 영역끼리 병합 : 클래스명 merge_row 추가 -->
|
|
|
+ <div class="info_dlvr">
|
|
|
+ <span class="dlvr_fee">3,000원</span>
|
|
|
+ <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="form_box">
|
|
|
+ <p class="form_field">
|
|
|
+ <input id="od_item3" type="checkbox" checked=""><label for="od_item3"><span class="sr-only">상품선택</span></label>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">Mollimelli 몰리멜리</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 </span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>100</em>개</span>
|
|
|
+ </p>
|
|
|
+ <p class="od_modify">
|
|
|
+ <button type="button"><span>옵션/수량변경</span></button>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price">61,200원</span>
|
|
|
+ <del>100,000원</del>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p 적립예정</p>
|
|
|
+ <p>
|
|
|
+ <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
|
|
|
+ </p>
|
|
|
+ <p class="util">
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_favorite"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row"> <!-- 같은 데이터 노출시 동일 영역끼리 병합 : 클래스명 merge_row 추가 -->
|
|
|
+ <div class="info_dlvr">
|
|
|
+ <span class="dlvr_fee">3,000원</span>
|
|
|
+ <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //총알배송 -->
|
|
|
+ <!-- 일반배송 -->
|
|
|
+ <div class="part_dlvr mt100">
|
|
|
+ <h3 class="subH2 mb20">
|
|
|
+ STYLE24 일반배송
|
|
|
+ </h3>
|
|
|
+ <div class="btn_area">
|
|
|
+ <button type="button" class="btn btn_default"><span><i class="ico ico_trash"></i>전체 삭제</span></button>
|
|
|
+ </div>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="710">
|
|
|
+ <col width="190">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="form_box">
|
|
|
+ <p class="form_field">
|
|
|
+ <input id="od_item_11" type="checkbox" checked=""><label for="od_item_11"><span class="sr-only">상품선택</span></label>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">Mollimelli 몰리멜리</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트 몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트</span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>99</em>개</span>
|
|
|
+ </p>
|
|
|
+ <p class="od_modify">
|
|
|
+ <button type="button"><span>옵션/수량변경</span></button>
|
|
|
+ </p>
|
|
|
+ <div class="od_moresale">
|
|
|
+ <a href="" class="btn_moresale">
|
|
|
+ <i class="ico ico_saletag"></i><span class="c_primary">다다익선 적용내역</span>
|
|
|
+ </a>
|
|
|
+ <div class="li_moresale">
|
|
|
+ <ul>
|
|
|
+ <li>트러커 자켓 3개 이상 구매시 10% 할인</li>
|
|
|
+ <li>TBJ상품 2만원 이상 구매시 10% 할인</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price c_primary">61,200원</span> <!-- 다다익선 할인적용된 가격 표기 시 클래스 c_primary 추가 -->
|
|
|
+ <del>100,000원</del>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p 적립예정</p>
|
|
|
+ <p>
|
|
|
+ <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
|
|
|
+ </p>
|
|
|
+ <p class="util">
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_favorite"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row"> <!-- 같은 데이터 노출시 동일 영역끼리 병합 : 클래스명 merge_row 추가 -->
|
|
|
+ <div class="info_dlvr">
|
|
|
+ <span class="dlvr_fee">배송비 무료</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="form_box">
|
|
|
+ <p class="form_field">
|
|
|
+ <input id="od_item12" type="checkbox" checked=""><label for="od_item12"><span class="sr-only">상품선택</span></label>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">Mollimelli 몰리멜리</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 </span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>100</em>개</span>
|
|
|
+ </p>
|
|
|
+ <p class="od_modify">
|
|
|
+ <button type="button"><span>옵션/수량변경</span></button>
|
|
|
+ </p>
|
|
|
+ <div class="od_moresale">
|
|
|
+ <a href="" class="btn_moresale">
|
|
|
+ <i class="ico ico_saletag"></i><span class="c_primary">다다익선 대상 상품</span>
|
|
|
+ </a>
|
|
|
+ <div class="li_moresale">
|
|
|
+ <ul>
|
|
|
+ <li>3개이상 구매시 10% 할인 <a href="">대상 상품 보기</a></li>
|
|
|
+ <li>TBJ 상품 2만원 이상 구매시 10% 할인 <a href="">대상 상품 보기</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price">61,200원</span>
|
|
|
+ <del>100,000원</del>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p 적립예정</p>
|
|
|
+ <p>
|
|
|
+ <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
|
|
|
+ </p>
|
|
|
+ <p class="util">
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_favorite"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row"> <!-- 같은 데이터 노출시 동일 영역끼리 병합 : 클래스명 merge_row 추가 -->
|
|
|
+ <div class="info_dlvr">
|
|
|
+ <span class="dlvr_fee">배송비 무료</span>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="form_box">
|
|
|
+ <p class="form_field">
|
|
|
+ <input id="od_item13" type="checkbox" checked=""><label for="od_item13"><span class="sr-only">상품선택</span></label>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">Mollimelli 몰리멜리</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 </span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>100</em>개</span>
|
|
|
+ </p>
|
|
|
+ <p class="od_modify">
|
|
|
+ <button type="button"><span>옵션/수량변경</span></button>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price">61,200원</span>
|
|
|
+ <del>100,000원</del>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p 적립예정</p>
|
|
|
+ <p>
|
|
|
+ <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
|
|
|
+ </p>
|
|
|
+ <p class="util">
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_favorite"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row"> <!-- 같은 데이터 노출시 동일 영역끼리 병합 : 클래스명 merge_row 추가 -->
|
|
|
+ <div class="info_dlvr">
|
|
|
+ <span class="dlvr_fee">3,000원</span>
|
|
|
+ <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //일반배송 -->
|
|
|
+ <!-- 업체직배송 -->
|
|
|
+ <div class="part_dlvr mt100">
|
|
|
+ <h3 class="subH2 mb20">
|
|
|
+ 업체직배송
|
|
|
+ </h3>
|
|
|
+ <div class="btn_area">
|
|
|
+ <button type="button" class="btn btn_default"><span><i class="ico ico_trash"></i>전체 삭제</span></button>
|
|
|
+ </div>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="710">
|
|
|
+ <col width="190">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="form_box">
|
|
|
+ <p class="form_field">
|
|
|
+ <input id="od_item_21" type="checkbox" checked=""><label for="od_item_21"><span class="sr-only">상품선택</span></label>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">TBJ</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트 몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트</span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>99</em>개</span>
|
|
|
+ </p>
|
|
|
+ <p class="od_modify">
|
|
|
+ <button type="button"><span>옵션/수량변경</span></button>
|
|
|
+ </p>
|
|
|
+ <div class="od_moresale">
|
|
|
+ <a href="" class="btn_moresale">
|
|
|
+ <i class="ico ico_saletag"></i><span class="c_primary">다다익선 적용내역</span>
|
|
|
+ </a>
|
|
|
+ <div class="li_moresale">
|
|
|
+ <ul>
|
|
|
+ <li>트러커 자켓 3개 이상 구매시 10% 할인</li>
|
|
|
+ <li>TBJ상품 2만원 이상 구매시 10% 할인</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price c_primary">61,200원</span> <!-- 다다익선 할인적용된 가격 표기 시 클래스 c_primary 추가 -->
|
|
|
+ <del>100,000원</del>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p 적립예정</p>
|
|
|
+ <p>
|
|
|
+ <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
|
|
|
+ </p>
|
|
|
+ <p class="util">
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_favorite"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row"> <!-- 같은 데이터 노출시 동일 영역끼리 병합 : 클래스명 merge_row 추가 -->
|
|
|
+ <div class="info_dlvr">
|
|
|
+ <span class="dlvr_fee">3,000원</span>
|
|
|
+ <span class="dlvr_shop">TBJ 업체직배송</span>
|
|
|
+ <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="form_box">
|
|
|
+ <p class="form_field">
|
|
|
+ <input id="od_item22" type="checkbox" checked=""><label for="od_item22"><span class="sr-only">상품선택</span></label>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">TBJ</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 </span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>100</em>개</span>
|
|
|
+ </p>
|
|
|
+ <p class="od_modify">
|
|
|
+ <button type="button"><span>옵션/수량변경</span></button>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price">61,200원</span>
|
|
|
+ <del>100,000원</del>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p 적립예정</p>
|
|
|
+ <p>
|
|
|
+ <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
|
|
|
+ </p>
|
|
|
+ <p class="util">
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_favorite"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row"> <!-- 같은 데이터 노출시 동일 영역끼리 병합 : 클래스명 merge_row 추가 -->
|
|
|
+ <div class="info_dlvr">
|
|
|
+ <span class="dlvr_fee">3,000원</span>
|
|
|
+ <span class="dlvr_shop">TBJ 업체직배송</span>
|
|
|
+ <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="form_box">
|
|
|
+ <p class="form_field">
|
|
|
+ <input id="od_item33" type="checkbox" checked=""><label for="od_item33"><span class="sr-only">상품선택</span></label>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">ZIOZIA</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 </span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>100</em>개</span>
|
|
|
+ </p>
|
|
|
+ <p class="od_modify">
|
|
|
+ <button type="button"><span>옵션/수량변경</span></button>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price">61,200원</span>
|
|
|
+ <del>100,000원</del>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p 적립예정</p>
|
|
|
+ <p>
|
|
|
+ <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
|
|
|
+ </p>
|
|
|
+ <p class="util">
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_favorite"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row"> <!-- 같은 데이터 노출시 동일 영역끼리 병합 : 클래스명 merge_row 추가 -->
|
|
|
+ <div class="info_dlvr">
|
|
|
+ <span class="dlvr_fee">3,000원</span>
|
|
|
+ <span class="dlvr_shop">ZIOZIA 업체직배송</span>
|
|
|
+ <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="form_box">
|
|
|
+ <p class="form_field">
|
|
|
+ <input id="od_item34" type="checkbox" checked=""><label for="od_item34"><span class="sr-only">상품선택</span></label>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">로엠</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 </span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>100</em>개</span>
|
|
|
+ </p>
|
|
|
+ <p class="od_modify">
|
|
|
+ <button type="button"><span>옵션/수량변경</span></button>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price">61,200원</span>
|
|
|
+ <del>100,000원</del>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p 적립예정</p>
|
|
|
+ <p>
|
|
|
+ <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
|
|
|
+ </p>
|
|
|
+ <p class="util">
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_favorite"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row"> <!-- 같은 데이터 노출시 동일 영역끼리 병합 : 클래스명 merge_row 추가 -->
|
|
|
+ <div class="info_dlvr">
|
|
|
+ <span class="dlvr_fee">3,000원</span>
|
|
|
+ <span class="dlvr_shop">로엠 업체직배송</span>
|
|
|
+ <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //업체직배송 -->
|
|
|
+ <!-- 예약배송 -->
|
|
|
+ <div class="part_dlvr mt100">
|
|
|
+ <h3 class="subH2 mb20">
|
|
|
+ 예약배송
|
|
|
+ </h3>
|
|
|
+ <div class="btn_area">
|
|
|
+ <button type="button" class="btn btn_default"><span><i class="ico ico_trash"></i>전체 삭제</span></button>
|
|
|
+ </div>
|
|
|
+ <div class="tbl type2">
|
|
|
+ <table>
|
|
|
+ <colgroup>
|
|
|
+ <col width="710">
|
|
|
+ <col width="190">
|
|
|
+ <col width="*">
|
|
|
+ </colgroup>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="form_box">
|
|
|
+ <p class="form_field">
|
|
|
+ <input id="od_item_21" type="checkbox" checked=""><label for="od_item_21"><span class="sr-only">상품선택</span></label>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">TBJ</span>
|
|
|
+ <span class="reserv_date">2020.12.25 배송예정</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트 몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트몰리겨울상하복 균일가 택1 유아동/상하복/기모상하복/상하의세트</span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>99</em>개</span>
|
|
|
+ </p>
|
|
|
+ <p class="od_modify">
|
|
|
+ <button type="button"><span>옵션/수량변경</span></button>
|
|
|
+ </p>
|
|
|
+ <div class="od_moresale">
|
|
|
+ <a href="" class="btn_moresale">
|
|
|
+ <i class="ico ico_saletag"></i><span class="c_primary">다다익선 적용내역</span>
|
|
|
+ </a>
|
|
|
+ <div class="li_moresale">
|
|
|
+ <ul>
|
|
|
+ <li>트러커 자켓 3개 이상 구매시 10% 할인</li>
|
|
|
+ <li>TBJ상품 2만원 이상 구매시 10% 할인</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price c_primary">61,200원</span> <!-- 다다익선 할인적용된 가격 표기 시 클래스 c_primary 추가 -->
|
|
|
+ <del>100,000원</del>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p 적립예정</p>
|
|
|
+ <p>
|
|
|
+ <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
|
|
|
+ </p>
|
|
|
+ <p class="util">
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_favorite"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row"> <!-- 같은 데이터 노출시 동일 영역끼리 병합 : 클래스명 merge_row 추가 -->
|
|
|
+ <div class="info_dlvr">
|
|
|
+ <span class="dlvr_fee">3,000원</span>
|
|
|
+ <span class="dlvr_shop">TBJ 업체직배송</span>
|
|
|
+ <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="t_l">
|
|
|
+ <div class="info_item">
|
|
|
+ <div class="form_box">
|
|
|
+ <p class="form_field">
|
|
|
+ <input id="od_item22" type="checkbox" checked=""><label for="od_item22"><span class="sr-only">상품선택</span></label>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="thumb_box">
|
|
|
+ <a href="">
|
|
|
+ <img src="/images/pc/thumb/tmp_pdClickother1.jpg" width="100%" alt="">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="info_box">
|
|
|
+ <p class="od_name">
|
|
|
+ <a href="">
|
|
|
+ <span class="brand">TBJ</span>
|
|
|
+ <span class="reserv_date">2020.12.25 배송예정</span>
|
|
|
+ <span class="name">몰리겨울상하복 균일가 택1 </span>
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ <p class="od_opt">
|
|
|
+ <span class="option">옵션:<em>01_루돌프융기모상하복_D오렌지/110</em></span>
|
|
|
+ <span class="count">수량:<em>100</em>개</span>
|
|
|
+ </p>
|
|
|
+ <p class="od_modify">
|
|
|
+ <button type="button"><span>옵션/수량변경</span></button>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td>
|
|
|
+ <div class="info_calc">
|
|
|
+ <p class="price">
|
|
|
+ <span class="selling_price">61,200원</span>
|
|
|
+ <del>100,000원</del>
|
|
|
+ </p>
|
|
|
+ <p class="point"><span>49</span>p 적립예정</p>
|
|
|
+ <p>
|
|
|
+ <button type="button" class="btn btn_primary btn_sm"><span>즉시구매</span></button>
|
|
|
+ </p>
|
|
|
+ <p class="util">
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_favorite"><span><i class="ico ico_like"></i><em class="sr-only">관심상품 추가</em></span></button>
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+ <button type="button" class="btn_delete"><span><i class="ico ico_trash"></i><em class="sr-only">상품삭제</em></span></button>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ <td class="merge_row"> <!-- 같은 데이터 노출시 동일 영역끼리 병합 : 클래스명 merge_row 추가 -->
|
|
|
+ <div class="info_dlvr">
|
|
|
+ <span class="dlvr_fee">3,000원</span>
|
|
|
+ <span class="dlvr_shop">TBJ 업체직배송</span>
|
|
|
+ <a href="#" target="_blank">배송비 SAVE 상품 보기</a>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- //예약배송 -->
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <section class="od_side fr">
|
|
|
+ <div class="area_order">
|
|
|
+ <div class="tit_box">
|
|
|
+ <h3 class="subH2">결제 정보</h3>
|
|
|
+ <span>
|
|
|
+ <em class="c_primary bold">14</em>개의 상품
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="od_amount_box">
|
|
|
+ <dl>
|
|
|
+ <div>
|
|
|
+ <dt>상품금액</dt>
|
|
|
+ <dd>1,746,500원</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>배송비</dt>
|
|
|
+ <dd>0원</dd>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <dt>할인금액</dt>
|
|
|
+ <dd><span class="c_primary">-1,746,500원</span></dd>
|
|
|
+ </div>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <div class="totalprice_box">
|
|
|
+ <dl>
|
|
|
+ <dt>총 결제 예정 금액</dt>
|
|
|
+ <dd data-weight="price" data-font="lato"><span>3,546,200</span>원</dd>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <div class="btn_box">
|
|
|
+ <button class="btn btn_primary btn_block btn_md"><span>주문하기</span></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="area_salecode">
|
|
|
+ <h4 class="subH3 mb15">할인코드 입력</h4>
|
|
|
+ <div class="form_field form_full">
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <div class="input_wrap form_full">
|
|
|
+ <label class="input_label sr-only">할인코드입력</label>
|
|
|
+ <input type="text" class="form_control" placeholder="할인코드를 입력해주세요.">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <button type="button" class="btn btn_default"><span>적용</span></button>
|
|
|
+ </div>
|
|
|
+ <div class="coupon_code">
|
|
|
+ <p class="salecode_num">
|
|
|
+ 할인코드 ABC123DEF
|
|
|
+ </p>
|
|
|
+ <p class="salecondition">
|
|
|
+ 구매금액 300,000원 이상<br>
|
|
|
+ 구매시 30% 할인
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="area_saleitem">
|
|
|
+ <h4 class="subH3 mb15">다다익선 할인 대상이 있습니다.</h4>
|
|
|
+ <div class="more_sale">
|
|
|
+ <div class="item_gd">
|
|
|
+ <figure>
|
|
|
+ <a href="">
|
|
|
+ <span class="thumb"><img src="/images/pc/thumb/tmp_odSide2.jpg" alt=""></span>
|
|
|
+ </a>
|
|
|
+ <figcaption>
|
|
|
+ <a href="">
|
|
|
+ <div class="brand">CURLYSUE 컬리수</div>
|
|
|
+ <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <div class="price">
|
|
|
+ <del>7,000,000</del>
|
|
|
+ <span class="selling_price">1,000,000</span>
|
|
|
+ <span class="discount">30%</span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </figcaption>
|
|
|
+ </figure>
|
|
|
+ </div>
|
|
|
+ <div class="item_gd">
|
|
|
+ <figure>
|
|
|
+ <a href="">
|
|
|
+ <span class="thumb"><img src="/images/pc/thumb/tmp_odSide2.jpg" alt=""></span>
|
|
|
+ </a>
|
|
|
+ <figcaption>
|
|
|
+ <a href="">
|
|
|
+ <div class="brand">CURLYSUE 컬리수</div>
|
|
|
+ <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <div class="price">
|
|
|
+ <span class="selling_price">1,000,000</span>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </figcaption>
|
|
|
+ </figure>
|
|
|
+ </div>
|
|
|
+ <div class="txt">
|
|
|
+ <a href="">
|
|
|
+ <i class="ico ico_saletag mr10"></i>
|
|
|
+ TBJ 브랜드 구매시 30,000원 할인
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="more_sale">
|
|
|
+ <div class="txt">
|
|
|
+ <a href="">
|
|
|
+ <i class="ico ico_saletag mr10"></i>
|
|
|
+ 300,000이상 구매시 30% 할인
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <div class="clear"></div>
|
|
|
+ <section class="od_recommend clear mt100">
|
|
|
+ <h4 class="subH1 t_c mb40">추천상품</h4>
|
|
|
+ <div class="item_slide">
|
|
|
+ <div class="item_gd">
|
|
|
+ <figure>
|
|
|
+ <a href="">
|
|
|
+ <span class="thumb"><img src="/images/pc/thumb/od_shopping_slide01.png" alt=""></span>
|
|
|
+ </a>
|
|
|
+ <figcaption>
|
|
|
+ <a href="">
|
|
|
+ <div class="brand">CURLYSUE 컬리수</div>
|
|
|
+ <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <div class="price">
|
|
|
+ <span class="selling_price">1,000,000</span>
|
|
|
+ <del>7,000,000</del>
|
|
|
+ <span class="discount">30%</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemcolorchip">
|
|
|
+ <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
+ <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
+ <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
+ </a>
|
|
|
+ </figcaption>
|
|
|
+ </figure>
|
|
|
+ </div>
|
|
|
+ <div class="item_gd">
|
|
|
+ <figure>
|
|
|
+ <a href="">
|
|
|
+ <span class="thumb"><img src="/images/pc/thumb/od_shopping_slide01.png" alt=""></span>
|
|
|
+ </a>
|
|
|
+ <figcaption>
|
|
|
+ <a href="">
|
|
|
+ <div class="brand">CURLYSUE 컬리수</div>
|
|
|
+ <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <div class="price">
|
|
|
+ <span class="selling_price">1,000,000</span>
|
|
|
+ <del>7,000,000</del>
|
|
|
+ <span class="discount">30%</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemcolorchip">
|
|
|
+ <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
+ <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
+ <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
+ </a>
|
|
|
+ </figcaption>
|
|
|
+ </figure>
|
|
|
+ </div>
|
|
|
+ <div class="item_gd">
|
|
|
+ <figure>
|
|
|
+ <a href="">
|
|
|
+ <span class="thumb"><img src="/images/pc/thumb/od_shopping_slide01.png" alt=""></span>
|
|
|
+ </a>
|
|
|
+ <figcaption>
|
|
|
+ <a href="">
|
|
|
+ <div class="brand">CURLYSUE 컬리수</div>
|
|
|
+ <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <div class="price">
|
|
|
+ <span class="selling_price">1,000,000</span>
|
|
|
+ <del>7,000,000</del>
|
|
|
+ <span class="discount">30%</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemcolorchip">
|
|
|
+ <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
+ <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
+ <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
+ </a>
|
|
|
+ </figcaption>
|
|
|
+ </figure>
|
|
|
+ </div>
|
|
|
+ <div class="item_gd">
|
|
|
+ <figure>
|
|
|
+ <a href="">
|
|
|
+ <span class="thumb"><img src="/images/pc/thumb/od_shopping_slide01.png" alt=""></span>
|
|
|
+ </a>
|
|
|
+ <figcaption>
|
|
|
+ <a href="">
|
|
|
+ <div class="brand">CURLYSUE 컬리수</div>
|
|
|
+ <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <div class="price">
|
|
|
+ <span class="selling_price">1,000,000</span>
|
|
|
+ <del>7,000,000</del>
|
|
|
+ <span class="discount">30%</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemcolorchip">
|
|
|
+ <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
+ <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
+ <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
+ </a>
|
|
|
+ </figcaption>
|
|
|
+ </figure>
|
|
|
+ </div>
|
|
|
+ <div class="item_gd">
|
|
|
+ <figure>
|
|
|
+ <a href="">
|
|
|
+ <span class="thumb"><img src="/images/pc/thumb/od_shopping_slide01.png" alt=""></span>
|
|
|
+ </a>
|
|
|
+ <figcaption>
|
|
|
+ <a href="">
|
|
|
+ <div class="brand">CURLYSUE 컬리수</div>
|
|
|
+ <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <div class="price">
|
|
|
+ <span class="selling_price">1,000,000</span>
|
|
|
+ <del>7,000,000</del>
|
|
|
+ <span class="discount">30%</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemcolorchip">
|
|
|
+ <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
+ <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
+ <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
+ </a>
|
|
|
+ </figcaption>
|
|
|
+ </figure>
|
|
|
+ </div>
|
|
|
+ <div class="item_gd">
|
|
|
+ <figure>
|
|
|
+ <a href="">
|
|
|
+ <span class="thumb"><img src="/images/pc/thumb/od_shopping_slide01.png" alt=""></span>
|
|
|
+ </a>
|
|
|
+ <figcaption>
|
|
|
+ <a href="">
|
|
|
+ <div class="brand">CURLYSUE 컬리수</div>
|
|
|
+ <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <div class="price">
|
|
|
+ <span class="selling_price">1,000,000</span>
|
|
|
+ <del>7,000,000</del>
|
|
|
+ <span class="discount">30%</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemcolorchip">
|
|
|
+ <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
+ <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
+ <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
+ </a>
|
|
|
+ </figcaption>
|
|
|
+ </figure>
|
|
|
+ </div>
|
|
|
+ <div class="item_gd">
|
|
|
+ <figure>
|
|
|
+ <a href="">
|
|
|
+ <span class="thumb"><img src="/images/pc/thumb/od_shopping_slide01.png" alt=""></span>
|
|
|
+ </a>
|
|
|
+ <figcaption>
|
|
|
+ <a href="">
|
|
|
+ <div class="brand">CURLYSUE 컬리수</div>
|
|
|
+ <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <div class="price">
|
|
|
+ <span class="selling_price">1,000,000</span>
|
|
|
+ <del>7,000,000</del>
|
|
|
+ <span class="discount">30%</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemcolorchip">
|
|
|
+ <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
+ <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
+ <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
+ </a>
|
|
|
+ </figcaption>
|
|
|
+ </figure>
|
|
|
+ </div>
|
|
|
+ <div class="item_gd">
|
|
|
+ <figure>
|
|
|
+ <a href="">
|
|
|
+ <span class="thumb"><img src="/images/pc/thumb/od_shopping_slide01.png" alt=""></span>
|
|
|
+ </a>
|
|
|
+ <figcaption>
|
|
|
+ <a href="">
|
|
|
+ <div class="brand">CURLYSUE 컬리수</div>
|
|
|
+ <div class="name">[★2020 겨울신상★] 리버시블 경량점퍼 CPW0XQJM51 [겨울]</div>
|
|
|
+ <div class="price">
|
|
|
+ <span class="selling_price">1,000,000</span>
|
|
|
+ <del>7,000,000</del>
|
|
|
+ <span class="discount">30%</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemcolorchip">
|
|
|
+ <span class="chip_color35" value="ABM">BEIGE</span>
|
|
|
+ <span class="chip_color54" value="BDS">BLACK</span>
|
|
|
+ <span class="chip_color40" value="YBR">WHITE</span>
|
|
|
+ </div>
|
|
|
+ <div class="itemComment">#가을 느낌 물씬!</div>
|
|
|
+ </a>
|
|
|
+ </figcaption>
|
|
|
+ </figure>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+ <!-- // CONT-BODY -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </form>
|
|
|
+ </div>
|
|
|
+ <!-- // container -->
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
- // 저장 후 콜백 함수
|
|
|
- var saveFinish = function(result) {
|
|
|
- alert(result.result);
|
|
|
- }
|
|
|
- $("#save").click(function() {
|
|
|
- let compsList = [];
|
|
|
- let temp = new Object;
|
|
|
- temp.goodsCd = "14373687";
|
|
|
- temp.dealGoodsCd = 'STYD000000025';
|
|
|
- temp.optCd = "퍼플140";
|
|
|
- temp.goodsQty = 2;
|
|
|
- temp.goodsType = "G056_D";
|
|
|
- temp.cartGb = "C";
|
|
|
- temp.afLinkCd = "afLinkCd1";
|
|
|
- temp.ithrCd = "G027_ZZZ1";
|
|
|
- temp.contentsLoc = "G028_YYY1";
|
|
|
- temp.planDtlSq = "123";
|
|
|
- compsList.push(temp);
|
|
|
- /*let i = 2; // 구성상품 length만큼
|
|
|
- for(let j = 0 ; j < i ; j++) {
|
|
|
- let temp = new Object;
|
|
|
- if(j == 1) {
|
|
|
- temp.goodsCd = "STYS000000016";
|
|
|
- temp.itemCd = '14373757';
|
|
|
- temp.optCd = "핑크120";
|
|
|
- temp.goodsQty = 1;
|
|
|
- temp.goodsType = "G056_S";
|
|
|
- temp.cartGb = "C";
|
|
|
- temp.afLinkCd = "afLinkCd";
|
|
|
- temp.ithrCd = "G027_ZZZ";
|
|
|
- temp.contentsLoc = "G028_YYY";
|
|
|
- temp.planDtlSq = "123";
|
|
|
- compsList.push(temp);
|
|
|
- } else {
|
|
|
- temp.goodsCd = "STYS000000016";
|
|
|
- temp.itemCd = '14373758';
|
|
|
- temp.optCd = "블랙130";
|
|
|
- temp.goodsQty = 1;
|
|
|
- temp.goodsType = "G056_S";
|
|
|
- temp.cartGb = "C";
|
|
|
- temp.afLinkCd = "afLinkCd";
|
|
|
- temp.ithrCd = "G027_ZZZ";
|
|
|
- temp.contentsLoc = "G028_YYY";
|
|
|
- temp.planDtlSq = "123";
|
|
|
- compsList.push(temp);
|
|
|
- }
|
|
|
- }*/
|
|
|
|
|
|
- let jsonData = JSON.stringify(compsList);
|
|
|
+ $(function(){
|
|
|
+ // 추천상품 슬라이드
|
|
|
+ $('.od_recommend .item_slide').slick({
|
|
|
+ dots: true,
|
|
|
+ infinite: true,
|
|
|
+ speed: 300,
|
|
|
+ slidesToShow: 5,
|
|
|
+ slidesToScroll: 5,
|
|
|
+ adaptiveHeight: true
|
|
|
+ });
|
|
|
|
|
|
- $.ajax( {
|
|
|
- type: "POST",
|
|
|
- url : '/cart/save',
|
|
|
- data : jsonData,
|
|
|
- contentType: 'application/json',
|
|
|
- dataType : 'json',
|
|
|
- success : function(result) {
|
|
|
- alert(result.message);
|
|
|
- }
|
|
|
+ $('.part_dlvr').on('click','.btn_moresale',function(e){
|
|
|
+ //다다익선 적용내역 보기
|
|
|
+ e.preventDefault();
|
|
|
+ $(this).toggleClass('active');
|
|
|
+ $(this).parents('.od_moresale').find('.li_moresale').toggle();
|
|
|
+ }).on('click','.btn_favorite',function(e){
|
|
|
+ //관심상품 등록
|
|
|
+ e.preventDefault();
|
|
|
+ $(this).toggleClass('active');
|
|
|
});
|
|
|
});
|
|
|
</script>
|
xodud1202