상품 여분 필드에 스마트 에디터 적용 > 영카트강좌

본문 바로가기
전체검색

그누스킨닷컴

영카트강좌

그누보드 영카트 초보 사용자를 위한 기본 매뉴얼, 스킨 제작 기초강좌를 공유합니다.

상품 여분 필드에 스마트 에디터 적용

페이지 정보

작성자 관리자 작성일17-10-03 01:44 조회738회

본문

상품 여분 필드 사용 방법은 이전 강좌에서 살펴봤었습니다.

http://gnustudy.com/bbs/board.php?bo_table=yc_tip&wr_id=22


이번 내용은 추가한 여분 필드에 에디터를 적용하는 방법입니다.

방법은 거의 비슷합니다. 중복되는 내용들도 있을 겁니다.



1. 상품등록 페이지 수정


수정 파일 : adm/shop_admin/itemform.php



1-1. 적당한 위치에 이렇게 추가합니다.


<tr>
    <th scope="row"><label for="it_1">여분필드1</label></th>
    <td>
        <?php echo help("입력하지 않으면 상품상세페이지에 출력하지 않습니다."); ?>
        <?php echo editor_html('it_1', get_text($it['it_1'], 0)); ?>
    </td>
    <td class="td_grpset">
        <input type="checkbox" name="chk_ca_1" value="1" id="chk_ca_1">
        <label for="chk_ca_1">분류적용</label>
        <input type="checkbox" name="chk_all_1" value="1" id="chk_all_1">
        <label for="chk_all_1">전체적용</label>
    </td>
</tr>

 

이전 강좌 내용에서 빨간색 부분이 변경되었습니다.



1-2. 같은 파일 하단쯤에 여분필드 설정 부분이 있을 겁니다.


<?php for ($i=1; $i<=10; $i++) { ?>


위 코드를 찾은 후 $i=1 을 추가한 개수만큼 제외합니다. 이 부분은 반드시 수정해야 합니다.

예를 들어 여분 필드 한 개만 사용했다면 $i=2로 수정하고 2개를 사용했다면 $i=3 으로 수정합니다.

여분 필드를 번호 순서대로 사용했다면 상관없지만 번호를 띄엄띄엄 사용했다면 유의하셔야 합니다. 

웬만하면 번호 순서대로 사용하세요.



1-3. 같은 파일 하단 스크립트에 이런 부분이 있을 겁니다. 빨간색 코드를 추가합니다.


<?php echo get_editor_js('it_1'); ?> // 여분필드1 에디터 적용
<?php echo get_editor_js('it_explan'); ?>
<?php echo get_editor_js('it_mobile_explan'); ?>
..........................
..........................
 



2. DB 수정


phpmyadmin 등을 사용해서 g5_shop_item 테이블에 있는 it_1 필드 타입을 varchar(255) 에서 text 로 변경


041b929fa7b2e708690c0b080c5534a2_1506962344_5701.gif


위와 같이 변경하면 됩니다. 입력 내용이 많을 것 같으면 mediumtext 로 하세요.




3. 스킨 수정


입력한 내용을 출력하고 싶은 페이지에 추가

예를 들어 상품 상세 정보 바로 위에 추가하고 싶으면


/skin/shop/basic/item.info.skin.php 파일에서

<!-- 상품 정보 시작 { --> 여기 바로 위에 아래 내용을 추가하면 됩니다.


<?php if ($it['it_1']) { ?>
<section id="sit_inf">
    <div id="sit_inf_explan">
        <?php echo $it['it_1']; ?>
    </div>
</section>
<?php } ?>
 


한 개가 아닌 에디터를 여러 개 사용하고 싶으면

위에서 했던 모든 과정을 동일한 방법으로 it_1 을 it_2 등으로 수정해서 추가하면 됩니다.



예전에 SIR 에 올렸던 내용인데 그누스터디에도 등록합니다.

커뮤니티는 당분간 중단하겠습니다.
영카트강좌 목록
번호 제목
49 상품 유형 아이콘 이미지로 변경
48 상품 주문시 관리자에게 문자 전송할 때 주문 고객 연락처 추가하기
47 상품 검색시 최근 등록된 상품순으로 정렬
46 주문 내역 조회 페이지에 상품명 출력하기
45 주문 내역 삭제하기
44 상품 문의 게시판 작성자 이름 대신에 닉네임 출력하기
43 다음 주소 우편번호 검색 창 레이어나 새창 방식으로 변경하기
42 상품 여분 필드 10개 이상 추가하기
41 상품 목록 스킨에 사용후기 별점 평가 점수 출력하기
40 등록된 상품 전체를 출력하는 페이지 생성하기
39 모바일 상품 리스트에서 더보기 방식 대신에 페이징으로 변경
38 영카트 분류 메뉴에 특정 메뉴를 끼워 넣는 방법 - 5.3 버전 모바일
37 pp_cli_x64 파일을 바이너리 타입으로 다시 업로드하여 주십시오.
36 pp_cli_x64 실행권한을 부여해 주십시오. 댓글1
35 상품 목록에 구매시 지급되는 포인트 출력
34 상품 관리 권한을 특정 회원에게 부여하기 (관리 회원 아이디)
33 쇼핑몰 페이지 전체 임시 접근 금지
32 비회원으로 구매하기 클릭시 로그인 창 삭제하기 댓글1
31 상품 목록 정렬을 최근 등록 날짜순이나 후기가 많은 순서대로 정렬하기
30 배송 정보를 이미지로 만들어서 넣었을 때 페이지 밀림 방지
29 상품 목록 보기 방식을 갤러리 타입에서 리스트 타입으로 변경
28 상품 이미지를 썸네일이 아닌 원본으로 출력
27 주문서 전하실 말씀 textarea에 내용 미리 입력
26 1:1문의 페이지에 영카트 레이아웃 적용하기 모바일 지원
25 FAQ 페이지에 영카트 레이아웃을 적용하기
게시물 검색


그누스터디는 그누보드, 영카트 초보 사용자를 위한 정보를 공유합니다.

Copyright © GNUSTUDY. All rights reserved.
상단으로