정기적인 업데이트로 언제나 함께 하겠습니다

메뉴얼 각종 피드백을 수집하며,
회원가입을 하셔야 열람할 수 있습니다.

게시물 검색

솔루션 메뉴얼 통합 검색페이지 직접 만드는 방법

  • 포애드텍
  • 2019-04-17 13:05:00
  • hit601

본 강좌는 포애드텍 솔루션에 대한 전반적인 기본 사용방법을 숙지 후 따라하시기 바랍니다.

그리고 약간의  html 수정 있으므로, html에 대한 기본 문법에 대해서 모르신다면 제약이 있을수 있습니다.

 

커뮤니티사이트 및 포털사이트 처럼 게시판 및 각종 다양한 정보가 많은경우, 한꺼번에 검색할 수 있는 통합 검색페이지가 필요합니다.

포애드텍 솔루션에서 제공되는 통합 검색 페이지는 다른 프로그램처럼 정적으로 정해져있지 않고, 검색 대상에 따라 호출할 프로그램이 다를수 있으며, 검색 결과 디자인도 다르기 때문에 경우의 수가 매우 많습니다.

예를들어 홍보형+쇼핑몰인 경우,  게시판만 검색되게 할것인지, 쇼핑몰 상품만 검색되게 할것인지, 상품 리뷰도 같이 검색되게 할것인지  운영정책에 맞게 제작해야 합니다.

혹은, 홍보형+쇼핑몰+구인구직+뉴스기사 처럼 다양한 프로그램이 있는경우 통합검색 페이지제작은 어떤 컨텐츠가 검색되게 할것인지부터 정리해야 합니다.

그래서 통합 검색페이지는 샘플페이지가 없으며, 원하는 검색결과 페이지를 직접 제작해야 합니다.

직접 제작이라고 해서 어려운 작업은 아니며, 디자인작업을 제외한 프로그램셋팅작업은 약 15분 정도 소요 됩니다.

 

필자는  게시판 전체 검색, 쇼핑몰 상품 전체 검색을  한번에 검색하는 페이지를 만들어 보겠습니다.

만약  구인구직, 제품정보, 업체정보, 접수내역, 이벤트 정보등 추가 검색결과가 필요하다면, 추가하는 방법은 모두 동일하므로 본 강좌만 이해한다면 어렵지 않을겁니다.

 

1. [디자인관리 > 고급 디자인 관리 > 추가 페이지 관리]에서 통합검색 이라는 빈페이지를 하나 만듭니다.

 

 

 

 

2. [디자인관리 > 고급 디자인 관리 > 그룹디자인 관리]에서 프로그램 마법사 생성을 클릭 합니다.

 

아래 같이  팝업창이 열리면 탭바에서 "최근게시글"을 선택하고 원하는 검색결과를 선택 합니다.

필자는 "최근게시글-웹진형"을 선택 했습니다.

 

 

"설치"버튼을 클릭하면 아래와 같이 설정 화면이 나옵니다.

모든 게시판이 검색되도록 설정 하고 그룹디자인을 생성 합니다.

 

그룹디자인을 생성했다면 해당 그룹디자인의 [소스수정] 화면으로 이동 합니다.

 

소스수정 화면 우측 상단에 보면  "NEW_BOARD_FINAL 매뉴얼" 버튼이 있습니다.

이 매뉴얼은 현재 소스에 포함되어 있는 프로그램의 매뉴얼이라고 보시면 됩니다. 클릭하세요.

 

 

매뉴얼을 유심히 보시면 $program_set[all_search] 라는 변수가 존재한다는것을 알수 있습니다.

(이 외에도 다양한 환경변수가 존재 하며, 제공되는 변수만으로도 다양하고 차별화된 프로그램을 만들수 있도록 설계되어 있습니다.)

 

 

 변수가 있는것을 확인 했으니, 매뉴얼창은 닫고 다시 소스 수정화면으로 돌아 갑니다.

$program_set[all_search] 를 아래와 같이  $new_board_final_row = program_load(NEW_BOARD_FINAL); 위쪽에 삽입해주세요.

그리고 값에 는 $_GET[search] 넣어주세요

 

 

ps. $_GET[search] 라는의미는 인터넷 주소창에 "mydomain.com?search=검색어" 처럼 접속시 뒤쪽에 있는 값을 가져온다는 뜻입니다.

예를들어 인터넷 주소창에 "mydomain.com?myname=홍길동" 이렇게 입력하고, 페이지 소스에 {$_GET[myname]} 라고 입력시, 웹페이지에서 확인해보면 "홍길동"이라고 출력됩니다.

즉 $_GET 배열변수는 인터넷 주소창에서 도메인인 제외한 모든 정보를 가지고 있으며, 우리는 이변수를 통해 원하는 정보를 가져올수 있습니다.

 

 

 

3. [디자인관리 > 고급 디자인 관리 > 추가 페이지 관리]에서 만들었던 통합 검색 페이지에서 위에서 만든 그룹디자인을 붙여 넣습니다.

 

그리고 실제 홈페이지에서 어떻게 출력되는지 확인 해보시기 바랍니다.

샘플화면 : http://sskshop7.4adtech.com/page/search

 

모든 게시글이 출력되기는 하지만 검색할수 있는 기능이 전혀 없는 상태 입니다.

우리는 $_GET[all_search] 라는 변수를 지정했습니다. 이 변수가 정상적으로 작동 되는지 확인하기 위해 주소창 위쪽에 "search=배달" 를 추가해보도록 합니다.

 

 

 

샘플주소 :  http://sskshop7.4adtech.com/page/search?search=배달

정상적으로 검색되는것을 확인 할수 있습니다.

 

4. 검색 폼을 만들어 보도록 하겠습니다.

아래 소스를 통합검색 페이지에 붙여 넣습니다.

 

<form method='get' action="/page/search">
<input type='text' name='search' value="{$_GET[search]}">
<input type='submit' value='검색'>
</form>

 

 

소스 저장 후 검색이 잘되는지 확인해보시기 바랍니다.

 

 

샘플확인 주소 : http://sskshop7.4adtech.com/page/search2

 

이렇게 해서 게시글 통합 검색 페이지를 만들어봤습니다

 

 

 

5. 쇼핑몰 상품 통합 검색 페이지도 만들어 보도록 하겠습니다.

제작 방식은 위와 동일하므로, 중요 부분만 따로 설명 드리도록 하겠습니다.

[그룹디자인] - [프로그램마법사]을 통해 쇼핑몰 "상품 출력 - 웹진형"을 생성 합니다.

 

생성할 때 각종 검색 대상은 모든 카테고리, 모든 상품으로 지정 하고 생성하세요.

소스수정 화면에서 매뉴얼을 확인하세요. (매뉴얼은 수시로 확인하세요. 경우에 따라 변수명이 다를수 있기 때문입니다.)

매뉴얼을 확인해보면 아래와 같이 all_search 라는 통합 검색 변수가 있습니다.

 

그룹디자인 소스를 아래와 같이 수정하시기 바랍니다.

 

소스를 저장 합니다

 

6. [디자인관리 > 고급 디자인 관리 > 추가 페이지 관리]에서 "통합검색" 소스수정화면으로 이동 합니다.

그리고 위에서 제작한 상품검색용 그룹디자인 코드를 추가 합니다.

 

실제 홈페이지에서 어떻게 구동되는지 확인해 보시기 바랍니다.

 

 

샘플 확인 주소 : http://sskshop7.4adtech.com/page/search3

 

 

이렇게해서 게시판 + 쇼핑몰 상품 통합 검색 페이지를 만들어봤습니다.

여러분은 필요에 따라 상품리뷰, 상품 질문 답변, 맞춤게시판, 맞춤전송폼등 직접 추가해보시기 바랍니다.

추가 방법은 위와 동일하므로 전혀 어렵지 않습니다. ^^

게시글 공유 URL복사
게시물 검색
List of articles
번호 분류 제목 작성자 작성일 조회수
27 웹 상식 이미지 좌표 구하기 어렴게 하지마세요 photo file 포애드텍 2019-09-02 hit446
26 솔루션 메뉴얼 인스타그램 연동 방법 photo 포애드텍 2019-05-23 hit560
25 솔루션 메뉴얼 통합 검색페이지 직접 만드는 방법 photo 포애드텍 2019-04-17 hit601
24 솔루션 메뉴얼 오늘 본 상품을 퀵메뉴로 출력 하는 방법 photo 포애드텍 2019-02-03 hit640
23 솔루션 메뉴얼 카카오톡 알림 서비스 설정 방법 photo 포애드텍 2019-01-24 hit757
22 솔루션 메뉴얼 상품 상세 및 결제페이지의 배송료 문구 수정하기 photo 포애드텍 2019-01-13 hit624
21 PC 상식 시놀로지 네트워크드라이브 외부접속 photo file 포애드텍 2018-12-28 hit3152
20 PC 상식 PC 네트워크 2개 공유기 연결 방법 (NAS 사용자 필독) photo 포애드텍 2018-10-23 hit1157
19 PC 상식 윈도우10 부팅시 자동로그인 해제 방법 photo 포애드텍 2018-04-06 hit923
퀵 메 뉴
닫 기