Help Center

카페24 소식

[스마트디자인] 상품목록모듈과 표시항목관리 연동 가능한 모듈 업데이트

2012-05-23


안녕하세요, 카페24 운영도우미 입니다.

html, css 로만 관리하던 상품목록 모듈에 상품 목록별 표시항목을 설정하실 수 있는 모듈이 추가 되었습니다.

자세한 내용은 아래를 참조해 주세요.



1. 제목 : 상품목록과 표시항목관리 연동 가능한 모듈 업데이트

2. 업데이트 내용

  1) 설정하기
    - '쇼핑
몰어드민 > 상품관리 > 표시항목관리 > 목록 기본표시 설정' 메뉴에서 항목설정을 하시면 됩니다.

  2) 적용방법
    - 아래의 내용을 활용하시면 메인이나 카테고리 화면에 적용하실 수 있습니다.

     ① HTML 수정
        표준 스킨에서는 아래의 파일에 적용되었습니다.

        - /index_item.html
        - /product/list_item.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 수정

        - 수정파일 :  /css/module/product/ 리스트 관련.css
          (listmain.css, listmain_1.css, listmain_2.css, listnew.css, listnormal.css, listrecommend.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; }

 




카페
24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]