- 전체
- HTML
- Web Design (웹디자인)
- XE 응용 개발
- wordpress plugin dev
- Javascript & JavaScript Application
- MEAN Stack : full stack javascript
- angular js & ionic framework
- bootstrap
- WebGL, Three.js and Babylon.js
- restful api design
- mobile web
- node.js 응용
- Cloud Service 응용
- 웹 어셈블리 개발 [WASM, WebAssembly]
- 마이크로서비스, MSA (microservice architecture)
- WebGL / WebGPU
- next.js 개발
- micro frontend (마이크로프론트앤드)
- 전자상거래/쇼핑몰
- 서버 클라우드 (aws, azure, google)
전자상거래/쇼핑몰 [전자상거래/쇼핑몰 개발] [카페24쇼핑몰] 상품상세 검색
2024.05.17 20:54
[전자상거래/쇼핑몰 개발] [카페24쇼핑몰] 상품상세 검색
[카페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} | 이미지확대 아이콘 |
<divmodule="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} | 페이지 번호 |
출처: https://jeonmyung.tistory.com/entry/카페24쇼핑몰-상품상세-검색 [????원 and beyond:티스토리]
본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.

