Help Center

카페24 소식

공지사항업데이트스토어소식

[게시판관리] 상품분류별 게시물 검색기능 업그레이드 안내

2014-12-10

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

게시판의 분류가 [상품]인 게시판에, 상품 분류별로 검색을 할 수 있는 기능이 새롭게 업그레이드되었습니다.
후기 게시판을 이용하는 구매자에게 유용한 기능으로 게시판 운영에 활용해 보시기 바랍니다.

 

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


■ 적용일자 : 2015-02-25 (수)

■ 업데이트 내용


- 위치 : 쇼핑몰 관리자 > 게시판관리 > 게시판 관리 > 분류가 [상품]인 게시판의 설정 팝업.


▼ 관리자 화면 - 상품분류별 검색 설정 사용 가능한 게시판



▼ 관리자 화면 - 상품분류별 검색 기능 설정 화면



- 분류가 [상품]인 게시판만 상품분류별 검색 설정이 제공되며, 기본 설정은 사용 안함 입니다.
  ※ 분류가 [상품]인 게시판 : 상품 사용후기, 상품 Q&A, 상품 자유게시판


▼ 쇼핑몰 화면 - 상품분류별 검색 [사용]으로 설정한 화면

 

- 기존에 있던 검색어 영역에 상품 분류 조건이 추가되어 표시됩니다.


■ 적용방법


- 다음의 안내대로 디자인소스를 수정하셔야 업그레이드 된 기능이 쇼핑몰 화면에 적용됩니다.

 

1) PC 버전


1. [PC-HTML] 상품분류별 검색 영역 추가


- 위치 : 디자인관리>게시판>상품게시판>상품사용후기 목록(/board/product/list.html)


▼ 아래와 같이 파란색 소스를 추가해주세요.

 ## 상단 생략 ##

<div module="board_search_4">

    <!--@css(/css/module/board/search.css)-->

    <fieldset class="boardSearch">

        <legend>게시물 검색</legend>

        <p class="category {$form.product_category_selector_display|display}">{$form.product_category_selector}</p>

        <p>{$form.search_date} {$form.search_key} {$form.search} <a href="#none" onclick="{$action_search}"><img src="http://img.echosting.cafe24.com/skin/base_ko_KR/board/btn_find.gif" alt="찾기" /></a></p>

    </fieldset>

</div>


 ## 하단 생략 ##



2. [PC-CSS] 상품분류별 검색 영역 관련 CSS 추가

   

- 위치 : 디자인관리>css>모듈>게시판>search.css(/css/module/board/search.css)


▼ 아래와 같이 빨간색 소스를 삭제하고 파란색 소스를 추가해주세요.
   (쇼핑몰 언어에 따라 CSS가 다르므로 유의바랍니다.)

.xans-board-search { padding:15px 0 20px; color:#2e2e2e; font-size:12px; text-align:center;}

.xans-board-search input { height:16px; width:162px; padding:3px; border:1px solid #d5d5d5; color:#2e2e2e; }

.xans-board-search .boardSearch { display:block; }


.xans-board-search { padding:20px 0 20px 10px; color:#2e2e2e; font-size:12px; }

.xans-board-search .boardSearch { display:block; }

.xans-board-search p { margin:0 0 10px; padding:0 0 0 7px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/board/ico_function.gif") no-repeat 0 45%; }

.xans-board-search p.category:before { content:"상품분류"; }

.xans-board-search p:before { content:"검색어"; }

.xans-board-search .category select { margin:0 4px 0 0; width:150px; }

.xans-board-search .category select#product_category_depth1 { margin:0 5px 0 10px; }

.xans-board-search select { margin:0 2px 0 0; width:72px; }

.xans-board-search select#search_date { margin:0 2px 0 22px; }

.xans-board-search input { height:16px; padding:3px; width:162px; border:1px solid #d5d5d5; color:#2e2e2e; }

.xans-board-search .boardSearch img { vertical-align:middle; }


/* 쇼핑몰 언어에 따라 선택하여 넣어주세요. */

/* 국문 */

.xans-board-search p { margin:0 0 10px; padding:0 0 0 7px; background:url("http://img.echosting.cafe24.com/skin/base_ko_KR/board/ico_function.gif") no-repeat 0 45%; }

.xans-board-search p.category:before { content:"상품분류"; }

.xans-board-search p:before { content:"검색어"; }

.xans-board-search .category select { margin:0 4px 0 0; width:150px; }

.xans-board-search .category select#product_category_depth1 { margin:0 5px 0 10px; }

.xans-board-search select { margin:0 2px 0 0; width:72px; }

.xans-board-search select#search_date { margin:0 2px 0 22px; }

 

 

/* 영문 */

.xans-board-search p { margin:0 0 10px; padding:0 0 0 7px; background:url("http://img.echosting.cafe24.com/skin/base_en_US/board/ico_function.gif") no-repeat 0 45%; }

.xans-board-search p.category:before { content:"Product Category"; }

.xans-board-search p:before { content:"Keyword"; }

.xans-board-search .category select { margin:0 4px 0 0; width:150px; }

.xans-board-search .category select#product_category_depth1 { margin:0 5px 0 10px; }

.xans-board-search select { margin:0 2px 0 0; width:72px; }

.xans-board-search select#search_date { margin:0 2px 0 60px; }

 

/* 일문 */

.xans-board-search p { margin:0 0 10px; padding:0 0 0 7px; background:url("http://img.echosting.cafe24.com/skin/base_ja_JP/board/ico_function.gif") no-repeat 0 45%; }

.xans-board-search p.category:before { content:"商品分類"; }

.xans-board-search p:before { content:"キーワード"; }

.xans-board-search .category select { margin:0 4px 0 0; width:150px; }

.xans-board-search .category select#product_category_depth1 { width:168px; margin:0 5px 0 28px; }

.xans-board-search select { margin:0 2px 0 0; width:72px; }

.xans-board-search select#search_date { margin:0 2px 0 22px; }

.xans-board-search select#search_key { width:90px; }

 

/* 중문(간체) */

.xans-board-search p { margin:0 0 10px; padding:0 0 0 7px; background:url("http://img.echosting.cafe24.com/skin/base_zh_CN/board/ico_function.gif") no-repeat 0 45%; }

.xans-board-search p.category:before { content:"商品分类"; }

.xans-board-search p:before { content:"关键词"; }

.xans-board-search .category select { margin:0 4px 0 0; width:150px; }

.xans-board-search .category select#product_category_depth1 { margin:0 5px 0 10px; }

.xans-board-search select { margin:0 2px 0 0; width:72px; }

.xans-board-search select#search_date { margin:0 2px 0 22px; }

 

/* 중문(번체) */

.xans-board-search p { margin:0 0 10px; padding:0 0 0 7px; background:url("http://img.echosting.cafe24.com/skin/base_zh_TW/board/ico_function.gif") no-repeat 0 45%; }

.xans-board-search p.category:before { content:"商品分類"; }

.xans-board-search p:before { content:"關鍵字"; }

.xans-board-search .category select { margin:0 7px 0 0; width:156px; }

.xans-board-search .category select#product_category_depth1 { margin:0 7px 0 10px; }

.xans-board-search select { margin:0 2px 0 0; width:74px; }

.xans-board-search select#search_date { margin:0 2px 0 22px; }

 

/* 스페인 */

.xans-board-search p { margin:0 0 10px; padding:0 0 0 7px; background:url("http://img.echosting.cafe24.com/skin/base_es_ES/board/ico_function.gif") no-repeat 0 45%; }

.xans-board-search p.category:before { content:"Categoría"; }

.xans-board-search p:before { content:"Palabra clave"; }

.xans-board-search .category select { margin:0 4px 0 0; width:150px; }

.xans-board-search .category select#product_category_depth1 { margin:0 5px 0 62px; }

.xans-board-search select { margin:0 2px 0 0; width:72px; }

.xans-board-search select#search_date { margin:0 2px 0 22px; }

 

/* 포르투갈 */

.xans-board-search p { margin:0 0 10px; padding:0 0 0 7px; background:url("http://img.echosting.cafe24.com/skin/base_pt_PT/board/ico_function.gif") no-repeat 0 45%; }

.xans-board-search p.category:before { content:"Categoria"; }

.xans-board-search p:before { content:"Palavra chave"; }

.xans-board-search .category select { margin:0 4px 0 0; width:150px; }

.xans-board-search .category select#product_category_depth1 { margin:0 5px 0 46px; }

.xans-board-search select { margin:0 2px 0 0; width:72px; }

.xans-board-search select#search_date { margin:0 2px 0 22px; }

 

.xans-board-search input { height:16px; padding:3px; width:162px; border:1px solid #d5d5d5; color:#2e2e2e; }

.xans-board-search .boardSearch img { vertical-align:middle; }


 


2) 모바일 버전


1. [모바일-HTML] 상품분류별 검색 영역 추가

- 위치 : 모바일쇼핑몰>게시판>상품게시판>상품사용후기 목록(/board/product/list.html)


▼ 아래와 같이 파란색 소스를 추가해주세요.

 ## 상단 생략 ##

<div module="board_search_4">

    <!--@css(/css/module/board/search.css)-->

    <fieldset class="boardSearch">

        <legend>게시물 검색</legend>

        <div class="category">{$form.product_category_selector} {$form.search_date} {$form.search_key}</div>

        <div class="keyword">{$form.search} <button class="btnStrong" onclick="{$action_search}">검색</button></div>

    </fieldset>

</div>


 ## 하단 생략 ##


2. [모바일-CSS] 상품분류별 검색 영역 관련 CSS 추가


- 위치 : 모바일쇼핑몰>css>모듈>게시판>search.css(/css/module/board/search.css)


▼ 아래와 같이 빨간색 소스를 삭제하고 파란색 소스를 추가해주세요.

.xans-board-search .keyword { position:relative; margin:7px 0 0; padding:0 51px 0 0 }

.xans-board-search input#search { width:100%; }

.xans-board-search .category { overflow:hidden; }

.xans-board-search .category select#search_date { float:left; width:49%; }

.xans-board-search .category select#search_key { float:right; width:49%; }


.xans-board-search .keyword { position:relative; padding:0 51px 0 0; }

.xans-board-search input#search { width:100%; }

.xans-board-search .category { overflow:hidden; }

.xans-board-search .category select { margin:0 0 7px; }

.xans-board-search .category select#product_category_depth1, .xans-board-search .category select#product_category_depth3,

.xans-board-search .category select#search_date { float:left; width:49%; }

.xans-board-search .category select#product_category_depth2, .xans-board-search .category select#product_category_depth4,

.xans-board-search .category select#search_key { float:right; width:49%; }



카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.

더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

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

이전글

[주문관리] 온라인 견적서 PDF 파일다운로드 기능 추가

2014-12-10

다음글

[디자인관리] 스마트디자인 편집창(PC쇼핑몰) 꾸미기 변경 예정 안내

2014-12-11