자세히 알아보기

특정 상품 분류 페이지를 다른 디자인으로 적용하는 방법

1. [관리자] 디자인 > 디자인관리 로 이동해 주세요.
2. '디자인관리' 화면에 있는 '디자인 편집' 버튼을 클릭해 주세요.
3. 새창으로 열린 스마트디자인 편집창에서 좌측 패널의 '전체화면보기(탭)' 을 클릭해 주세요.
4. '화면추가' 버튼을 클릭하여 상품(product) 폴더 안에 outer.html 라는 파일명으로 새 페이지를 생성한 후 '저장' 버튼을 클릭해주세요.
   - 저장경로: /product
   - 파일명: outer.html
5. 레이아웃 미리보기 화면 내 카테고리 모듈을 클릭해 주세요.
6. HTML 소스에서 {$link_product_list} 를 {design_page_url} 로 변경 후 '적용' 버튼을 클릭하여 저장해 주세요.
   
   <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>

    

    

   Note - html 소스코드 수정 시 주의 사항

   <a href="" >경로에 "/" 가 삭제 되면 정상적으로 연결되지 않습니다. 삭제되지 않도록 주의해 주세요.

    

7. [관리자] 쇼핑몰 설정 > 사이트 설정 > 사이트 환경 설정 > 쇼핑몰 환경 설정 으로 이동해 주세요.
8. 화면경로(탭) > '상품카테고리 경로설정' 에서 새페이지로 연결하고 싶은 상품 카테고리의 경로를 선택하고 '저장' 버튼을 클릭해 주세요.
   ※ 화면경로 설정은 '대분류' 까지만 설정할 수 있어요.
9. 쇼핑몰 화면에서 조금 전 경로로 설정한 카테고리를 클릭하여 outer.html 로 정상 연결되는지 확인해 주세요.