매뉴얼

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

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

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)를 참고하기 바랍니다.
  • 상품 등록시 이미지 비율을 동일하게 맞추기 바랍니다. 예)1000x1000픽셀 이미지 파일
  • 해당 테마는 사이드 레이아웃을 사용하지 않는 디자인 박스형 레이아웃 디자인은 지원하지 않습니다.
  • 메인에서 편집모드를 통해 내용 및 이미지 수정이 가능하며 상품 등록 후에도 개별상품 설정이 가능합니다.
  • 쇼핑몰 메인에 유형별 출력외에 분류별(카테고리) 출력 스킨을 제공합니다.
  • 관리자 - 테마설정관리 - 테마환경설정에서 기본설정의 테마유형을 반응형 / 비반응형 으로 설정 가능합니다.
  • 해당 테마는 구글 웹폰트 중 Noto Sans KR, Noto Serif KR 폰트를 사용했으며 사용을 원치 않을 시 아래의 소스 삭제합니다.
    /theme/eb4_shop_004/shop/head.html.php, /theme/eb4_shop_004/head.html.php 파일 상단 구글폰트 링크 삭제
    /theme/eb4_shop_004/skin/shop/basic/css/shop_style.css, /theme/eb4_shop_004/css/style.css 파일 다음 소스 삭제
    body, h1, h2, h3, h4, h5, h6 {font-family:'Noto Sans KR',sans-serif;}
    그외 각 스킨 및 파일에 사용된 font-family 스타일 삭제

테마 디자인에 따른 상품 이미지

해당 테마는 아래의 이미지와 같이 흰색 계열의 바탕색에 제품을 표현하는 이미지를 등록해 제품명과 가격등을 사이드에서 표현하는 디자인을 가지고 있습니다.
다양한 색상이 들어간 이미지 상품은 해당 테마와 어울리지 않을 수 있으니 참고 바랍니다.

image

테마 메인과 편집모드

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

  • 메인 페이지 로더
    • · 메인페이지 로딩 시간 동안 출력되는 화면입니다.
    • · /theme/eb4_shop_004/shop/index.html.php 파일 '페이지 로더' 부분에 각 소스가 있으며 시간 조정 및 스타일 수정을 합니다.
    • · 이미지는 /theme/eb4_shop_004/image/site_logo_white.png 파일이 출력되며 편집모드를 통해 로고를 등록하면 등록된 로고 이미지가 출력됩니다.
  • Header(상단 레이아웃)
    • · 로고, 메뉴, 로그인등 출력되며 편집모드 등을 통해 설정할 수 있습니다.
    • · 좌측 메뉴 폭을 고려해 메뉴 등록 또는 스타일 수정을 하기 바랍니다.
    • · 편집모드 외에 출력 부분은 /theme/eb4_shop_004/shop/shop.head.html.php 파일에서 수정합니다.
  • 메인 슬라이더(EB슬라이더)
    • · 대표/서브 타이틀, 설명문구, 연결주소 입력하며 해당 순서대로 출력됩니다.
    • · 설명문구에 span태그 사용시 파란색 출력됩니다.
    • · 이미지 비율 2560x1700 픽셀 이미지를 등록합니다.
    • · /theme/eb4_shop_004/skin/ebslider/shop004_main_slider/ebslider.skin.html.php
  • 갤러리 배너 (EB콘텐츠)
    • · 이미지 비율 1000x900 픽셀 이미지를 등록합니다.
    • · 텍스트 필드 #1에 span태그 사용시 파란색 출력합니다.
    • · /theme/eb4_shop_004/skin/ebcontents/shop004_gallery_banner/ebcontents.skin.html.php
  • THE REST IS HERE(EB상품)
    EB상품은 자동 설치가 되지 않으니 마스터 생성과 아이템 추가 후 /eb4_shop_004/shop/index.html.php 파일(69줄)에 치환코드를 교체하기 바랍니다.
    EB상품 가이드 : http://eyoom.net/bbs/board.php?bo_table=eb4_theme_guide&wr_id=36
    • · 이윰빌더에서 제공하는 분류(카테고리) 상품 출력 스킨입니다.
    • · 아이템에 출력할 분류(카테고리)등록하며 아이템별로 탭이 추가됩니다.
    • · 대표 연결주소 입력시 탭 하단에 'More show' 버튼 링크 출력됩니다.
    • · /theme/eb4_shop_004/skin/ebgoods/shop004_gallery_tabs/ebgoods.skin.html.php
  • Recommend Products(추천상품)
    • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 설정합니다.
    • · 타이틀과 상품유형 변경은 /theme/eb4_shop_004/shop/index.html.php 파일에서 수정합니다.
    • · /theme/eb4_shop_004/skin/shop/basic/main.20.skin.html.php
  • 슬라이더 배너(EB콘텐츠)
    • · 이미지 비율 #1(pc) : 2560x630 / #2(mobile) : 900x630 픽셀 이미지 등록합니다.
    • · 텍스트 필드 #1 - 좌측, #2 - 우측 출력됩니다.
    • · /theme/eb4_shop_004/skin/ebcontents/shop004_slider_banner/ebcontents.skin.html.php
  • NEW ARRIVALS(최신상품)
    • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 설정합니다.
    • · 타이틀과 상품유형 변경은 /theme/eb4_shop_004/shop/index.html.php 파일에서 수정합니다.
    • · /theme/eb4_shop_004/skin/shop/basic/main.30.skin.html.php
  • All day Event(이벤트)
    • · 영카트5에서 제공하는 기본 콘텐츠 입니다. (sir 이벤트 가이드 참고 : https://sir.kr/manual/yc5/130)
    • · 관련상품 및 디자인에서 상품 등록하며 자세한 사항은 영카트5 매뉴얼 참고합니다.
    • · 출력이미지 폭(500) 높이(0) 설정합니다.
    • · 이벤트 제목 입력과 배너이미지 등록합니다.
    • · /theme/eb4_shop_004/skin/shop/basic/boxevent.skin.html.php
    • · '관리자 - 테마설정관리 - 테마환경설정 - 메인설정'에서 쇼핑몰 메인 선택시 출력되지 않습니다.
      (이벤트는 쇼핑몰에서만 사용 가능한 기능으로 설정시 커뮤니티로 인식해 미출력됨)
  • BARGAIN SALE(할인상품)
    • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 설정합니다.
    • · 타이틀과 상품유형 변경은 /theme/eb4_shop_004/shop/index.html.php 파일에서 수정합니다.
    • · /theme/eb4_shop_004/skin/shop/basic/main.50.skin.html.php
  • 할프 배너(EB콘텐츠)
    • · 이미지 비율 1280x700 픽셀 이미지 등록합니다.
    • · 텍스트 필드 #2 입력시 br 태그 사용합니다.
    • · /theme/eb4_shop_004/skin/ebcontents/shop004_slider_banner/ebcontents.skin.html.php
  • Footer(하단 레이아웃)
    • · 푸터 메뉴와 소셜링크는 직접 /theme/eb4_shop_004/shop/shop.tail.html.php 파일에서 수정합니다.
    • · 회사 정보와 패밀리 사이트는 편집모드를 이용해 수정합니다.
    • · 패밀리 사이트 스킨 /theme/eb4_shop_004/skin/ebcontents/shop004_family_site/ebcontents.skin.html.php

테마 패치내역

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

버전 1.0.1 (2019.08.08)
  • · theme/eb4_shop_004/css/shop-style.css
  • · theme/eb4_shop_004/css/shop-style-nr.css
  • · theme/eb4_shop_004/js/shop-app.js
  • · theme/eb4_shop_004/shop/shop.head.html.php
  • · theme/eb4_shop_004/shop/shop.tail.html.php
  • · theme/eb4_shop_004/head.sub.html.php
  • · theme/eb4_shop_004/head.html.php
  • · theme/eb4_shop_004/tail.html.php
버전 1.0.0 (2019.06.25)
  • · 테마 출시