안녕하세요.

후이즈몰입니다.

 

쿠폰 기능 추가로 인하여 아래와 같이 디자인 수정을 안내드리오니 참고해 주시기 바랍니다.

 

설명 : 기존에는 주문 쿠폰만 제공하였으나, 기능 업데이트 후 상품쿠폰, 주문쿠폰으로 나눠집니다.

상품쿠폰의 경우 상품 상세페이지에서 노출이 되며, 해당 노출에 대한 디자인 수정입니다.

 

* 템플릿에 따라 소스 내용이나 Line이 다를 수 있습니다.

 

1. 디자인관리 > 상세페이지 디자인 > 스타일시트 관리

 

-> 484 Line 추가

 

====================추가 내용==================

 

.table_box_b {position:relative;clear:both;}
.table_box_b caption{display:none;}
.table_box_b th{height:40px; background-image:url('/skin/f_simple/images/mypage/table_th_bg.gif'); border-top: 2px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
.table_box_b .th_first{border-left:1px solid #dbdbdb;}
.table_box_b td{padding:10px; border-bottom:1px solid #dbdbdb;} 

 

===============================================

 

-> 500 Line 수정

 

====================수정 전====================

 

.mypage_coupon_down_title {font-size:14px; font-weight:bold; text-align:left; padding-bottom:10px;}

 

====================수정 후====================

 

.mypage_coupon_down_title {font-size:14px; font-weight:bold; text-align:left; padding-bottom:10px; padding-left:20px;} 

 

===============================================​

 

-> 747 Line 추가

 

====================추가 내용==================

 

.sub_title_box h3{ font-size:16px; font-weight:bold; padding-bottom:5px; letter-spacing:-1px; float:left;}

 

===============================================

 

-> 755 Line 추가

 

====================추가 내용==================

 

.sub_title_box{ border-bottom:2px solid #000; width:100%; height:30px; }

 

===============================================

 

-> 783 Line 추가

 

====================추가 내용==================

 

/* 쿠폰 다운로드 */
.coupon_download_wrap {clear: both; width:100%;}
.coupon_down_title {padding-left:20px; width:100%; height:32px; border:1px solid #4b4c4c; box-sizing:border-box; background: url('/skin/f_modern/images/shop/tab_bg.gif') repeat-x left top; font-size:12px; line-height:30px; color:#fff;}
.coupon_download_wrap>ul {padding:15px 0 15px 6px; width:100%; text-align:center;}
.coupon_download_wrap>ul>li {display:inline-block; margin-right:11px; width:168px; margin-bottom:15px;}
.coupon_download_wrap>ul>li>a {display:block; margin:10px 0 0; width:100%; height:23px; box-sizing:border-box; font-weight:bold; font-size:11px; line-height:23px; color:#fff;}
.coupon_download_wrap>ul>li>a.btn_coupondown {border:1px solid #851313; background:#bb0a0f;}
.coupon_download_wrap>ul>li>a.btn_coupondown:after {content:''; display:inline-block; margin:0 0 -2px 7px; width:11px; height:10px; background:url('/skin/f_simple/images/shop/icon_download.png') no-repeat left center;}
.coupon_download_wrap>ul>li>a.btn_coupondown_off {border:1px solid #525151; background:#636365;}
.coupon_download_wrap ul ul {padding:7px 3px 3px 35px; width:100%; height:68px; box-sizing:border-box;}
.coupon_download_wrap ul ul li {display:inline-block; width:100%; font-weight:bold; font-size:11px; line-height:1.2; font-family:Malgun Gothic, '맑은 고딕', sans-serif; color:#383838;}
.coupon_download_wrap ul ul .coupon_discount {margin-bottom:3px; font-size:16px; line-height:1;}
.coupon_download_wrap ul ul .coupon_discount strong {font-weight:bold; font-size:24px;}
.coupon_download_wrap ul ul .coupon_info {color:#828282;}

 

===============================================

 

2. 디자인관리 > 상세페이지 디자인 > 마이페이지 화면 > 내 쿠폰 목록

 

-> 41 Line 수정

 

====================수정 전====================

 

<table border="0" cellspacing="0" cellpadding="0" width="95%" align="center">

 

====================수정 후====================

 

<table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">

 

=============================================== 

 

-> 47 Line 수정

 

====================수정 전====================

 

<ul class="mypage_coupon_down_list">
 {@DOWN_LIST}
 <li><a href="#" onclick="goCouponDown({.coupon_seq})"><img src="{.coupon_file_path}" border="0" onerror="Durian.imgDefault(this, '/skin/f_simple/images/mypage/default_coupon.gif');"><br><img src="/skin/f_simple/images/btn/btn_coupon_down.gif" style="margin-top:5px;"></a></li>
 {:}
 <p style="text-align:center;">다운로드 가능한 쿠폰이 없습니다.</p>
 {/}
</ul>

====================수정 후====================

 

<div class="coupon_download_wrap">
 <ul>
  {@DOWN_LIST}
  <li style="float:left; padding:5px;">
   <ul style="background:url('{.coupon_file_path}') no-repeat 0 0;">
    {?.coupon_file_type == 0 && .coupon_file_seq > 1}
    <li class="coupon_kinds">{.coupon_name}</li>
    <li class="coupon_discount"><strong>{.coupon_discount}</strong>{.coupon_discount_type}</li>
    <li class="coupon_info">{.coupon_buy_min_text}</li>
    {/}
   </ul>
   <a href="#" onclick="goCouponDown('{.coupon_seq}');return false;" class="btn_coupondown">쿠폰받기</a>
  </li>
  {:}
   <p style="text-align:center;">다운로드 가능한 쿠폰이 없습니다.</p>
  {/}
 </ul>
</div>

===============================================

 

3. 디자인관리 > 상세페이지 디자인 > 상품관련 화면 > 상품 상세

 

-> 477 Line 추가

 

====================추가 내용==================

 

<!-- 쿠폰다운로드 -->
{?product_coupon_down_count && couponp_type_use != '1'}
<div class="coupon_download_wrap">
 <h3 class="coupon_down_title"> 쿠폰다운로드</h3>
 <ul>
  {@LIST_PRODUCT_COUPON_DOWN}
  <li>
   <ul style="background:url('{.coupon_file_path}') no-repeat 0 0;">
   {?.coupon_file_type == 0 && .coupon_file_seq > 1}
    <li class="coupon_kinds">{.coupon_name}</li>
    <li class="coupon_discount"><strong>{.coupon_discount}</strong>{.coupon_discount_type}</li>
    <li class="coupon_info">{.coupon_buy_min_text}</li>
   {/}
   </ul>
   <a href="#" onclick="goCouponDown('{.coupon_seq}');return false;" class="btn_coupondown">쿠폰받기</a>
  </li>
  {/}
 </ul>
</div>
{/}
<!-- // 쿠폰다운로드 -->

===============================================