Help Center
카페24 소식
[스마트디자인] 상품 리스트 메뉴 숨김 기능
2012-05-24
안녕하세요, 카페24 운영도우미 입니다.
상품리스트 페이지에서 대분류만 있을 경우 분류명,현재위치 영역을 보이지 않게 할 수 있는 기능입니다.
단, 대분류에 중분류가 설정되어 있으면 해당 부분은 반영되지 않습니다.
자세한 내용은 아래를 참조해 주세요.
아래 코드를 활용하시면, 상품리스트 화면에 적용하실 수 있습니다.
표준스킨에서는 아래와 같은 파일을 수정해주시면 됩니다.
1. HTML 수정
- '상품 > 상품분류 (/product/list.html)' 파일
| <div module="Product_menupackage"> <!--@js(/js/module/product/menupackage.js)--> <!--@css(/css/module/product/menupackage.css)--> <div class="path" module="product_headcategory"> <h3>현재 위치</h3> <ol> <li class="first"><a href="/">홈</a></li> <li class="{$disp_cate_1|display}"><a href="/product/list.html{$param_1}">{$name_1}</a></li> <li class="{$disp_cate_2|display}"><a href="/product/list.html{$param_2}">{$name_2}</a></li> <li class="{$disp_cate_3|display}" title="현재 위치"><strong><a href="/product/list.html{$param_3}">{$name_3}</a></strong></li> </ol> </div> <div class="titleArea" module="product_headcategory"> <h2><span>{$title_text}</span></h2> </div> <ul class="menuCategory"> <li style="display:{$display};" module="product_menucategory"> <strong><a href="/product/list.html{$param_mid}"><span>{$name_mid}</span></a></strong> <ul class="sub" module="product_categorylist"> <li><a href="/product/list.html{$param_low}" class="first">{$name_low}</a></li> <li><a href="/product/list.html{$param_low}">{$name_low}</a></li> <li><a href="/product/list.html{$param_low}">{$name_low}</a></li> </ul> </li> </ul> </div> |
2. JS 수정
- 새로운 파일 : /js/module/product/menupackage.js
$(document).ready(function(){ if ($('.menuCategory').html().replace(/^ss*/, '').replace(/ss*$/, '') == '') { $('.xans-product-menupackage').css('display', 'none'); } }); |
▼ 적용 전 > 적용 후 화면
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]