안녕하세요.

후이즈몰입니다.

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

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

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

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

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

-> 462 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;}

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

-> 650 Line 추가

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

.coupon_download_wrap {clear: both; margin-bottom:30px; 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; float:left; padding:5px;}
.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_modern/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_modern/images/mypage/default_coupon.gif');"><br><img src="/skin/f_modern/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>
   <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. 디자인관리 > 상세페이지 디자인 > 상품관련 화면 > 상품 상세

-> 435 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>
{/}
<!-- // 쿠폰다운로드 -->

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