G5_SHOP_001

테마 설치

그누보드(영카트)5(5.5.*)가 최초 설치된 서버에 구매하신 이윰의 EG 테마(g5_shop_001)의 패키지 파일 업로드 경로와 설치 과정을 설명합니다.

그누보드(영카트)를 예전에 설치하여 파일 및 DB 수정 작업을 한 경우 호환에 문제가 있을 수 있으니, 백업 후 영카트5(5.5.*) 최신버전 순정으로 진행하기 바랍니다.

본 테마는 그누보드(영카트) 반응형 테마의 특성상 관리자에서 모든 스킨의 설정은 '모바일 스킨 설정'을 따릅니다. (PC 스킨 설정은 무시)

중요!

다운로드한 파일을 '알집'으로 압축해제시 파일이 정상적으로 해제가 안될 수 있으며, 정상설치가 되지 않아 에러가 발생합니다. 반드시 '7-zip, 반디집' 등을 사용해 압축 해제하시기 바랍니다.

1. 구매하여 다운로드한 테마 패키지 파일을 압축해제 후 g5********_package폴더 내 파일들을 그누보드(영카트)5가 설치된 서버 루트에 업로드(병합) 합니다.
image
2. '관리자 - 환경설정 - 테마설정'에서 해당 테마의 '테마적용'을 클릭합니다.
image
3. 경고창의 '테마의 지정된 스킨으로 변경'에 확인을 클릭합니다.
image
4. '관리자 - 콘텐츠매니저 - 테마설치하기'를 클릭하면 설치하기 페이지로 이동합니다. 설치하기를 클릭하여 설치를 합니다.
image
5. 설치완료 후 관리자로 로그인한 경우 편집모드를 활성화하여 손쉽게 콘텐츠 수정을 하실수 있습니다.
image
6. '테마 설명과 설정' 탭을 참고하여 상세 설정을 진행하시기 바랍니다.

테마 설명 및 특이사항

테마에 대한 설명특이사항 등을 읽고 테마설치 및 사용에 참고하기 바랍니다.

  • 01. 본 테마는 영카트 전용 쇼핑몰 테마입니다. 커뮤니티용 레이아웃을 별도로 지원하지는 않습니다.
  • 02. 쇼핑몰 설정 및 상품등록 등에 관련해서는 sir.kr의 영카트5 매뉴얼(https://sir.kr/manual/yc5)을 참고하시기 바랍니다.
  • 03. 쇼핑몰 상품 등록(관리자 - 쇼핑몰관리 - 상품관리 - 상품등록)시 상품 이미지는 1000x1000픽셀 비율의 이미지를 업로드합니다.
  • 04. 관리자 - 콘텐츠매니저 - 사이트정보설정에서 사업자정보, 고객센터, 로고설정등을 입력 및 설정합니다.
  • 05. 관리자 - 게시판관리 - 게시판관리에서 게시판 모바일 스킨 설정을 (테마) basic, (테마) gallery, (테마) webzine 과 같이 테마 게시판 스킨으로 선택합니다.
  • 06. 관리자 - 쇼핑몰관리 - 쇼핑몰설정의 '스킨 설정'에서 모바일용 스킨을 (테마) basic으로 설정합니다.
  • 07. 관리자 - 쇼핑몰관리 - 쇼핑몰설정의 '모바일 쇼핑몰 초기화면 설정'

    히트상품출력 : 스킨(main.10.skin.php:갤러리형) / 1줄당 이미지 수(3) / 출력할 줄 수(2) / 이미지폭(500) / 이미지높이(0)

    추천상품출력 : 스킨(main.20.skin.php:슬라이드형) / 1줄당 이미지 수(4) / 출력할 줄 수(2) / 이미지폭(500) / 이미지높이(0)

    최신상품출력 : 스킨(main.30.skin.php:슬라이드형) / 1줄당 이미지 수(4) / 출력할 줄 수(2) / 이미지폭(500) / 이미지높이(0)

    인기상품출력 : 스킨(main.40.skin.php:슬라이드형) / 1줄당 이미지 수(2) / 출력할 줄 수(2) / 이미지폭(500) / 이미지높이(0)

    할인상품출력 : 스킨(main.50.skin.php:슬라이드형) / 1줄당 이미지 수(2) / 출력할 줄 수(2) / 이미지폭(500) / 이미지높이(0)

    상품 출력 수는 1줄당 이미지 수와 출력할 줄 수의 곱으로 출력됩니다.

    main.20.skin.php, main.40.skin.php, main.50.skin.php 스킨은 슬라이드형으로 중복 사용시 클래스명 충돌로 오류가 발생하니 중복 사용이 안됩니다.

  • 08. 관리자 - 쇼핑몰관리 - 쇼핑몰설정의 '기타 설정'

    이미지폭(500) / 이미지높이(0)

    상품 출력 수는 1줄당 이미지 수와 출력할 줄 수의 곱으로 출력되며 정렬은 해당 스킨 파일에서 수정합니다.

    이미지(소) : 폭(500) / 높이(0)

    이미지(중) : 폭(1000) / 높이(0)

  • 09. 관리자 - 쇼핑몰관리 - 분류관리의 이미지 폭은 500, 이미지 높이는 0, 모바일 1행 이미지수는 4로 설정하시기 바랍니다.
  • 10. 관리자 - 게시판관리 - 내용관리의 각 내용관리 수정에서 모바일스킨 디렉토리를 (테마) basic으로 선택 저장합니다.
  • 11. 관리자 - 쇼핑몰현황/기타 - 이벤트관리에서 이벤트 설정

    배너이미지 사이즈 : 600x440 픽셀

  • 12. 관리자 - 쇼핑몰관리 - 브랜드관리에서 브랜드 관련 설정

    브랜드 출력 여부 설정 및 상품 브랜드를 추가 하실수 있습니다. (브랜드 이미지 등록 가능)

    관리자 - 쇼핑몰관리 - 상품관리에서 상품등록시 브랜드를 선택하실수 있습니다.

  • 13. 본 테마는 다크모드를 지원하며, 다크모드 사용을 원치 않으시면
    /theme/g5_shop_001/mobile/shop/shop.head.php파일 45라인의
    아래 소스를 no로 설정하시기 바랍니다.
    $is_darkmode = 'no';
  • 14. 다크모드 CSS 수정은 /theme/g5_shop_001/css/dark_mode.css 파일에서 수정 또는 추가하시면 됩니다.
  • 15. 다크모드 사용 시 스마트에디터는 적합하지 않습니다. 아래 링크의 이윰넷에서 CKEditor를 무료로 배포중이오니 꼭 적용하여 사용하시기 바랍니다.
    https://eyoom.net/share/4
  • 16. 관리자는 상단 편집모드를 활성화하여 해당 콘텐츠의 내용 및 이미지 수정을 손쉽게 하실수 있습니다.
  • 17. 본 테마의 레이아웃 및 스킨 파일 수정 위치 (반응형 테마의 특성상 해당 테마폴더 내 mobile폴더 내에 위치)

    HEAD : /theme/g5_shop_001/mobile/shop/shop.head.php

    TAIL : /theme/g5_shop_001/mobile/shop/shop.tail.php

    INDEX : /theme/g5_shop_001/mobile/shop/index.php

    SKIN : /theme/g5_shop_001/mobile/skin/각 스킨 파일들 위치

    테마 레이아웃 CSS : /theme/g5_shop_001/css/shop_layout.css

  • 18. 상품 리스트에서 '더보기 버튼' 대신 '페이징' 출력을 원하시면 아래와 같이 수정하시기 바랍니다.

    수정 파일 : /mobile/shop/list.php

    아래 소스를 찾아서

    // where 된 전체 상품수
    $total_count = $list->total_count;
    

    바로 밑에 아래 소스를 추가합니다.

    // 전체 페이지 계산
    $total_page  = ceil($total_count / $items);
    

    그리고 아래 소스를 찾아서

    <?php
    $qstr1 = '';
    if($i > 0 && $total_count > $items) {
        $qstr1 .= 'ca_id='.$ca_id;
        $qstr1 .='&sort='.$sort.'&sortodr='.$sortodr;
        $ajax_url = G5_SHOP_URL.'/ajax.list.php?'.$qstr1.'&use_sns=1';
    ?>
    <div class="li_more">
        <p id="item_load_msg"><img src="<?php echo G5_SHOP_CSS_URL; ?>/img/loading.gif" alt="로딩이미지" ><br>잠시만 기다려주세요.</p>
        <div class="li_more_btn">
            <button type="button" id="btn_more_item" data-url="<?php echo $ajax_url; ?>" data-page="<?php echo $page; ?>">더보기 +</button>
        </div>
    </div>
    <?php } ?>
    

    아래와 같이 변경합니다.

    <?php
    $qstr1 = 'ca_id='.$ca_id;
    $qstr1 .='&sort='.$sort.'&sortodr='.$sortodr;
    echo get_paging($config['cf_write_pages'], $page, $total_page, $_SERVER['SCRIPT_NAME'].'?'.$qstr1.'&page=');
    ?>
    

테마 편집모드

상단 편집모드를 활성화 하면 각각의 콘텐츠(슬라이더 배너, 최신글, 페이지 내용)에 편집용 버튼이 출력됩니다.

편집용 버튼을 클릭하면 바로 수정이 가능한 팝업창이 뜨거나, 해당 관리자 페이지로 이동하실 수 있습니다.

image
공용 레이아웃(헤더,푸터)

사이트정보설정 - 사업자정보, 고객센터, 로고 설정 등

[EG슬라이더] shop001_top_banner

[EG최신글] shop001_footer

메인

[EG슬라이더] shop001_main_1

[EG슬라이더] shop001_main_2

[EG슬라이더] shop001_main_3 (유튜브 동영상 출력 가능)

[EG슬라이더] shop001_main_4

[EG슬라이더] shop001_main_5

[EG슬라이더] shop001_countdown

회사소개 페이지

[EG콘텐츠] shop00_about

[EG콘텐츠] shop001_overview

[EG콘텐츠] shop001_contact

테마 패치내역

테마의 패치내역을 통해 해당 파일을 업데이트를 합니다.
패치시 사용자가 직접 작업 및 수정한 내용에 대해서는 백업을 한 후 진행하기 바랍니다.

버전 2.2.2 (2025.01.10)
  • · /theme/g5_shop_001/css/common.css
버전 2.2.1 (2024.09.11)
  • · /theme/g5_shop_001/mobile/skin/shop/basic/style.css
버전 2.2.0 (2024.08.27)
  • · /theme/g5_shop_001/mobile/skin/shop/basic/item.form.skin.php
버전 2.1.9 (2024.07.05)
  • · /gyoom/lib/menu.lib.php
버전 2.1.8 (2024.06.28)
  • · /theme/g5_shop_001/head.sub.php
  • · /theme/g5_shop_001/css/common.css
  • · /theme/g5_shop_001/css/dark_mode.css
  • · /theme/g5_shop_001/css/shop_layout.css
  • · /theme/g5_shop_001/mobile/skin/egslider/shop001_main_1/egslider.skin.html.php
  • · /theme/g5_shop_001/mobile/skin/egslider/shop001_main_3/egslider.skin.html.php
  • · /theme/g5_shop_001/shop/tail.php
  • · /theme/g5_shop_001/plugins/bootstrap/css/bootstrap.min.css
  • · /theme/g5_shop_001/plugins/bootstrap/css/bootstrap.min.css.map
  • · /theme/g5_shop_001/plugins/bootstrap/js/bootstrap.min.js
  • · /theme/g5_shop_001/plugins/bootstrap/js/bootstrap.min.js.map
  • · /theme/g5_shop_001/plugins/font/Pretendard/이하 모든 파일 추가 [A]
  • · /theme/g5_shop_001/plugins/font/S-Core_Dream/이하 모든 파일 제거 [D]
버전 2.1.7 (2024.06.11)
  • · /theme/g5_shop_001/mobile/skin/egslider/shop001_main_1/egslider.skin.html.php
버전 2.1.6 (2024.06.05)
  • · /theme/g5_shop_001/skin (폴더 추가 및 폴더내 모든 파일)
버전 2.1.5 (2024.03.19)
  • · /adm/shop_admin/configform.php
버전 2.1.4 (2023.09.12)
  • · /theme/g5_shop_001/mobile/skin/member/basic/login.skin.php
  • · /theme/g5_shop_001/mobile/skin/shop/basic/list.10.skin.php
버전 2.1.3 (2023.08.23)
  • · /theme/g5_shop_001/mobile/skin/shop/baisc/style.css
버전 2.1.2 (2023.08.16)
  • · /theme/g5_shop_001/mobile/skin/shop/basic/item.form.skin.php
버전 2.1.1 (2023.08.01)
  • · /theme/g5_shop_001/css/mobile_shop.css
버전 2.1.0 (2023.06.30)
  • · /theme/g5_shop_001/mobile/skin/qa/basic/list.skin.php
버전 2.0.9 (2023.05.26)
  • · /theme/g5_shop_001/head.sub.php
  • · /theme/g5_shop_001/css/shop_style.css
  • · /theme/g5_shop_001/mobile/shop/index.php
  • · /theme/g5_shop_001/mobile/skin/brand/basic/brand.skin.html.php
  • · /theme/g5_shop_001/mobile/skin/egslider/shop001_countdown/egslider.skin.html.php
  • · /theme/g5_shop_001/mobile/skin/egslider/shop001_main_1/egslider.skin.html.php
  • · /theme/g5_shop_001/mobile/skin/egslider/shop001_main_2/egslider.skin.html.php
  • · /theme/g5_shop_001/mobile/skin/egslider/shop001_main_3/egslider.skin.html.php
  • · /theme/g5_shop_001/mobile/skin/egslider/shop001_main_4/egslider.skin.html.php
  • · /theme/g5_shop_001/mobile/skin/egslider/shop001_main_5/egslider.skin.html.php
  • · /theme/g5_shop_001/mobile/skin/shop/basic/item.form.skin.php
  • · /theme/g5_shop_001/plugins/elevatezoom-plus 추가
  • · /theme/g5_shop_001/plugins/swiper 추가
버전 2.0.8 (2023.01.21)
  • · theme/g5_shop_001/css/shop_layout.css
  • · theme/g5_shop_001/css/dark_mode.css
  • · theme/g5_shop_001/mobile/skin/member/basic/login.skin.php
  • · theme/g5_shop_001/mobile/skin/member/basic/style.css
  • · theme/g5_shop_001/mobile/skin/outlogin/shop_basic/style.css
버전 2.0.7 (2023.01.07)
  • · theme/g5_shop_001/css/shop_layout.css
  • · theme/g5_shop_001/css/dark_mode.css
  • · theme/g5_shop_001/js/shop_app.js
  • · theme/g5_shop_001/mobile/shop/index.php
버전 2.0.6 (2022.10.27)
  • · /theme/g5_shop_001/css/dark_mode.css
  • · /theme/g5_shop_001/mobile/skin/member/basic/register.skin.php
  • · /theme/g5_shop_001/mobile/skin/member/basic/style.css
버전 2.0.5 (2022.10.13)
  • · /theme/g5_shop_001/mobile/skin/member/basic/register.skin.php
  • · /theme/g5_shop_001/mobile/skin/outlogin/shop_basic/outlogin.skin.2.php
  • · /theme/g5_shop_001/mobile/skin/outlogin/shop_basic/style.css
버전 2.0.4 (2022.09.29)
  • · /theme/g5_shop_001/head.sub.php
  • · /theme/g5_shop_001/mobile/shop/shop.tail.php
버전 2.0.3 (2022.09.23)
  • · /theme/g5_shop_001/mobile/skin/shop/basic/list.10.skin.php
버전 2.0.2 (2022.09.18)
  • · /theme/g5_shop_001/mobile/skin/egslider/shop001_countdown/egslider.skin.html.php
버전 2.0.1 (2022.09.06)
  • · /theme/g5_shop_001/css/dark_mode.css
  • · /theme/g5_shop_001/mobile/skin/shop/basic/item.form.skin.php
버전 2.0.0 (2022.08.30)
  • · 테마 출시
쇼핑몰 전체검색