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

본문 바로가기
사이트 내 전체검색

아이디비번찾기

영카트 강좌

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

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

페이지 정보

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

본문

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

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 에 올렸던 내용인데 그누스터디에도 등록합니다.

로그인 후 댓글을 남겨주세요.
영카트 강좌 목록
번호 제목
24 인덱스 페이지에 특정 상품 분류 페이지를 직접 출력하기 댓글1
23 상품 목록용 썸네일 이미지 별도로 사용하기
22 상품목록 스킨에 최소 최대 구매 수량 출력
21 메인페이지에 상품 문의 최신글 출력 댓글1
20 영카트 레이아웃을 특정 게시판에 적용하기 모바일 지원
열람중 상품 여분 필드에 스마트 에디터 적용
18 상품 리스트 페이지에서 정렬 옵션 선택했을 때 활성화 효과
17 상품 썸네일 이미지 여백 없이 생성 크롭 설정 변경
16 상품 여분 필드 사용 방법
15 Datepicker 특정 요일 선택 금지 영카트 희망 배송일에 사용
14 주문내역 목록에서 운송장번호 일괄등록 댓글1
13 상품 유형 관리에 이벤트 항목 추가 댓글3
12 모바일 페이지에서 상품 유형 아이콘 출력
11 상품 썸네일 이미지 일괄 삭제
10 주문금액이 일정 금액 이상일 때만 포인트 결제 사용 가능
9 메인페이지나 상품 목록 스킨에서 글자수 자르기
8 상품 이미지 10개 이상 등록하기
7 상품 판매가격 회원들에게만 노출
6 영카트 분류메뉴 중간에 특정 메뉴를 끼워넣는 방법 - PC
5 영카트 분류메뉴 중간에 특정 메뉴를 끼워넣는 방법 - 모바일 댓글10
4 도메인 접속시 첫 화면에 쇼핑몰이 바로 나오게 하는 방법 댓글1
3 영카트 모바일에서 상품 상세페이지 화면을 PC화면처럼 보이기 댓글1
2 메인페이지 상품 최신글에 분류명 출력하기
1 상품 상세페이지에서 상품 정보 고시 삭제하기
게시물 검색


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

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