Help Center
카페24 소식
[스마트디자인] 상품목록모듈과 표시항목관리 연동 가능한 모듈 업데이트
2012-05-23
안녕하세요, 카페24 운영도우미 입니다.
html, css 로만 관리하던 상품목록 모듈에 상품 목록별 표시항목을 설정하실 수 있는 모듈이 추가 되었습니다.
자세한 내용은 아래를 참조해 주세요.
1. 제목 : 상품목록과 표시항목관리 연동 가능한 모듈 업데이트
2. 업데이트 내용
1) 설정하기
- '쇼핑몰어드민 > 상품관리 > 표시항목관리 > 목록 기본표시 설정' 메뉴에서 항목설정을 하시면 됩니다.
2) 적용방법
- 아래의 내용을 활용하시면 메인이나 카테고리 화면에 적용하실 수 있습니다.
① HTML 수정
표준 스킨에서는 아래의 파일에 적용되었습니다.
<ul class="prdList"> <li id="anchorBoxId_{$product_no}"> <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> <ul module="product_ListItem"> <li class="{$item_display|display}"> <span class="value"><strong class="title {$item_title_display|display}">{$item_title} :</strong>{$item_content}</span> </li> <li class="{$item_display|display}"> <span class="value"><strong class="title {$item_title_display|display}">{$item_title} :</strong>{$item_content}</span> </li> </ul> <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> .......... </ul> |
② CSS 수정
.xans-product-listitem { margin:0; } .xans-product-listitem li { overflow:hidden; float:none; width:auto; padding:0; text-align:center; } .xans-product-listitem li .title { font-weight:normal; } |