무엇을 도와드릴까요?

make shop make signature

개별디자인 TIP

개별디자인 TIP 상품관련

소비자가 및 판매가 대비 할인율을 노출하는 방법

글번호 : 1594

https://www.makeshop.co.kr/newmakeshop/home/faq_view.html?uid=1594
메인, 상품분류, 상품상세 페이지에 상품 소비자가 대비 할인율 및 판매가 대비 할인율을 노출하는 방법에 대해 안내해 드리겠습니다. << 지원버전 >> - 통합옵션 << 지원범위 >> - 중앙 디자인 > 메인 > 메인 - 중앙 디자인 > 상품관련 > 상품 분류 페이지 > 기본 분류 페이지 - 중앙 디자인 > 상품관련 > 상품 상세 페이지 > 기본 상세 페이지 - 중앙 디자인 > 상품 관련 > 상품 미리보기 화면 << 가상태그 >> - 소비자가 대비 할인금액 할인율 가상태그 : <!--/consumer_discount_rate/--> - 판매가 대비 할인금액 할인율 가상태그: <!--/sell_discount_rate/-->
<< 메인,상품 분류 페이지>>
[ PC 버전 ] 개별디자인 위치 [개별디자인 > 중앙 디자인 > 메인 > 메인] [개별디자인 > 중앙 디자인 > 상품 분류 페이지 > 기본 분류 페이지] [디자인 편집 탭] 1) 추천 위치(베이직심플) <li class="prd-price"> <!--/if_상품타입@price_replace/--> <!--/상품타입@price_replace/--> <!--/else_if_상품타입@is_soldout/--> Sold Out <!--/else/--> 위의 소스 아래에 다음과 같은 소스를 추가합니다. 예) 메인 신규상품일 경우 <!--/if_new_product@consumer_discount_rate/--> <span><!--/new_product@consumer_discount_rate/-->%</span> <!--/end_if/--> 메인 추천상품, 특별상품, 추가상품 등 각 타입에 맞는 소스를 입력해주셔야 하며 본문 최하단 << 타입별 예시 소스 >> 를 참고해 주세요. 2) 추천 위치(모던심플) <!--/if_상품타입@link_pop_product_benefit/--> <a href="<!--/상품타입@link_pop_product_benefit/-->"><img src="/images/d3/modern_simple/btn_benefit.gif" alt="혜택팝업보기" /></a> <!--/end_if/--> </li> <li class="price"> 하단에 상품타입에 맞는 소스를 추가합니다. (본문 최하단 << 타입별 예시 소스 >> 참고)
[ 모바일 버전 ] 개별디자인 위치 [개별디자인 > 중앙 디자인 > 메인 > 메인] [개별디자인 > 중앙 디자인 > 상품 분류 페이지 > 기본 분류 페이지] [디자인 편집 탭] 1) 추천 위치(모바일4.0) <p class="listReplce"><!--/상품타입@price_replace/--></p> <!--/else/--> 하단에 상품타입에 맞는 소스를 추가합니다. (본문 최하단 << 타입별 예시 소스 >> 참고)
<< 상품 상세 페이지 >>
[ PC 버전 ] 개별디자인 위치 [개별디자인 > 중앙 디자인 > 상품 상세 페이지 > 기본 상세 페이지] [디자인 편집 탭] 1) 추천 위치(베이직심플) <tr> <th scope="row"><div class="tb-left">소비자가격</div></th> <td class="price"> <div class="tb-left"> <strike><!--/number/price_consumer/-->원</strike> </div> </td> </tr> <!--/end_if/--> 하단에 아래 소스 중 원하는 소스를 추가합니다. - 소비자가 대비 할인금액 할인율 소스 : <!--/if_consumer_discount_rate/--> <tr> <th><div class="tb-left">할인율</div></th> <td class="price"> <div class="tb-left"> <!--/consumer_discount_rate/-->%</div> </td> </tr> <!--/end_if/--> - 판매가 대비 할인금액 할인율 소스 : <!--/if_sell_discount_rate/--> <tr> <th><div class="tb-left">할인율</div></th> <td class="price"> <div class="tb-left"> <!--/sell_discount_rate/-->%</div> </td> </tr> <!--/end_if/--> 2) 추천 위치(모던심플) <tr> <th scope="row"><div class="tb-left">판매가격</div></th> <td class="price"> <div class="tb-left"> <!--/if_price_replace/--> <!--/price_replace/--> <!--/else/--> <!--/if_dc_price_sell/--> <strike><!--/number/price_sell/-->원</strike> -> <!--/block_dc_price_sell/--><!--/number/dc_price_sell/--><!--/end_block/--> 원 <!--/else/--> <!--/number/price_sell/-->원 <!--/end_if/--> <!--/end_if/--> </div> </td> </tr> 하단에 아래 소스 중 원하는 소스를 추가합니다. - 소비자가 대비 할인금액 할인율 소스 : <!--/if_consumer_discount_rate/--> <tr> <th><div class="tb-left">할인율</div></th> <td class="price"> <div class="tb-left"> <!--/consumer_discount_rate/-->%</div> </td> </tr> <!--/end_if/--> - 판매가 대비 할인금액 할인율 소스 : <!--/if_sell_discount_rate/--> <tr> <th><div class="tb-left">할인율</div></th> <td class="price"> <div class="tb-left"> <!--/sell_discount_rate/-->%</div> </td> </tr> <!--/end_if/-->
[ 모바일 버전 ] 개별디자인 위치 [개별디자인 > 중앙 디자인 > 상품 상세 페이지 > 기본 상세 페이지] [디자인 편집 탭] 1) 추천 위치(모바일4.0) <!--/if_dc_price_sell/--> <p class="shopdetailInfoDiscount bold"> <!--/if_discount_apply_type(mobile)/--> <span class="shopdetailInfoName"><span class="fa fa-mobile fa-lg"></span> 모바일가</span> <!--/else/--> <span class="shopdetailInfoName">할인가</span> <!--/end_if/--> <span class="shopdetailInfoCont"><em><!--/block_dc_price_sell/--><!--/number/dc_price_sell/--><!--/end_block/--></em>원</span> </p> <!--/end_if/--> 하단에 아래 소스 중 원하는 소스를 추가합니다. - 소비자가 대비 할인율 : <!--/if_consumer_discount_rate/--> <p> <span class="shopdetailInfoName">할인율</span> <span class="shopdetailInfoCont"> <!--/consumer_discount_rate/-->% </span> </p> <!--/end_if/--> - 판매가 대비 할인율 : <!--/if_sell_discount_rate/--> <p> <span class="shopdetailInfoName">할인율</span> <span class="shopdetailInfoCont"> <!--/sell_discount_rate/-->% </span> </p> <!--/end_if/-->
<< 상품 미리보기 페이지 >>
[ PC 버전 ] 개별디자인 위치 [개별디자인 > 중앙 디자인 > 상품 관련 > 상품 미리보기 화면] 1) 추천 위치(베이직심플) <tr> <th scope="row"><div class="tb-left">소비자가격</div></th> <td class="price"><!--/number/price_consumer/-->원</td> </tr> <!--/end_if/--> 하단에 아래 소스 중 원하는 소스를 추가합니다. - 소비자가 대비 할인금액 할인율 소스 : <!--/if_consumer_discount_rate/--> <tr> <th><div class="tb-left">할인율</div></th> <td class="price"> <div class="tb-left"> <!--/consumer_discount_rate/-->%</div> </td> </tr> <!--/end_if/--> - 판매가 대비 할인금액 할인율 소스 : <!--/if_sell_discount_rate/--> <tr> <th><div class="tb-left">할인율</div></th> <td class="price"> <div class="tb-left"> <!--/sell_discount_rate/-->%</div> </td> </tr> <!--/end_if/--> 2) 추천 위치(모던심플) <li class="s-price">판매가격 : <!--/if_price_replace/--> <!--/price_replace/--> <!--/else/--> <!--/if_dc_price_sell/--> <strike><!--/number/price_sell/-->원</strike> -> <!--/block_dc_price_sell/--><!--/number/dc_price_sell/--><!--/end_block/--> 원 <!--/else/--> <!--/number/price_sell/-->원 <!--/end_if/--> <!--/end_if/--> </li> 하단에 아래 소스 중 원하는 소스를 추가합니다. - 소비자가 대비 할인금액 할인율 소스 : <!--/if_consumer_discount_rate/--> <li> 할인율 : <!--/consumer_discount_rate/-->% </li> <!--/end_if/--> - 판매가 대비 할인금액 할인율 소스 : <!--/if_sell_discount_rate/--> <li> 할인율 : <!--/sell_discount_rate/-->% </li> <!--/end_if/-->
[ 모바일 버전 ] 개별디자인 위치 [개별디자인 > 중앙 디자인 > 상품 관련 > 상품 미리보기 화면] [디자인 편집 탭] 1) 추천 위치(모바일4.0) <!--/if_dc_price_sell/--> <li class="s-price"><span class="prev-tit">판매가격</span><span class="prev-price price-line"><!--/number/price_sell/-->원</span></li> <li class="s-dc-price"><span class="prev-tit">할인가격</span><span class="prev-price"><!--/block_dc_price_sell/--><!--/number/dc_price_sell/--><!--/end_block/-->원</span></li> <!--/else/--> <li class="s-price"><span class="prev-tit">판매가격</span><span class="prev-price"><!--/number/price_sell/-->원</span></li> <!--/end_if/--> 하단에 아래 소스 중 원하는 소스를 추가합니다. - 소비자가 대비 할인율 : <!--/if_consumer_discount_rate/--> <li> <span class="prev-tit">할인율</span> <span class="prev-price"> <!--/consumer_discount_rate/-->% </span> </li> <!--/end_if/--> - 판매가 대비 할인율 : <!--/if_sell_discount_rate/--> <li> <span class="prev-tit">할인율</span> <span class="prev-price"> <!--/sell_discount_rate/-->% </span> </li> <!--/end_if/-->
[PC 예시] [모바일 예시]
<< 참고사항 >> - 할인율이 소수점인 경우, 반올림 처리됩니다. - 할인율이 0원이거나 소수점 0.5 미만은 노출되지 않으니 참고해 주시기 바랍니다. - 세트상품은 할인율을 지원되지 않습니다.
<< 타입별 예시 소스 >> 디자인 편집탭 내에 상품타입에 맞춰 원하는 위치에 소스를 추가합니다. - 소비자가 대비 할인금액 할인율 소스 <상품타입 : 일반 상품(product)> <!--/if_product@consumer_discount_rate/--> <span><!--/product@consumer_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 추천 상품(recmd_product)> <!--/if_recmd_product@consumer_discount_rate/--> <span><!--/recmd_product@consumer_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 특별 상품(special_product)> <!--/if_special_product@consumer_discount_rate/--> <span><!--/special_product@consumer_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 신규 상품(new_product)> <!--/if_new_product@consumer_discount_rate/--> <span><!--/new_product@consumer_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 추가 구성 상품(extra_product)> <!--/if_extra_product@consumer_discount_rate/--> <span><!--/extra_product@consumer_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 관련 상품(related_product)> <!--/if_related_product@consumer_discount_rate/--> <span><!--/related_product@consumer_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 베스트 상품(best_product)> <!--/if_best_product@consumer_discount_rate/--> <span><!--/best_product@consumer_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 신규 상품(new_product_list)-모바일> <!--/if_new_product_list@consumer_discount_rate/--> <span><!--/new_product_list@consumer_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 추천 상품(recmd_product_list)-모바일> <!--/if_recmd_product_list@consumer_discount_rate/--> <span><!--/recmd_product_list@consumer_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 특별 상품(special_product_list)-모바일> <!--/if_special_product_list@consumer_discount_rate/--> <span><!--/special_product_list@consumer_discount_rate/-->%</span> <!--/end_if/--> - 판매가 대비 할인금액 할인율 소스 <상품타입 : 일반 상품(product)> <!--/if_product@sell_discount_rate/--> <span><!--/product@sell_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 추천 상품(recmd_product)> <!--/if_recmd_product@sell_discount_rate/--> <span><!--/recmd_product@sell_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 특별 상품(special_product)> <!--/if_special_product@sell_discount_rate/--> <span><!--/special_product@sell_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 신규 상품(new_product)> <!--/if_new_product@sell_discount_rate/--> <span><!--/new_product@sell_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 추가 구성 상품(extra_product)> <!--/if_extra_product@sell_discount_rate/--> <span><!--/extra_product@sell_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 관련 상품(related_product)> <!--/if_related_product@sell_discount_rate/--> <span><!--/related_product@sell_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 베스트 상품(best_product)> <!--/if_best_product@sell_discount_rate/--> <span><!--/best_product@sell_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 신규 상품(new_product_list)-모바일> <!--/if_new_product_list@sell_discount_rate/--> <span><!--/new_product_list@sell_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 추천 상품(recmd_product_list)-모바일> <!--/if_recmd_product_list@sell_discount_rate/--> <span><!--/recmd_product_list@sell_discount_rate/-->%</span> <!--/end_if/--> <상품타입 : 특별 상품(special_product_list)-모바일> <!--/if_special_product_list@sell_discount_rate/--> <span><!--/special_product_list@sell_discount_rate/-->%</span> <!--/end_if/-->
목록 1:1 문의