무엇을 도와드릴까요?

make shop make signature

개별디자인 TIP

개별디자인 TIP 상품관련

따라다니는 중/소분류 노출 방법

글번호 : 1211

https://www.makeshop.co.kr/newmakeshop/home/faq_view.html?uid=1211
분류 페이지 상단에 따라다니는 중/소분류 노출 방법입니다. ※ 따라다니는 중/소분류란? 상품 분류 페이지에서 대분류에 포함된 중/소분류중 동일레벨(중분류,소분류)의 분류 페이지 화면에서 동일레벨의 분류 목록이 노출되는 기능을 말합니다. 예를들어 A대분류에 B,C중분류가 있을 경우 B,C중분류 어느 페이지에 접속하든 B,C중분류 목록이 항시 노출됩니다. 기존 디자인 버전에서는 설정으로 가능하였지만 디자인 시즌4에서는 가상태그로 구현이 가능하여 기능으로 제공하지않고, 아래와 같이 소스를 입력하여 적용하실 수 있습니다. 따라다니는 중/소분류 분류 페이지 편집 화면에서 태그설명을 "동일레벨"로 검색하시면 확인하실 수 있으시구요. 해당 가상태그를 사용하여 아래와 같이 입력해주세요. ※ 따라다니는 중/소분류 태그 사용 예

<!--/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/-->

※ 소스 적용 예(상품 분류 페이지) <!--/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 --> <!--/else/--> <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/--> (태그설명) 동일레벨의 분류가 없을 경우 하위 레벨의 분류 목록을 노출시키고, 동일레벨의 분류가 있을 경우에는 동일레벨의 분류 목록을 노출시킵니다. <<선택된 중/소분류의 색상이 변경되는 방법>> 위와 같이 작업된 상태에서 선택된 중/소분류 색상을 변경하고자 하신다면 아래와 같이 작업해주시면 됩니다. <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 --> 위의 소스에서 class="<!--/if_same_level_category@is_sel/-->sel<!--/end_if/-->" 을 추가하여 아래와 같이 작업해주셔야 합니다. <dl class="class-list"> <dt class="blind">상품분류 리스트</dt> <dd> <ul> <!--/loop_same_level_category/--> <li><a href="<!--/same_level_category@link/-->" class="<!--/if_same_level_category@is_sel/-->sel<!--/end_if/-->"><!--/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 --> 그 후 css탭에 아래의 소스를 입력해주시면 됩니다. a.sel { color:#ff0000;font-weight:bold;}
목록 1:1 문의