특정 상품분류 페이지를 다른 디자인으로 적용하기!
모든 상품분류 페이지 디자인이 통일되어 있어 특정 상품분류 페이지만 구조나, 디자인을 다르게 하여 카테고리 링크로 연결하고 싶은 경우 활용 할 수 있는 팁입니다.
1. 디자인 편집창을 열고 상품(/product)폴더 안에 outer.html라는 파일명으로 새페이지를 생성합니다.
(상품분류페이지에서 "새이름저장"을 누르면 동일한 페이지를 생성할 수 있습니다.) 디자인을 변경 한 후 저장합니다.
2. 레이아웃 페이지에 있는 카테고리 모듈에서 product/list.html -> {design_page_url}로 변경합니다.
{$design_page_url}는 어드민에서 화면경로를 설정한 경로로 이동시켜주는 변수 입니다.
* 주의 : <a href="" >경로에 "/" 가 삭제 되면 정상적으로 연결되지 않습니다. 삭제되지 않도록 주의해주세요.
<div id="category" module="Layout_category">
<!--@css(/css/module/layout/category.css)-->
<!--@js(/js/module/layout/category.js)-->
<h2>전체상품목록</h2>
<div class="position">
<ul>
<li><a href="/{$design_page_url}{$param}">{$name_or_img_tag}</a></li>
<li><a href="/{$design_page_url}{$param}">{$name_or_img_tag}</a></li>
<li><a href="/{$design_page_url}{$param}">{$name_or_img_tag}</a></li>
</ul>
</div>
</div>
3. 어드민 > 디자인 관리 > 쇼핑몰 환경설정 > 화면경로에서 새페이지로 연결하고 싶은 상품카테고리에 경로를 설정하고 저장합니다.
* 단, 화면경로 설정은 "대분류" 까지 설정할 수 있습니다.
4. 프론트 화면에서 조금 전 경로 설정한 카테고리를 클릭하면 outer.html로 연결되는 것을 확인할 수 있습니다.