상품검색 카테고리 지정하는 방법
지정한 카테고리의 상품만 검색되도록 처리하고 싶을 경우 다음과 같이 소스를 수정해야합니다.
1. 기본 검색 카테고리를 지정, 검색 후 사용자가 변경할 수 있도록 처리하는 방법
고객이 레이아웃에서 상품을 검색한 후, 상품 검색페이지에서 카테고리를 변경할 수 있습니다.
이때 기본이 되는 카테고리를 지정할 수 있도록 처리하는 방법입니다.
1-1. 레이아웃의 상품 검색관련 코드 수정
아래 이미지의 붉은 박스 영역에 해당하는 부분을 수정하는 방법입니다.
각각의 모듈명을 편집창에서 확인해주세요.
레이아웃(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>
1-2. 변경된 class로 css반영하기
search_header모듈(searchHeader)과 Layout_SearchSide 모듈(searchSide)의 css를 각각 신규 적용한 class로 수정합니다.
1-3. 카테고리 번호 확인하여 적용하기
쇼핑몰 어드민의 상품관리 > 상품분류 관리 > 분류관리에서 원하는 분류를 선택한 후 카테고리번호를 확인합니다.
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>
..생략..