본문 바로가기

현재 위치
  1. HOME
  2. 쇼핑몰 TIP

쇼핑몰 TIP

온라인 쇼핑몰 제작부터 운영, 마케팅까지! 유용한 정보를 제공합니다.

카테고리 상세
번호 문의유형 제목
1223 특정 상품분류 페이지에만 다른 디자인 적용하기 조회수 11886
  • 작성일 2017-07-04 11:22:11
  • 추천 추천하기
  • 조회수 11886


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




모든 상품 분류페이지 디자인을 동일하게 사용 중이신가요?

 


특정 상품 분류페이지만 구조 혹은 디자인을 다르게 하여

카테고리 링크로 연결하고 싶을 경우

활용할 수 있는 팁을 알려드릴게요 !




 




01

OUTER 페이지만 디자인 변경하기




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로 연결되는 것을 확인할 수 있습니다.