[카페24쇼핑몰] 상품상세 검색

웹 코딩/cafe24 - PC디자인

[카페24쇼핑몰] 상품상세 검색

nopinokio 2015. 4. 7. 22:08

[카페24쇼핑몰] 상품상세 검색

<div module="search_form">
    <!--@css(/css/module/product/search_form.css)-->
    <div class="searchbox">
        <fieldset>
            <legend>상품 검색</legend>
            <div class="item"><strong>상품분류</strong> {$form.category_no}</div>
            <div class="item">
                <strong>검색조건</strong>
                {$form.search_type}
                {$form.keyword}
            </div>
            <div class="popular" module="search_hotkeyword">
                <strong>인기검색어</strong>
                <p>
                    <a href="{$hot_keyword_url}">{$hot_keyword_name}</a>
                    <a href="{$hot_keyword_url}">{$hot_keyword_name}</a>
                </p>
            </div>
            <div class="item"><strong>판매가격대</strong> {$form.product_price1} ~ {$form.product_price2}</div>
            <div class="item"><strong>검색정렬기준</strong> {$form.order_by}</div>
            <p class="button"><input type="image" src="http://img.echosting.cafe24.com/skin/base_ko_KR/product/btn_search2.gif" alt="검색" /></p>
        </fieldset>
    </div>
    <div class="searchResult">
        <p class="record">총 <strong>{$total_count}</strong> 개 의 상품이 검색되었습니다.</p>
        <ul class="listType" module="search_Orderby">
            <li class="btn_order" rel='{$rel}' style='{$style}' >{$sort_name}</li>
            <li class="btn_order" rel='{$rel}' style='{$style}' >{$sort_name}</li>
        </ul>
    </div>
    <p class="noData {$search_fail_display|display}">검색결과가 없습니다.</p>
</div>

변수명	설명
{$image_url}	상단 이미지
{$self_link}	검색URL
{$title_text_display}	타이틀 노출여부
{$keyword_name}	키워드명
{$form.category_no}	상품분류 선택
{$form.keyword}	키워드 입력
{$form.product_price1}	최소판매가격
{$form.product_price2}	최대판매가격
{$form.order_by}	정렬기준
{$total_count}	검색 상품 수
{$nameBold}	상품명순 기준
{$priceBold}	높은가격순 기준
{$priceascBold}	낮은가격순 기준
{$manu_nameBold}	제조사순 기준
{$listBold}	리스트형
{$imageBold}	이미지형
{$zoominBold}	확대형
{$search_fail_display}	검색결과 없을 경우의 디자인 노출 여부

<div module="Search_Result">
    <!--@css(/css/module/product/search_result.css)-->
    <!--
        $count = 8
    -->
    <ul class="prdList column4">
        <li class="item" id="anchorBoxId_{$product_no}">
            <div class="box">
                <a href="/product/detail.html{$param}"><img src="{$image_medium}" alt="" class="thumb" /></a>
                <div class="status">
                    <div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</div>
                    <div class="button"><div class="option">{$option_preview_icon}</div> {$basket_icon} {$zoom_icon}</div>
                </div>
                <p class="name">
                    <a href="/product/detail.html{$param}" class="{$product_name_display|display}"><strong class="title {$product_name_title_display|display}">{$product_name_title} :</strong> {$product_name}</a>
                </p>
                <ul module="search_ListItem">
                    <li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
                    <li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
                </ul>
            </div>
        </li>
        <li class="item" id="anchorBoxId_{$product_no}">
            <div class="box">
                <a href="/product/detail.html{$param}"><img src="{$image_medium}" alt="" class="thumb" /></a>
                <div class="status">
                    <div class="icon">{$soldout_icon} {$recommend_icon} {$new_icon} {$product_icons}</div>
                    <div class="button"><div class="option">{$option_preview_icon}</div> {$basket_icon} {$zoom_icon}</div>
                </div>
                <p class="name">
                    <a href="/product/detail.html{$param}" class="{$product_name_display|display}"><strong class="title {$product_name_title_display|display}">{$product_name_title} :</strong> {$product_name}</a>
                </p>
                <ul module="search_ListItem">
                    <li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
                    <li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>
                </ul>
            </div>
        </li>
    </ul>
</div>

변수명	설명
{$basket_icon}	장바구니 아이콘
{$image_big}	상품 이미지
{$image_medium}	상품 이미지
{$image_small}	상품 이미지
{$image_tiny}	상품 이미지
{$item_name}	모델명
{$link}	링크
{$ma_product_code}	자체 상품 코드
{$manu_name}	제조사 이름
{$new_icon}	신상품 아이콘
{$option_preview_close_action}	옵션 미리보기 레이어 닫기 액션
{$option_preview_display}	옵션 미리보기 노출 여부
{$option_preview_icon}	옵션미리보기 아이콘
{$option_preview_open_action}	옵션 미리보기 레이어 열기 액션
{$price_unit_head}	결제 화폐 표시 앞부분
{$price_unit_tail}	결제 화폐 표시 뒷부분
{$sub_price}	참조화폐
{$product_code}	상품 코드
{$product_custom}	소비자가
{$product_custom_display}	소비자가 노출여부
{$product_icons}	사용자 지정 아이콘
{$product_name}	상품명
{$product_no}	상품번호
{$product_price}	판매금액
{$recommend_icon}	추천 아이콘
{$soldout_icon}	품절 아이콘
{$summary_class}	상품요약정보 class명
{$summary_desc}	상품요약정보
{$zoom_icon}	이미지확대 아이콘

<div module="search_paging">    <!--@css(/css/module/product/search_paging.css)-->
    <p class="first"><a href="{$param_first}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/common/btn_page_first.gif" alt="첫 페이지" /></a> </p>
    <p><a href="{$param_before}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/common/btn_page_prev.gif" alt="이전 페이지" /></a></p>
    <ol>
        <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
        <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
        <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
        <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
        <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
        <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
        <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
        <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
        <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
        <li><a href="{$param}" class="{$param_class}">{$no}</a></li>
    </ol>
    <p><a href="{$param_next}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/common/btn_page_next.gif" alt="다음 페이지" /></a> </p>
    <p class="last"><a href="{$param_last}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/common/btn_page_last.gif" alt="마지막 페이지" /></a></p>
</div>

변수명	설명
{$display_before}	이전 표시여부
{$link_before}	이전 링크
{$display_next}	다음 표시여부
{$link_next}	다음 링크
{$display_no}	페이지번호 노출여부
{$display_no_now}	현재 페이지번호 노출여부
{$link}	페이지 링크
{$no}	페이지 번호

저작자표시 비영리 동일조건