Help Center
카페24 소식
[스마트디자인] 카테고리 상단이미지 및 이미지맵 기능개선
2012-06-28
안녕하세요, 카페24 운영도우미 입니다.
스마트디자인 이용 몰에서 카테고리별 상단 이미지 및 이미지맵 사용 설정하여
쇼핑몰 상품 분류 페이지에 노출되도록 기능 업그레이드 되었습니다.
자세한 내용은 아래를 참조해 주세요.
1. 제목 : 카테고리 상단이미지 및 이미지맵 기능개선
2. 업데이트 내용
1) '쇼핑몰어드민 > 상품관리 > 분류별 상품관리 > 해당카테고리> 디자인설정' 메뉴로 이동하여
화면상단 이미지를 '사용'으로 선택 후 이미지를 등록합니다.
2) HTML 수정
편집창의 '상품 > 상품분류(/product/list.html)' 페이지 Product_menupackage모듈 안에 <div module="Product_menupackage">
아래와 같이 파란색 코드를 추가 해주세요.
<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>
<p module="product_headcategory"><img src="{$top_image}" alt="" usemap="#categoryhead_top_image_map_name" />{$top_image_map}</p>
<div class="titleArea" module="product_headcategory">
<h2><span>{$title_text}</span></h2>
</div>
..........
</div>
3) '쇼핑몰어드민 > 상품관리 > 분류별 상품관리 > 해당카테고리> 디자인설정' 메뉴로 이동하여
화면상단 이미지 항목 우측의 '이미지맵 설정' 팝업의 사용설정을 '사용'으로 선택합니다.
4) 이미지맵 영역을 설정하시려면 이미지맵 소스 삽입 부분에 아래와 같이 샘플 코드를 수정하여
적용해주시면 됩니다.
area태그를 제외한 다른 태그를 적용하면 원하는 맵으로 나오지 않을 수 있으며, 이미지맵 영역은
이미지의 좌표값으로 설정됩니다.
* 샘플코드
<area shape="rect" coords="6,32,163,80" href="#" />
▼ 이미지맵 설정 팝업화면
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]