무엇을 도와드릴까요?

make shop make signature

개별디자인 TIP

개별디자인 TIP 상품관련

세트상품 사용시 디자인 편집 방법

글번호 : 1121

https://www.makeshop.co.kr/newmakeshop/home/faq_view.html?uid=1121
세트상품이란, 등록되어 있는 상품들을 하나의 세트상품으로 묶어 할인금액을 각각 구성 상품별로 책정하여 세트 할인판매가 가능한 기능입니다. 이 세트상품을 등록하신 이후 상품 상세 페이지에서 세트상품 목록과 함께 가격정보 등을 노출시킬 수 있는 방법에 대해 안내드립니다. ※ 사용 방법 * 기능 설정 [메뉴위치] 쇼핑몰구축 > 쇼핑몰 기본정보 설정 > 상품 화면 부가 설정 1. 세트 상품 사용 설정을 사용함으로 설정하시고 세트 상품 원단위 변경 옵션을 선택하여 설정합니다. 2. "상품관리 > 판매 상품 신규 등록"에서 상품등록 탭을 세트상품 등록으로 선택하여 상품 등록을 해주시면 됩니다. * 디자인 편집 디자인 스킨 편집화면 "상품관련 > 상품 상세 페이지"에서 상품명 노출 소스 아래에 세트상품 소스를 입력하시면 되는데요. 일반상품과 세트상품에 따라 상세 페이지에 노출되는 방식을 달리 해야하므로 if와 else조건문을 이용하여 "if /세트상품/ else /일반상품/ end_if"방식의 소스로 편집해주셔야 합니다. 관련태그는 가상태그 검색을 "세트"로 검색하시면 세트상품 노출 가상태그 목록을 검색하실 수 있습니다. 소스 적용 영역) 소스 적용 예)

※ 베이직 심플 사용시 CSS탭에서 아래 소스를 삭제해주시면 됩니다. #productDetail .thumb-info .info .table-opt .opt-wrap .opt-btns a { display:unset; width:26px; height:26px; text-indent:-9999em; vertical-align:top; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/sp_qty.gif) 0 0 no-repeat } 적용 후 화면) * 장바구니 화면 할인금액 노출 장바구니 페이지에 위와 같이 할인내역을 노출 원하시면 원하시는 위치에 아래 소스를 넣어주세요. [관련태그] - 세트 구성 상품 > 상품 총 할인 금액 <!--/total_package_price/--> 소스 적용 예)

<!--/if_total_package_price(+1)/-->(세트할인금액 <!--/number/total_package_price/-->원)<!--/end_if/-->

※ 세트상품에 선택박스 노출하여 이용하고자 할 경우 예제소스 ※ 소스 적용 예)

<!--/if_package_product/-->
<div class="table-opt">
<table summary="상품명, 가격, 옵션, 수량">
<caption>세트 상품</caption>
<colgroup>
<col width="82" />
<col width="*" />
</colgroup>
<tbody>
<!--/loop_package_product/-->
<tr>
<td><!--/package_product@checkbox/--></td>
<td style="border-bottom: 1px solid #c0c0c0;">
<div style="width: 80px; height: 80px; padding: 0;" class="tb-center">
<a href="<!--/package_product@link/-->">
<img src="<!--/package_product@image_s/-->" alt="세트상품" title="세트상품" style="width: 80px; height: 80px;" /></a>
</div>
</td>
<td style="border-bottom: 1px solid #c0c0c0; padding-left: 5px;">
<div>
<ul style="line-height: 25px;">
<li><a href="<!--/package_product@link/-->"><!--/package_product@name/--></a></li>
<!--/if_package_product@subname/--><li>추가상품명 : <!--/package_product@subname/--></li><!--/end_if/-->
<li>영문상품명 : <!--/package_product@engname/--></li>
<li>판매 가격 : <!--/package_product@price_replace/--></li>
<li>소비자 가격 : <!--/package_product@consumer_price/--></li>
<li>
<!--/if_package_product@option/-->
<!--/loop_package_product@option/-->
<!--/if_package_product@option@title/--><!--/package_product@option@title/--> : <!--/end_if/-->
<!--/if_package_product@option@select/--><!--/package_product@option@select/--><!--/end_if/--><br />
<!--/end_loop/-->
<!--/end_if/-->
</li>
<li>
<div class="opt-btns" style="display:inline-block; width: 56px; height: 19px; position: relative;">
<!--/package_product@input_quantity/-->
<a href="<!--/package_product@link_quantity_up/-->"><img class="btn-up" style="right: 0px; top: 0px; position: absolute;" src="/images/common/basket_up.gif" alt="수량증가" title="수량증가" /></a>
<a href="<!--/package_product@link_quantity_down/-->"><img class="btn-dw" style="right: 0px; bottom: 0px; position: absolute;" src="/images/common/basket_down.gif" alt="수량감소" title="수량감소" /></a>
</div>
</li>
</ul>
</div>
</td>
</tr>
<!--/end_loop/-->
</tbody>
</table>
<div class="opt-wrap" style="background-color:#eeeeee; text-align: right; ine-height: 20px; margin-top: 10px; padding: 6px 0 3px 0;
border: 1px solid #c0c0c0; font-size: 11px;">
<ul style="line-height: 20px; padding-right: 6px;">
<li><!--/if_package_reserve/-->적립금 : <!--/package_reserve/--><!--/end_if/--></li>
<li>상품판매가 : <!--/package_price_sell/--></li>
<li>세트할인가 : <!--/package_total_price/-->(세트할인 <!--/total_discount_money/-->)</li>
<!--/if_nhn_mileage/--><li>네이버마일리지 : <!--/nhn_mileage/--><!--/btn_nhn_mileage_help/--></li><!--/end_if/-->

</ul>
</div>


<div class="tb-left" style="padding-top:10px">
<!--/if_btn_scrap_fb/--><!--/btn_scrap_fb/--><!--/end_if/-->
<!--/if_btn_scrap_m2/--><!--/btn_scrap_m2/--><!--/end_if/-->
<!--/if_btn_scrap_tw/--><!--/btn_scrap_tw/--><!--/end_if/-->
<!--/if_btn_scrap_cy/--><!--/btn_scrap_cy/--><!--/end_if/-->
</div>


<!--/if_btn_importune/-->

<div class="tb-left">
<!--/btn_importune/-->
</div>
<!--/end_if/-->



</div>

<!--/else/-->

<!-- 일반상품 info 부분 시작-->
<div class="table-opt">
<table summary="판매가격, 적립금, 주문수량, 옵션, 사이즈, 상품조르기, sns">
<caption>상품 옵션</caption>
<colgroup>
<col width="70" />
<col width="*" />
</colgroup>
<tbody>
<!--/if_price_consumer(+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_reserve(+1)/-->
<tr>
<th scope="row"><div class="tb-left">적립금</div></th>
<td>
<div class="tb-left">
<!--/reserve/--><!--/reserve_unit/-->
</div>
</td>
</tr>
<!--/end_if/-->
<!--/if_replace_price/-->
<tr>
<th scope="row"><div class="tb-left">판매가격</div></th>
<td class="price">
<div class="tb-left">
<!--/replace_price/-->
</div>
</td>
</tr>
<!--/else/-->
<tr>
<th scope="row"><div class="tb-left">판매가격</div></th>
<td class="price">
<div class="tb-left">
<!--/if_replace_price/-->
<!--/replace_price/-->
<!--/else/-->
<!--/number/price_sell/-->원
<!--/end_if/-->
</div>
</td>
</tr>
<!--/if_multi_option_box/-->
<!--/else/-->
<!--/if_option_price_sell/-->
<tr>
<th scope="row"><div class="tb-left">옵션적용가격</div></th>
<td class="price">
<div class="tb-left">
<!--/number/option_price_sell/-->원
</div>
</td>
</tr>
<!--/end_if/-->
<!--/end_if/-->
<!--/if_multi_option/-->
<!--/loop_multi_option/-->
<tr>
<th scope="row"><div class="tb-left"><!--/multi_option@title/--></div></th>
<td>
<div class="tb-left"><!--/multi_option@select/--></div>
</td>
</tr>
<!--/end_loop/-->
<tr>
<td colspan="2">
<div class="tb-left"><!--/multi_option_box/--></div>
</td>
</tr>
<!--/else/-->
<!--/if_option/-->
<!--/loop_option/-->
<tr>
<th scope="row"><div class="tb-left"><!--/option@title/--></div></th>
<td>
<div class="tb-left">
<!--/option@select/-->
</div>
</td>
</tr>
<!--/end_loop/-->
<!--/end_if/-->
<!--/end_if/-->
<!--/end_if/-->
<!--/if_multi_option_box/-->
<!--/else/-->
<tr>
<th scope="row"><div class="tb-left">주문수량</div></th>
<td>
<div class="tb-left">
<div class="opt-spin">
<!--/input_quantity/-->
<span class="btns">
<a class="btn-up" href="<!--/link_quantity_up/-->">수량증가</a>
<a class="btn-dw" href="<!--/link_quantity_down/-->">수량감소</a> </span>
</div>
</div>
</td>
</tr>
<!--/end_if/-->
<!--/if_addcode/-->
<tr>
<th scope="row"><div class="tb-left">특이사항</div></th>
<td>
<div class="tb-left">
<!--/addcode/-->
</div>
</td>
</tr>
<!--/end_if/-->
<!--/if_btn_importune/-->
<tr>
<th scope="row"><div class="tb-left">상품조르기</div></th>
<td>
<div class="tb-left">
<!--/btn_importune/-->
</div>
</td>
</tr>
<!--/end_if/-->
<!--/if_nhn_mileage/-->
<tr>
<th scope="row"><div class="tb-left">네이버 마일리지</div></th>
<td>
<div class="tb-left">
<!--/nhn_mileage/--><!--/btn_nhn_mileage_help/-->
</div>
</td>
</tr>
<!--/end_if/-->
<tr>
<td colspan="2">
<div class="tb-left">
<!--/if_btn_scrap_fb/--><!--/btn_scrap_fb/--><!--/end_if/-->
<!--/if_btn_scrap_m2/--><!--/btn_scrap_m2/--><!--/end_if/-->
<!--/if_btn_scrap_tw/--><!--/btn_scrap_tw/--><!--/end_if/-->
<!--/if_btn_scrap_cy/--><!--/btn_scrap_cy/--><!--/end_if/-->
</div>
</td>
</tr>
</tbody>
</table>
</div><!-- .table-opt -->
<!-- 일반상품 info 부분 끝-->

<!--/end_if/-->

적용 후 화면)
목록 1:1 문의