안녕하세요. 메이크샵 운영팀장입니다.

오늘 개별디자인 D4 버전(카멜레온)에 업그레이드된 2가지 기능에 대하여 안내드리도록 하겠습니다.


[업그레이드 내용]

1. 주문서 페이지 내 회원그룹 관련 가상태그 추가

2. 상품 상세 페이지 내 상품 분류 노출 가상태그 추가



1. 주문서 페이지 내 회원그룹 관련 가상태그 추가

주문서 작성 페이지에 회원그룹 혜택을 노출할 경우, "그룹 메세지<!--/group_message/-->" 가상태그를

사용하지 않고도 자유롭게 개별 디자인 할 수 있도록 회원그룹 관련 상세 가상태그를 추가하였습니다.


[위치 및 사용법]

개별디자인 > 중앙디자인 > 주문관련 > 주문서 작성


(추가된 가상태그)

적립금 또는 할인혜택 사용여부 : <!--/if_is_group_benefit/-->

그룹 추가할인혜택 사용여부 : <!--/if_is_group_add_benefit/-->

회원그룹 혜택 결제 조건 : <!--/group_paymethod/--!>

적립금 또는 할인 혜택 회원 구매기준 금액 : <!--/group_benefit_buyprice/--!>

그룹 혜택 수단 : <!--/group_benefit_info/--!>

적립금 또는 할인내용 : <!--/group_benefit/--!>

적립금 또는 할인 추가혜택 : <!--/group_benefit_msg/--!>

추가할인 헤택 회원 구매기준 금액 : <!--/group_add_benefit_buyprice/--!>

추가 그룹 할인 내용 : <!--/group_add_benefit_info/--!>

추가 그룹 할인금액 : <!--/group_add_benefit/--!>

도매그룹 구매 제한 메시지 : <!--/group_wholesale_message/--!>


(쇼핑몰 적용 예시)



고정으로 노출되던 회원그룹 메시지를 추가된 가상태그로 개별디자인하여 원하는 내용으로 변경할 수 있습니다.



2. 상품 상세 페이지 내 상품 분류 노출 가상태그 추가

상품의 대/중/소분류를 노출 할 수 있도록 가상태그를 상품 상세 페이지에서도 사용할 수 있도록 개선하였습니다.


[위치 및 사용법]

개별 디자인 > 상품관련 > 상품 상세 페이지

(쇼핑몰 적용 예시)



(모바일샵 적용 예시)



대/중/소 분류 클릭 시, 해당 분류 페이지로 이동됩니다. 쇼핑몰에 개별디자인 하실 경우 아래 예제소스를 참고하여 이용하시기 바랍니다.


(예제소스)

1) 웹 (대/중/소 분류 노출)

- 대분류 카테고리노출시

<!--/if_category/-->
<dl class="class-list">
<dt class="blind">상품분류 리스트</dt>
<dd>
<ul>
<!--/loop_category/-->
<li><a href="<!--/category@link/-->"><!--/category@name/--></a><!--/if_category@brand_cnt/-->(<!--/category@brand_cnt/-->)<!--/end_if/--></li>
<!--/end_loop/-->
</ul>
</dd>
</dl><!-- .class-list -->
<!--/end_if/-->

- 중/소분류 노출시

<!--/if_same_level_category/-->
<dl class="class-list">
<dt class="blind">상품분류 리스트</dt>
<dd>
<ul>
<!--/loop_same_level_category/-->
<li><a href="<!--/same_level_category@link/-->"><!--/same_level_category@name/--></a>
<!--/if_same_level_category@brand_cnt/-->(<!--/same_level_category@brand_cnt/-->)<!--/end_if/--></li>
<!--/end_loop/-->
</ul>
</dd>
</dl><!-- .class-list -->
<!--/end_if/-->


- 웹 css

.class-list { zoom: 1; overflow: hidden; padding: 15px }
.class-list li,
.class-list li a { float: left; width: auto; white-space: nowrap; }
.class-list li { padding-left: 12px; margin-right: 12px; background: url(/images/d3/modern_simple/common/bull_h2_sqr_gray.gif) no-repeat 0 50%; }
a.sel { color:#ff0000;font-weight:bold;}


2) 모바일 (중/소 분류 노출)

- 중/소분류 노출시

<!--/if_select_category/-->
<div class="list_group">
<!--/select_category/-->
<!--/select_category2/-->
</div>
<!--/end_if/-->

- 모바일 css

.list_group {padding:12px 1%; text-align:center;}
.list_group select {width:49%; height:28px;}



감사합니다.