Help Center
카페24 소식
[스마트디자인] 네이버 앵커 기능 추가
2012-04-19
안녕하세요, 카페24 운영도우미 입니다.
네이버 쇼핑의 쇼핑박스를 통해서 쇼핑몰에 접근시 해당 상품에 표시 및
이동을 해주는 기능이 업데이트 되었습니다.
자세한 내용은 아래를 참조해 주세요.
1. 네이버 앵커 설정하기
'쇼핑몰어드민 > 상점관리 > 쇼핑몰 부가기능 설정 > 클릭상품표시(anchor)' 사용으로 설정
2. 적용하기
상품 목록이 나오는 각 파일(html)의 모듈 HTML을 아래와 같이 수정해주셔야 합니다.
표준스킨에서는 아래와 같은 파일을 수정되었습니다.
메인, 카테고리, 기획전 목록 등에 적용하실 수 있습니다.
- index.html
- product/list.html
- product/project.html
[수정 전]
<li> <input type="checkbox" class="{$product_compare_class} {$product_compare_display|display}"> <a href="/product/detail.html{$param}" title="{$summary_desc}" class="prdImg"><img src="{$image_medium}" alt="{$product_name}" width="180" /></a> <span class="zoom"><img src="http://img.echosting.cafe24.com/design/skin/mono/btn_prd_zoom.gif" onclick="{$zoom_action}" alt="확대보기" /></span> <a href="/product/detail.html{$param}" class="name">{$product_name}</a> <span class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</span> <span class="custom">{$price_unit_head}{$product_custom}{$price_unit_tail}</span> <strong class="price">{$price_unit_head}{$product_price}{$price_unit_tail}</strong> <span class="manu">{$manu_name}</span> <span class="allotment" style="display:{$allotment_icon_display};">{$allotment_icon}{$allotment_period}개월</span> <span class="mileage" style="display:{$mileage_icon_display};">{$mileage_icon}{$mileage_value}</span> <span class="btns"> <span class="bag"><img src="http://img.echosting.cafe24.com/design/skin/mono/btn_bag.gif" alt="장바구니 담기" onclick='{$basket_action}' class="{$basket_display|display}" /></span> <span class="option"><img src="http://img.echosting.cafe24.com/design/skin/mono/btn_option.gif" alt="옵션보기" onclick="{$option_preview_open_action}" onmouseout="{$option_preview_close_action}" class="{$option_preview_display|display}" id="btn_preview_listmain{$product_no}"></span> </span> </li> |
[수정 후]
<li id="anchorBoxId_{$product_no}"> <input type="checkbox" class="{$product_compare_class} {$product_compare_display|display}"> <a name="anchorBoxName_{$product_no}" href="/product/detail.html{$param}" title="{$summary_desc}" class="prdImg"><img src="{$image_medium}" alt="{$product_name}" width="180" /></a> <span class="zoom"><img src="http://img.echosting.cafe24.com/design/skin/mono/btn_prd_zoom.gif" onclick="{$zoom_action}" alt="확대보기" /></span> <a href="/product/detail.html{$param}" class="name">{$product_name}</a> <span class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</span> <span class="custom">{$price_unit_head}{$product_custom}{$price_unit_tail}</span> <strong class="price">{$price_unit_head}{$product_price}{$price_unit_tail}</strong> <span class="manu">{$manu_name}</span> <span class="allotment" style="display:{$allotment_icon_display};">{$allotment_icon}{$allotment_period}개월</span> <span class="mileage" style="display:{$mileage_icon_display};">{$mileage_icon}{$mileage_value}</span> <span class="btns"> <span class="bag"><img src="http://img.echosting.cafe24.com/design/skin/mono/btn_bag.gif" alt="장바구니 담기" onclick='{$basket_action}' class="{$basket_display|display}" /></span> <span class="option"><img src="http://img.echosting.cafe24.com/design/skin/mono/btn_option.gif" alt="옵션보기" onclick="{$option_preview_open_action}" onmouseout="{$option_preview_close_action}" class="{$option_preview_display|display}" id="btn_preview_listmain{$product_no}"></span> </span> </li> |
▼ 적용화면
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]