주 콘텐츠로 건너뛰기

특정 카테고리 상품만 검색되게 처리하는 방법

쇼핑몰에서 특정 카테고리의 상품만 검색하도록 설정할 수 있어요.

자세히 알아보기

 

1. 기본 검색 카테고리를 지정, 검색 후 사용자가 변경할 수 있도록 처리하는 방법

고객이 쇼핑몰에서 상품을 검색한 후 상품 검색 페이지에서 카테고리를 변경할 수 있어요.
이 때, 검색 페이지에서 기본이 되는 카테고리를 지정할 수 있는 방법이에요.

1. 레이아웃의 상품 검색 관련 코드 수정
아래 이미지에 있는 붉은 박스에 해당하는 검색을 수정하는 방법으로 각 모듈명을 편집창에서 확인해 주세요.

3.jpg

  • 레이아웃(layout) > 기본 레이아웃(basic) > layout.html(공통 레이아웃)
  • 레이아웃(layout) > 기본 레이아웃(basic) > main.html(메인 레이아웃)

레이아웃(layout) > 기본 레이아웃(basic) > main_supply.html(공급사 레이아웃) 파일을 열어 아래 부분에 붉은색 코드는 삭제하고, 파란색 코드를 추가해 주세요.

<div module="search_header">
<div module="search_form" class="searchHeader">
<!--@css(/css/module/layout/searchHeader.css)-->
       <!--
           $product_page=/product/detail.html
           $category_page=/product/list.html
        -->
        <fieldset>
         <legend>검색</legend>
             <span class="displaynone">{$form.category_no}</span>
             {$form.keyword}<input type="image" src="http://img.echosting.cafe24.com/skin/base/layout/btn_search.gif" alt="검색" onclick="{$action_search_submit}" /> </fieldset>
</div>
 
 
..중략..
<div module="Layout_SearchSide">
<div module="search_form" class="searchSide">
<!--@css(/css/module/layout/searchSide.css)-->
<!--
$search_page = /product/search.html
$product_page = /product/detail.html
-->
<h2>상품검색</h2>
<fieldset>
<legend>검색</legend>
<span class="displaynone">{$form.category_no}</span>
{$form.keyword}<input type="image" src="http://img.echosting.cafe24.com/skin/base/layout/btn_search.gif" alt="검색" onclick="{$action_search_submit}" /> </fieldset>
<div class="bestKeyword {$hot_keyword_display|display}">
<a href="{$hot_keyword_url}">{$hot_keyword_name}</a>
<a href="{$hot_keyword_url}">{$hot_keyword_name}</a>
</div>
<p class="button"><a href="/product/search.html">상품상세검색</a></p>
</div>

 

2. 변경된 class로 css 반영하기
search_header 모듈(searchHeader)과 Layout_SearchSide 모듈(searchSide)의 css를 각각 신규 적용한 class로 수정해 주세요.

3. 카테고리 번호 확인하여 적용하기
1) [관리자] 상품 > 상품 관리 > 상품 분류 관리에서 '분류 정보 > 분류URL' 뒤에 표시된 분류를 선택한 후 카테고리 번호를 확인합니다. (예를 들어, cate_no=24 이면 카테고리 번호는 24입니다.)
2) 레이아웃(layout) > 기본 레이아웃(basic) > js > basic.js 파일을 열어 아래 부분에 파란색 코드를 추가 후 예시 코드의 녹색 코드 자리에 확인해두었던 카테고리 번호를 넣어주세요.

 

$(document).ready(function(){
..중략..   
      $("#category_no option[value=24]").attr("selected", "selected");
});

 

2. 고객이 카테고리 변경을 하지 못하도록 하는 방법

1번의 과정과 동일하게 코드를 추가해 주세요.
(단, 상품 검색페이지의 상품분류 선택 코드를 아래와 같이 변경해 주세요.)

상품(product) > search.html(상품검색) 파일을 열어 아래 부분에 붉은색 코드는 삭제하고, 파란색 코드를 추가해 주세요.

 

<div module="search_form">
    <!--@css(/css/module/product/search_form.css)-->
    <div class="ec-base-box searchbox">
        <fieldset>
            <legend>상품 검색</legend>
            <div class="item"><strong>상품분류</strong> {$form.category_no}</div>
            <div class="displaynone"><strong>상품분류</strong> {$form.category_no}</div>
            <div class="item">
                <strong>검색조건</strong>
                {$form.search_type}
                {$form.keyword}
            </div>
이 페이지가 도움이 되었나요?
현재 콘텐츠