Manual

테마 다운로드와 테마 키 확인(이윰넷에서 구매한 경우)

이윰넷에서 유료 테마를 스킨상점에서 구매하며 구매가 완료됐다면 마이페이지 > 다운로드 관리 > 테마관리에서 테마키 확인 및 다운로드가 가능합니다.

image

테마 다운로드와 주문번호 확인(sir.kr 콘텐츠몰에서 구매한 경우)

sir.kr 콘텐츠몰에서 구매를 한 경우 sir.kr에서 테마 다운로드를 받을 수 있으며 주문번호를 확인합니다.
주문번호는 테마 설치시 입력 사항 입니다.

유료 테마 설치

영카트5 + 빌더 + 베이직테마가 설치된 상태에서 구매한 유료 테마 설치 과정입니다.

step 01 다운로드 파일 확인 및 압축 풀기
image

1 압축 프로그램을 통해 해당 파일 압축을 풉니다.

[ 중요! ]

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

step 02 폴더와 파일 리스트
image

디자인된 테마와 데모 사이트 콘텐츠 설정등의 파일 목록 입니다.

step 03 ftp 프로그램을 통해 테마 업로드
image

1 ftp 프로그램(파일질라, 알ftp등)을 통해 서버로 파일 업로드 합니다.

step 04 테마설치하기
image

1 사이트 '관리자 모드 > 테마설정관리 > 테마관리' 로 이동해 업로드한 테마의 '테마설치하기' 버튼을 클릭합니다.

step 05 테마키 또는 상품주문번호 입력하기
image

1 이윰 라이선스를 확인 후 동의 체크합니다.

2 구매한 테마키 또는 상품주문번호를 입력 후 '설치하기'를 클릭합니다.
(이윰넷에서 구매한 경우 테마키sir.kr 콘텐츠몰에서 구매한 경우 상품주문번호를 입력)

step 06 tmp폴더 삭제
image

1 테마설치 완료후 업로드한 tmp폴더를 삭제합니다.

step 07 최초 메인 페이지
image

1 설치된 테마를 홈페이지테마적용을 하면 해당 테마가 출력되며 우측 미리보기를 클릭하면 해당 테마를 미리 볼 수 있습니다.

2 관리자 로그인 후 편집모드를 활성화 시키면 화면상에서 로고, 메뉴, EB슬라이더, EB콘텐츠, EB최신글 등의 설정을 불러와 설정할 수 있습니다.

[중요] 최초 설치 후 관리자로 로그인해 관리자 모드 < 환경설정 < 기본환경설정에 접속해 확인을 한번 클릭하기 바랍니다.
(모바일 관련 함수 설정을 위함이며 그래야 모바일에서 정상적인 레이아웃 출력됩니다.)

테마 설명

  • 쇼핑몰 테마이며 쇼핑몰 레이아웃과 커뮤니티 레이아웃은 동일합니다.(출력 파일은 서로 다르며 테마구조를 참고하기 바랍니다.)
  • 설치시 상품 등록은 지원하지 않기에 데모사이트와 같이 상품 출력 된 레이아웃은 출력되지 않습니다.(직접 관리자모드에서 상품 입력 해야합니다.)
  • 쇼핑몰 설정 및 상품등록등과 관련해서는 sir.kr의 영카트5 매뉴얼(https://sir.kr/manual/yc5)를 참고하기 바랍니다.
  • 상품 등록시 이미지 비율을 동일하게 맞추기 바랍니다. 예)1000x1250픽셀 이미지 파일
  • 해당 테마는 사이드 레이아웃을 지원하지 않습니다.
  • 메인에서 편집모드를 통해 내용 및 이미지 수정이 가능하며 상품 등록 후에도 개별상품 설정이 가능합니다.
  • 쇼핑몰 메인에 유형별 출력(히트, 추천...)외에 분류별(카테고리) 출력(EB 상품) 스킨을 제공합니다.
  • 관리자 - 테마설정관리 - 테마환경설정에서 기본설정의 테마유형을 반응형 / 비반응형 으로 설정 가능합니다.
  • 커뮤니티에서는 이벤트와 최근본 상품 스킨등은 지원되지 않습니다.
  • 인스타그램은 LightWidget WIDGET(https://lightwidget.com/)을 이용한 것으로 사이트 참고하기 바랍니다.
  • 해당 테마는 구글 웹폰트 중 Noto Sans KR폰트를 사용했으며 사용을 원치 않을 시 아래의 소스 삭제합니다.
    /theme/eb4_shop_010/shop/head.html.php, /theme/eb4_shop_010/head.html.php 파일 상단 구글폰트 링크 삭제
    /theme/eb4_shop_010/skin/shop/basic/css/shop-style.css, /theme/eb4_shop_010/css/style.css 파일 다음 소스 삭제
    body, h1, h2, h3, h4, h5, h6 {font-family:'Noto Sans KR',sans-serif;}

테마 메인과 편집모드

편집 모드를 통해 로고, 메뉴, 회사정보 입력은 물론 사이트 콘텐츠의 이미지와 텍스트를 보여지는 화면에서 바로 수정이 가능합니다.
편집모드란? 관련링크 바로가기

  • 메인 페이지 로더
    • · 메인페이지 로딩 시간 동안 출력되는 화면입니다.
    • · /theme/eb4_shop_010/shop/index.html.php 파일 '페이지 로더' 부분에 각 소스가 있으며 시간 조정 및 스타일 수정을 합니다.
    • · 이미지는 /theme/eb4_shop_010/image/site_logo.png 파일이 출력되며 관리자 로고 등록시 해당 이미지가 출력 됩니다.
  • Header(상단 레이아웃)
    • · 로고, 메뉴, 로그인등 출력되며 로고와 메뉴는 편집모드 등을 통해 설정할 수 있습니다.
    • · 탑바 : 쇼핑몰과 커뮤니티 링크, 로그인, 소셜링크
    • · 헤더 : 로고, 메뉴, 아이콘 메뉴
    • · 모바일 하단 아이콘 메뉴가 해당 파일에 있습니다.
    • · 검색 모달창은 해당 파일에 있습니다.
    • · 편집모드 외에 출력 부분은 /theme/eb4_shop_010/shop/shop.head.html.php 파일에서 수정합니다.
  • 메인 슬라이더(EB슬라이더)
    • · 대표/서브 타이틀, 설명문구, 연결주소 입력하며 해당 순서대로 출력됩니다.
    • · 문구에 strong, br태그 사용시 볼드체와 줄바꿈 됩니다.
    • · 이미지 비율 #1(pc) : 1920x650 픽셀 / #2(mobile) : 1000x700 이미지 등록합니다.
    • · /theme/eb4_shop_010/skin/ebslider/shop010_main_slider/ebslider.skin.html.php
  • Megahit Items(히트상품)
    • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 설정합니다.
    • · 타이틀과 상품유형 변경은 /theme/eb4_shop_010/shop/index.html.php 파일에서 수정합니다.
    • · 상품유형 타입 : 히트(1), 추천(2), 신상(3), 인기(4), 할인(5)
    • · 상품 출력 열은 해당 파일에서 수정합니다.
    • · /theme/eb4_shop_010/skin/shop/basic/main.10.skin.html.php
  • 하프 슬라이더(EB슬라이더)
    • · 대표/서브 타이틀, 연결주소 입력하며 해당 순서대로 출력됩니다.
    • · 문구에 strong, br태그 사용시 볼드체와 줄바꿈 됩니다.
    • · 이미지 비율 #1 960x180 픽셀 이미지 등록합니다.
    • · /theme/eb4_shop_010/skin/ebslider/shop010_main_banner_slider/ebslider.skin.html.php
  • Recommend Items(추천상품)
    • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 설정합니다.
    • · 타이틀과 상품유형 변경은 /theme/eb4_shop_010/shop/index.html.php 파일에서 수정합니다.
    • · 상품유형 타입 : 히트(1), 추천(2), 신상(3), 인기(4), 할인(5)
    • · 해당 파일 하단 스크립트에서 상품 출력 열과 슬라이드 시간 조정합니다.
    • · /theme/eb4_shop_010/skin/shop/basic/main.20.skin.html.php
  • 원 배너(EB콘텐츠) / New Items(신상품)
    원 배너(EB콘텐츠)
    • · 텍스트 필드 #1~2, 연결주소 입력합니다.
    • · 이미지 비율 1000x1000 픽셀 이미지 등록합니다.
    • · /theme/eb4_shop_010/skin/ebcontents/shop010_one_banner/ebcontents.skin.html.php
    New Items(신상품)
    • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 설정합니다.
    • · 타이틀과 상품유형 변경은 /theme/eb4_shop_010/shop/index.html.php 파일에서 수정합니다.
    • · 상품유형 타입 : 히트(1), 추천(2), 신상(3), 인기(4), 할인(5)
    • · 해당 파일 하단 스크립트에서 상품 출력 열과 슬라이드 시간 조정합니다.
    • · /theme/eb4_shop_010/skin/shop/basic/main.30.skin.html.php
  • Trend Keywords(EB상품)
    • · 이윰빌더에서 제공하는 분류(카테고리) 상품 출력 스킨입니다.('관리자 - 테마설정관리 - EB상품추출관리'에서 설정)
    • · 아이템에 출력할 분류(카테고리)등록하며 아이템별로 탭이 추가됩니다.
    • · 대표 연결주소 입력시 탭 하단에 'More show' 버튼 링크 출력됩니다.
    • · /theme/eb4_shop_010/skin/ebgoods/shop010_goods_tabs/ebgoods.skin.html.php
  • Event Items(이벤트)
    • · 영카트5에서 제공하는 기본 콘텐츠 입니다. (sir 이벤트 가이드 참고 : https://sir.kr/manual/yc5/130)
    • · 관련상품 및 디자인에서 상품 등록하며 자세한 사항은 영카트5 매뉴얼 참고합니다.
    • · 출력이미지 폭(500) 높이(0) 설정합니다.
    • · 이벤트 제목 입력과 배너이미지 등록합니다.(이미지 700x469픽셀 사용)
    • · /theme/eb4_shop_010/skin/shop/basic/boxevent.skin.html.php
    • · '관리자 - 테마설정관리 - 테마환경설정 - 메인설정'에서 쇼핑몰 메인 선택시 출력되지 않습니다.
      (이벤트는 쇼핑몰에서만 사용 가능한 기능으로 설정시 커뮤니티로 인식해 미출력됨)
  • Favorite Items(인기상품)
    • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 설정합니다.
    • · 타이틀과 상품유형 변경은 /theme/eb4_shop_010/shop/index.html.php 파일에서 수정합니다.
    • · 상품유형 타입 : 히트(1), 추천(2), 신상(3), 인기(4), 할인(5)
    • · 상품 출력 열은 해당 파일에서 수정합니다.
    • · /theme/eb4_shop_010/skin/shop/basic/main.40.skin.html.php
  • 트리플 배너(EB콘텐츠)
    • · 텍스트 필드 #1~2, 연결주소 입력합니다.
    • · 이미지 비율 800x520 픽셀 이미지 등록합니다.
    • · /theme/eb4_shop_010/skin/ebcontents/shop010_triple_banner/ebcontents.skin.html.php
  • Discount Items(할인상품)
    • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 설정합니다.
    • · 타이틀과 상품유형 변경은 /theme/eb4_shop_010/shop/index.html.php 파일에서 수정합니다.
    • · 상품유형 타입 : 히트(1), 추천(2), 신상(3), 인기(4), 할인(5)
    • · 해당 파일 하단 스크립트에서 상품 출력 열과 슬라이드 시간 조정합니다.
    • · /theme/eb4_shop_010/skin/shop/basic/main.50.skin.html.php
  • 인스타그램(LightWidget WIDGET)
    • · LightWidget WIDGET을 이용해 인스타 최신글을 가져옵니다.
    • · 사이트(https://lightwidget.com/)를 방문해 설정 후 코드를 생성합니다.
    • · type : grid / columns : 4 / rows : 1 / padding : 2
    • · 생성된 코드를 /theme/eb4_shop_010/shop/index.html.php 파일 원하는 위치에 붙여넣습니다.
    • · 해당 위젯은 인스타그램을 간단하게 출력하는 위젯으로 해당 위젯으로 인해 페이지 로딩이 있을 수 있습니다.
  • Review(사용후기)
    • · 해당 파일에 디자인 및 출력 소스가 있습니다.
    • · 이미지 사이즈는 해당 부분 썸네일 출력 소스에서 설정(기본 설정 500x500).
    • · 아이템 출력 수는 해당 부분 스크립트 'slidesToShow'에서 값 조정.
    • · /theme/eb4_shop_010/shop/index.html.php
  • Footer(하단 레이아웃)
    • · 로고와 회사 정보는 편집모드를 이용해 설정합니다.
    • · 푸터 메뉴, 소셜링크, 카피라이트는 직접 파일 수정합니다.
    • · 최근본 상품 출력소스가 있으며 스킨은 /theme/eb4_shop_010/skin/shop/basic/boxtodayview.skin.html.php 파일 입니다.
    • · /theme/eb4_shop_010/shop/shop.tail.html.php

테마 패치내역

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

버전 1.2.14 (2023.06.02)
  • · theme/eb4_shop_010/skin/mypage/basic/mbmemo.skin.html.php
  • · theme/eb4_shop_010/skin/mypage/basic/favorite.skin.html.php
  • · theme/eb4_shop_010/skin/mypage/basic/followinggul.skin.html.php
  • · theme/eb4_shop_010/skin/mypage/basic/goodpost.skin.html.php
  • · theme/eb4_shop_010/skin/mypage/basic/pinboard.skin.html.php
  • · theme/eb4_shop_010/skin/mypage/basic/starpost.skin.html.php
  • · theme/eb4_shop_010/skin/mypage/basic/subscribe.skin.html.php
  • · theme/eb4_shop_010/skin/mypage/basic/tabmenu.skin.html.php
  • · theme/eb4_shop_010/misc.html.php
버전 1.2.13 (2023.05.02)
  • · theme/eb4_shop_010/skin/mypage/basic/mbmemo.skin.html.php
  • · theme/eb4_shop_010/skin/mypage/basic/tabmenu.skin.html.php
  • · theme/eb4_shop_010/page/mbmemo.html.php
  • · theme/eb4_shop_010/page/page.tail.html.php
  • · theme/eb4_shop_010/plugins/elevatezoom-plus/jquery.ez-plus.js
  • · theme/eb4_shop_010/plugins/elevatezoom-plus/LICENSE
  • · theme/eb4_shop_010/plugins/jquery-elevateZoom/jquery.elevateZoom.min.js
  • · theme/eb4_shop_010/skin/shop/basic/item.form.skin.html.php
  • · theme/eb4_shop_010/skin/board/skin_name/list.skin.html.php
  • · theme/eb4_shop_010/skin/board/skin_name/view.skin.html.php
  • · theme/eb4_shop_010/skin/board/skin_name/view_comment.skin.html.php
  • · theme/eb4_shop_010/skin/board/skin_name/write.skin.html.php
버전 1.2.12 (2023.04.19)
  • · /theme/eb4_shop_010/skin/shop/basic/cart.skin.html.php
  • · /theme/eb4_shop_010/skin/shop/basic/item.skin.html.php
  • · /theme/eb4_shop_010/page/page.tail.html.php
  • · /theme/eb4_shop_010/skin/board/skin_name/view.skin.html.php
  • · /theme/eb4_shop_010/skin/board/skin_name/write.skin.html.php
버전 1.2.11 (2023.04.12)
  • · /theme/eb4_shop_010/misc.html.php
  • · /theme/eb4_shop_010/skin/member/basic/point.skin.html.php
버전 1.2.10 (2023.03.27)
  • · /theme/eb4_shop_010/skin/push/basic/push.skin.html.php
  • · /theme/eb4_shop_010/skin/qa/basic/answer.skin.html.php
  • · /theme/eb4_shop_010/skin/qa/basic/list.skin.html.php
  • · /theme/eb4_shop_010/skin/qa/basic/view.skin.html.php
  • · /theme/eb4_shop_010/skin/board/스킨명/list.skin.html.php
  • · /theme/eb4_shop_010/skin/board/스킨명/view.skin.html.php
  • · /theme/eb4_shop_010/skin/board/스킨명/write.skin.html.php
  • · /theme/eb4_shop_010/skin/tagmenu/basic/tagmenu.skin.html.php
버전 1.2.9 (2023.01.17)
  • · /theme/eb4_shop_010/skin/ebbanner/basic/ebbanner.skin.html.php
  • · /theme/eb4_shop_010/skin/new/basic/new.skin.html.php
  • · /theme/eb4_shop_010/skin/shop/basic/itemskin.html.php
  • · /theme/eb4_shop_010/skin/member/basic/password_lost.skin.html.php
  • · /theme/eb4_shop_010/skin/qa/basic/answer.skin.html.php
  • · /theme/eb4_shop_010/skin/qa/basic/answerform.skin.html.php
버전 1.2.8 (2023.01.10)
  • · /theme/eb4_shop_010/skin/board/스킨명/view_comment.skin.html.php
  • · /theme/eb4_shop_010/skin/board/스킨명/write.skin.html.php
  • · /theme/eb4_shop_010/skin/ebbanner/basic/ebbanner.skin.html.php
  • · /theme/eb4_shop_010/skin/search/basic/search.skin.html.php
  • · /theme/eb4_shop_010/skin/shop/basic/orderform.sub.skin.html.php
  • · /theme/eb4_shop_010/skin/shop/basic/orderform.sub.mobile.skin.html.php
버전 1.2.7 (2022.12.23)
  • · /theme/eb4_shop_010/css/common.css
  • · /theme/eb4_shop_010/css/common-nr.css
  • · /theme/eb4_shop_010/head.html.php
  • · /theme/eb4_shop_010/misc.html.php
  • · /theme/eb4_shop_010/shop/shop.head.html.php
  • · /theme/eb4_shop_010/skin/board/basic/list.skin.html.php
  • · /theme/eb4_shop_010/skin/board/basic/sns.skin.html.php
  • · /theme/eb4_shop_010/skin/board/basic/view_comment.skin.html.php
  • · /theme/eb4_shop_010/skin/board/basic/view.skin.html.php
  • · /theme/eb4_shop_010/skin/board/gallery/list.skin.html.php
  • · /theme/eb4_shop_010/skin/board/gallery/sns.skin.html.php
  • · /theme/eb4_shop_010/skin/board/gallery/view_comment.skin.html.php
  • · /theme/eb4_shop_010/skin/board/gallery/view.skin.html.php
  • · /theme/eb4_shop_010/skin/board/webzine/list.skin.html.php
  • · /theme/eb4_shop_010/skin/board/webzine/sns.skin.html.php
  • · /theme/eb4_shop_010/skin/board/webzine/view_comment.skin.html.php
  • · /theme/eb4_shop_010/skin/board/webzine/view.skin.html.php
  • · /theme/eb4_shop_010/skin/member/basic/member_icon.skin.html.php
  • · /theme/eb4_shop_010/skin/newwin/basic/newwin.inc.html.php
  • · /theme/eb4_shop_010/skin/search/basic/search.skin.html.php
  • · /theme/eb4_shop_010/skin/shop/basic/img/naverpay.jpg
  • · /theme/eb4_shop_010/skin/shop/basic/orderform.sub.mobile.skin.html.php
  • · /theme/eb4_shop_010/skin/shop/basic/orderform.sub.skin.html.php
  • · /theme/eb4_shop_010/skin/signature/basic/signature.skin.html.php
버전 1.2.6 (2022.08.26)
  • · 다운로드를 위한 버전 업
버전 1.2.5 (2022.07.26)
  • · theme/eb4_shop_010/skin/board/basic/list.skin.html.php
  • · theme/eb4_shop_010/skin/board/basic/view.skin.html.php
  • · theme/eb4_shop_010/skin/board/gallery/list.skin.html.php
  • · theme/eb4_shop_010/skin/board/gallery/view.skin.html.php
  • · theme/eb4_shop_010/skin/board/webzine/list.skin.html.php
  • · theme/eb4_shop_010/skin/board/webzine/view.skin.html.php
  • · theme/eb4_shop_010/skin/faq/basic/list.skin.html.php
  • · theme/eb4_shop_010/skin/qa/basic/list.skin.html.php
  • · theme/eb4_shop_010/skin/brand/basic/brand.skin.html.php
  • · theme/eb4_shop_010/skin/connect/basic/current_connect.skin.html.php
버전 1.2.4 (2022.07.13)
  • · theme/eb4_shop_010/skin/brand/basic/brand.skin.html.php
  • · theme/eb4_shop_010/skin/countdown/basic/countdown.skin.html.php
  • · theme/eb4_shop_010/skin/connect/basic/current_connect.skin.html.php
  • · theme/eb4_shop_010/skin/member/basic/member_cert_refresh.skin.html.php
  • · theme/eb4_shop_010/skin/member/basic/password_reset.skin.html.php
  • · theme/eb4_shop_010/skin/member/basic/register_form.skin.html.php
  • · theme/eb4_shop_010/skin/faq/basic/list.skin.html.php
  • · theme/eb4_shop_010/skin/qa/basic/list.skin.html.php
  • · theme/eb4_shop_010/skin/search/basic/search.skin.html.php
  • · theme/eb4_shop_010/shop/index.html.php
  • · theme/eb4_shop_010/skin/shop/basic/brand.skin.html.php
버전 1.2.3 (2022.05.20)
  • · /theme/eb4_shop_010/css/style.css
  • · /theme/eb4_shop_010/css/shop-style.css
버전 1.2.0 (2021.03.24)
  • · 이번 패치는 PHP8 관련 패치와 누적된 패치로 테마 전체적으로 작업이 되어 이번 버전은 파일 내역을 따로 제공하지 않습니다.
  • · 테마를 수정하지 않았다면 테마를 덮어쓰기를 하기 바라며 수정한 내역이 있다면 패치 파일과 비교 후 수정하기 바랍니다.
  • · 패치는 파일 백업 후 진행하기 바랍니다.
버전 1.1.4 (2021.01.28)
  • · theme/eb4_shop_010/skin/shop/basic/event.skin.html.php
버전 1.1.3 (2020.11.03)
  • · theme/eb4_shop_010/skin/board/스킨명/view.skin.html.php
  • · theme/eb4_shop_010/skin/board/스킨명/write.skin.html.php
  • · theme/eb4_shop_010/page/page.tail.html.php
버전 1.1.2 (2020.10.22)
  • · theme/eb4_shop_010/css/shop-style.css
  • · theme/eb4_shop_010/css/shop-style-nr.css
  • · theme/eb4_shop_010/css/style.css
  • · theme/eb4_shop_010/css/style-nr.css
버전 1.1.1 (2020.07.15)
  • · theme/eb4_shop_010/css/common.css
  • · theme/eb4_shop_010/css/common-nr.css
  • · theme/eb4_shop_010/skin/shop/basic/css/item_style.css
  • · theme/eb4_shop_010/skin/shop/basic/css/item_style_nr.css
  • · theme/eb4_shop_010/skin/shop/basic/cart.skin.html.php
  • · theme/eb4_shop_010/skin/shop/basic/search.skin.html.php
버전 1.1.0 (2020.07.14)
  • · 테마 출시