EB4_SHOP_026

본문 바로가기

미등록페이지

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

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

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최신글 등의 설정을 불러와 설정할 수 있습니다.

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

테마 설명 및 특이사항

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

  • 설치시 상품 등록은 지원하지 않기에 데모사이트와 같이 상품 출력 된 레이아웃은 출력되지 않습니다.(직접 관리자모드에서 상품 입력 해야합니다.)
  • 커뮤니티를 대신해 쇼핑몰이 메인으로 출력되게 설정되어 있으며 '관리자 - 테마설정관리 - 테마환경설정 - 메인설정'에서 설정 확인 및 변경 가능합니다.
    쇼핑몰을 메인으로 설정했어도 게시판과 페이지는 커뮤니티의 레이아웃 파일이 출력되기에 디자인 수정을 하신다면 테마&스킨( https://eyoom.net/page/eb4_theme_skin )을 참고해 쇼핑몰과 커뮤니티 파일을 동일하게 수정하기 바랍니다.
  • 쇼핑몰 설정 및 상품등록등과 관련해서는 sir.kr의 영카트5 매뉴얼(https://sir.kr/manual/yc5)를 참고하기 바랍니다.
  • 상품 등록시 이미지 비율을 동일하게 맞추기 바랍니다. 예)1000x1000픽셀 이미지 파일
  • 해당 테마는 사이드 레이아웃을 사용하지 않습니다.
  • 메인에서 편집모드를 통해 내용 및 이미지 수정이 가능하며 상품 등록 후에도 개별상품 설정이 가능합니다.
  • 관리자 - 쇼핑몰관리 - 분류관리
    • · 출력이미지 사이즈 : 폭(600) / 높이(0)으로 설정(반응형이기에 높이는 0)
    • · 상품 출력 수는 가로 수와 세로 수의 곱으로 출력되며 정렬은 해당 스킨 파일에서 수정합니다.
  • 관리자 - 쇼핑몰관리 - 쇼핑몰 초기화면
    • · 히트 : 스킨(main.10.skin.php:슬라이드형) / 1줄당 이미지 수(8) / 출력할 줄 수(1) / 이미지폭(400) / 이미지높이(0)
    • · 추천 : 스킨(main.20.skin.php:슬라이드형) / 1줄당 이미지 수(8) / 출력할 줄 수(1) / 이미지폭(400) / 이미지높이(0)
    • · 최신 : 스킨(main.30.skin.php:슬라이드형) / 1줄당 이미지 수(10) / 출력할 줄 수(1) / 이미지폭(400) / 이미지높이(0)
    • · 인기 : 스킨(main.40.skin.php:갤러리형) / 1줄당 이미지 수(6) / 출력할 줄 수(1) / 이미지폭(400) / 이미지높이(0)
    • · 할인 : 스킨(main.40.skin.php:갤러리형) / 1줄당 이미지 수(6) / 출력할 줄 수(1) / 이미지폭(400) / 이미지높이(0)
    • · 상품 출력 수는 1줄당 이미지 수와 출력할 줄 수의 곱으로 출력되며 목록 정렬은 해당 스킨 파일에서 수정합니다.
    • · main.10.skin.php, main.20.skin.php, main.30.skin.php 스킨은 슬라이드형으로 중복 사용시 클래스명 충돌로 오류가 발생하니 중복 사용이 안됩니다.
  • 관리자 - 쇼핑몰관리 - 기타설정
    • · 이미지폭(600) / 이미지높이(0)
    • · 상품 출력 수는 1줄당 이미지 수와 출력할 줄 수의 곱으로 출력되며 정렬은 해당 스킨 파일에서 수정합니다.
    • · 이미지(소) : 폭(400) / 높이(0)
    • · 이미지(중) : 폭(1000) / 높이(0)
  • 컬러와 폰트 사이즈등은 root 가상클래스를 이용했으며 /theme/eb4_shop_026/css/style.css 상단에 정의되어 있습니다.
    가상 클래스를 이용해 변수를 선언하고 동일하게 적용 및 변경이 가능해 수정에 용이 합니다.
    :root css 링크 : https://developer.mozilla.org/ko/docs/Web/CSS/:root
    폰트 사이즈 계산 px rem 링크(.5rem = 8px | 1rem = 16px ...) : https://nekocalc.com/px-to-rem-converter
  • 해당 테마는 구글 웹폰트 'Noto Sans KR', 'Poppins' 웹폰트를 사용했습니다.
    --basic-font는 사이트에 사용할 폰트, --en-font는 영어 폰트 입니다.
    폰트를 변경한다면 --basic-font, --en-font에 폰트를 변경하기 바랍니다.
    사용을 원치 않을 시 /theme/eb4_shop_026/head.sub.html.php 파일 구글 폰트 api 소스 삭제
    /theme/eb4_shop_026/css/style.css 파일 다음 소스 삭제
    --basic-font: 'Noto Sans KR', sans-serif;
    --en-font: 'Poppins', 'Noto Sans KR', sans-serif;
    body, h1, h2, h3, h4, h5, h6 {font-family: var(--basic-font);}
    .extra-font {font-family: var(--extra-font);}
    .en-font {font-family: var(--en-font);}

테마 편집모드

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

  • Header(상단 레이아웃)
    • · 로고, 메뉴등은 편집모드를 통해 설정할 수 있습니다.
    • · /theme/eb4_shop_026/shop/shop.head.html.php(/theme/eb4_shop_026/head.html.php) 파일에서 수정합니다.
    • · 오늘본상품 출력소스가 있으며 스킨은 /theme/eb4_shop_026/skin/shop/basic/boxtodayview.skin.html.php 파일 입니다.
      쇼핑몰외에 커뮤니티(게시판, 페이지등)에서는 오늘본상품 미출력됩니다.
    • · 상품 검색은 상품명과 기본설명으로 검색됩니다.
    • · 검색 키워드(EB콘텐츠) 등록 후 해당 키워드를 클릭하면 검색창에 입력됩니다.
    • · /theme/eb4_shop_026/skin/ebcontent/shpo_search_keyword/ebcontents.skin.html.php
  • 메인 슬라이더(EB슬라이더)
    • · 대표타이틀, 설명글, 연결주소 [링크] #1 입력, 이미지 #1,2 업로드 합니다.
    • · 이미지 비율 #1(pc) : 1920x800 픽셀 / #2(mobile) : 1000x800 이미지 사용.
    • · 767px 이하에서는 이미지 #2 출력됩니다.
    • · 파일 하단 스크립트에서 슬라이드 시간(delay) 설정합니다.
    • · /theme/eb4_shop_026/skin/ebslider/shop026_main_slider_shop/ebslider.skin.html.php
  • 브랜드
    • · '쇼핑몰관리 - 브랜드관리'에서 브랜드 설정합니다.
    • · 이미지 비율 128x128 픽셀 이미지 사용.
    • · '상품관리'에서 상품 등록시 '브랜드'에서 해당 브랜드를 선택.
    • · 쇼핑몰 메인 화면 해당 브랜드 클릭시 상품 목록에서 출력.
    • · 파일 하단 스크립트에서 슬라이드 시간(delay) 설정합니다.
    • · /theme/eb4_shop_026/skin/brand/basic/brand.skin.html.php
  • 메인 원 슬라이더(EB슬라이더)
    • · 대표타이틀, 설명글, 연결주소 [링크] #1 입력, 이미지 #1,2 업로드 합니다.
    • · 이미지 비율 #1 : 600x800 픽셀 / #2 : 1200x700 이미지 사용.
    • · 1199px 이하에서는 이미지 #2 출력.
    • · 슬라이드 시간 설정은 delay에서 설정.
    • · /theme/eb4_shop_026/skin/ebslider/shop026_main_slider_shop/ebslider.skin.html.php
    히트상품
    • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 상품 출력수(1줄당 이미지 수 x 출력할 줄 수)와 이미지 사이즈 설정합니다.
    • · 스킨:main.10.skin.php / 이미지수:8 / 줄수:1 / 이미지폭:400 / 이미지높이:0
    • · 타이틀, 상품유형 변경은 /theme/eb4_shop_026/shop/index.html.php 파일에서 수정합니다.
    • · 상품유형 타입 : 히트(1), 추천(2), 신상(3), 인기(4), 할인(5)
    • · main.10.skin.php 스킨은 슬라이더 형식이며 해당 파일 하단 스크립트에서 상품 출력 수(perPage)와 슬라이드 시간(interval) 조정합니다.
    • · /theme/eb4_shop_026/skin/shop/basic/main.10.skin.html.php
    • · 타이틀은 /theme/eb4_shop_026/shop/index.html.php 파일에서 수정합니다.
    추천상품
    • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 상품 출력수(1줄당 이미지 수 x 출력할 줄 수)와 이미지 사이즈 설정합니다.
    • · 스킨:main.10.skin.php / 이미지수:8 / 줄수:1 / 이미지폭:400 / 이미지높이:0
    • · 타이틀, 상품유형 변경은 /theme/eb4_shop_026/shop/index.html.php 파일에서 수정합니다.
    • · 상품유형 타입 : 히트(1), 추천(2), 신상(3), 인기(4), 할인(5)
    • · main.20.skin.php 스킨은 슬라이더 형식이며 해당 파일 하단 스크립트에서 상품 출력 수(perPage)와 슬라이드 시간(interval) 조정합니다.
    • · /theme/eb4_shop_026/skin/shop/basic/main.20.skin.html.php
    • · 타이틀은 /theme/eb4_shop_026/shop/index.html.php 파일에서 수정합니다.
    신상품
    • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 상품 출력수(1줄당 이미지 수 x 출력할 줄 수)와 이미지 사이즈 설정합니다.
    • · 스킨:main.10.skin.php / 이미지수:8 / 줄수:1 / 이미지폭:400 / 이미지높이:0
    • · 타이틀, 상품유형 변경은 /theme/eb4_shop_026/shop/index.html.php 파일에서 수정합니다.
    • · 상품유형 타입 : 히트(1), 추천(2), 신상(3), 인기(4), 할인(5)
    • · main.30.skin.php 스킨은 슬라이더 형식이며 해당 파일 하단 스크립트에서 상품 출력 수(perPage)와 슬라이드 시간(interval) 조정합니다.
    • · /theme/eb4_shop_026/skin/shop/basic/main.30.skin.html.php
    • · 타이틀은 /theme/eb4_shop_026/shop/index.html.php 파일에서 수정합니다.
  • 투 배너(EB콘텐츠)
    • · 텍스트필드 #1~2, 설명글, 연결주소#1, 이미지#1 을 입력 및 등록합니다.
    • · 이미지 비율 #1 : 1000x650 픽셀 이미지 사용.
    • · /theme/eb4_shop_026/skin/ebcontent/shop026_shop_two_banner/ebcontents.skin.html.php
  • EB상품
    • · 이윰빌더에서 제공하는 분류(카테고리) 상품 출력 스킨입니다.('관리자 - 테마설정관리 - EB상품추출관리'에서 설정)
    • · 아이템에 출력할 분류(카테고리)등록하며 아이템별로 탭이 추가됩니다.
    • · 상품이미지 출력 여부 : 사용 / 이미지 사이즈 : 400 x 0
    • · 대표 연결주소 입력시 탭 하단에 '자세히 보기' 버튼 링크 출력됩니다.
    • · 상품 출력 열은 해당 파일에서 수정합니다.(그리드 시스템 참고 : https://eyoom.net/page/eb45_code_1)
    • · /theme/eb4_shop_026/skin/ebgoods/shop026_goods_tabs/ebgoods.skin.html.php
  • 메인 와이드 슬라이더(EB슬라이더)
    • · 대표타이틀, 설명글, 연결주소 [링크] #1 입력, 이미지 #1,2 업로드 합니다.
    • · 이미지 비율 #1(pc) : 1400x500 픽셀 / #2(mobile) : 1000x600 이미지 사용.
    • · 767px 이하에서는 이미지 #2 출력됩니다.
    • · 파일 하단 스크립트에서 슬라이드 시간(delay) 설정합니다.
    • · /theme/eb4_shop_026/skin/ebslider/shop026_main_slider_shop/ebslider.skin.html.php
  • 메인 원 슬라이더(EB슬라이더)
    • · 대표타이틀, 설명글, 연결주소 [링크] #1 입력, 이미지 #1,2 업로드 합니다.
    • · 이미지 비율 #1 : 600x800 픽셀 / #2 : 1200x700 이미지 사용.
    • · 1199px 이하에서는 이미지 #2 출력.
    • · 슬라이드 시간 설정은 delay에서 설정.
    • · /theme/eb4_shop_026/skin/ebslider/shop026_main_slider_shop/ebslider.skin.html.php
    인기상품
    • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 상품 출력수(1줄당 이미지 수 x 출력할 줄 수)와 이미지 사이즈 설정합니다.
    • · 스킨:main.40.skin.php / 이미지수:6 / 줄수:1 / 이미지폭:400 / 이미지높이:0
    • · 타이틀, 상품유형 변경은 /theme/eb4_shop_026/shop/index.html.php 파일에서 수정합니다.
    • · 상품유형 타입 : 히트(1), 추천(2), 신상(3), 인기(4), 할인(5)
    • · main.40.skin.php 스킨은 갤러리 형식이며 가로 폭 992px 이상일 때 3개 미만일 때 2개가 출력됩니다.
    • · /theme/eb4_shop_026/skin/shop/basic/main.40.skin.html.php
    • · 타이틀은 /theme/eb4_shop_026/shop/index.html.php 파일에서 수정합니다.
    할인상품
    • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 상품 출력수(1줄당 이미지 수 x 출력할 줄 수)와 이미지 사이즈 설정합니다.
    • · 스킨:main.40.skin.php / 이미지수:6 / 줄수:1 / 이미지폭:400 / 이미지높이:0
    • · 타이틀, 상품유형 변경은 /theme/eb4_shop_026/shop/index.html.php 파일에서 수정합니다.
    • · 상품유형 타입 : 히트(1), 추천(2), 신상(3), 인기(4), 할인(5)
    • · main.40.skin.php 스킨은 갤러리 형식이며 가로 폭 992px 이상일 때 3개 미만일 때 2개가 출력됩니다.
    • · /theme/eb4_shop_026/skin/shop/basic/main.40.skin.html.php
    • · 타이틀은 /theme/eb4_shop_026/shop/index.html.php 파일에서 수정합니다.
  • 이벤트
    • · 영카트5에서 제공하는 기본 콘텐츠 입니다. (sir 이벤트 가이드 참고 : https://sir.kr/manual/yc5/130)
    • · 관련상품 및 디자인에서 상품 등록하며 자세한 사항은 영카트5 매뉴얼 참고합니다.
    • · 출력이미지 폭(600) 높이(0) 설정합니다.
    • · 이벤트 제목 입력과 배너이미지 등록합니다.(이미지 1000x1000픽셀 사용)
    • · 상품출력은 4개에 맞춰 제작.
    • · 상품출력 수 조정은 /eyoom/core/shop/boxevent.skin.php 파일 26줄 'limit' 에서 수 조정. limit 0, 3
    • · /theme/eb4_shop_026/skin/shop/basic/boxevent.skin.html.php
    • · '관리자 - 테마설정관리 - 테마환경설정 - 메인설정'에서 쇼핑몰 메인 선택시 출력되지 않습니다.
      (이벤트는 쇼핑몰에서만 사용 가능한 기능으로 설정시 커뮤니티로 인식해 미출력됨)
  • 쓰리 배너(EB콘텐츠)
    • · 텍스트필드 #1~2, 연결주소#1, 이미지#1 을 입력 및 등록합니다.
    • · 이미지 비율 #1 : 1000x1000 픽셀 이미지 사용합니다.
    • · /theme/eb4_shop_026/skin/ebcontent/shop026_shop_three_banner/ebcontents.skin.html.php
  • 상품후기
    • · 해당 파일에 디자인 및 출력 소스가 있습니다.
    • · 이미지 사이즈는 해당 부분 썸네일 출력 소스에서 설정(기본 설정 500x500).
    • · 슬라이드 시간 설정은 autoplaySpeed에서 설정합니다.
    • · /theme/eb4_shop_026/shop/index.html.php
    • · /theme/eb4_shop_026/css/style.css 파일 '사용자후기'부분 CSS스타일 출력
  • Footer(하단 레이아웃)
    • · 회사정보등은 편집모드를 통해 설정 할 수 있습니다.
    • · 푸터메뉴, 카피라이트는 해당 파일에서 직접 수정합니다.
    • · 입금계좌는 '고객센터 정보 - 전화번호2'에 입력합니다.
    • · /theme/eb4_shop_026/shop/shop.tail.html.php(/theme/eb4_shop_026/tail.html.php) 파일에서 수정합니다.
  • 모바일
    • · 폭 991px 이하에서 모바일 레이아웃 출력됩니다.
    • · 검색 키워드(EB콘텐츠) 등록 후 해당 키워드를 클릭하면 검색창에 입력됩니다.
    • · /theme/eb4_shop_026/skin/ebcontent/shop_search_keyword/ebcontents.skin.html.php

제품 게시판

제품 게시판 스킨에 대한 설명 드립니다.

  • · 제품에 대한 소개를 등록하는 게시판 스킨입니다.
  • · 여분필드 6~9번을 사용해 제품의 정보를 입력 및 출력합니다.
  • · 제품 소개 외에 커뮤니티 기능(추천, 별점, 블라인드, 스크랩등)들은 지원하지 않습니다.
  • · 파일 : theme/테마명/skin/board/product/
  • 게시판 설정(관리자 - 게시판관리)
    • · 이미지와 같이 기본 설정을 합니다.
    • · 관리자 외에 글쓰기, 답글, 댓글쓰기를 사용한다면 권한을 9이하로 설정합니다.
    • · 이미지 등록 및 출력은 파일 업로드로 하며 등록할 만큼 값을 설정합니다.
    • · 여분필드 6~9번까지 출력할 값을 설정 합니다.
  • 게시판 추가 설정(관리자 - 테마설정관리 - 게시판 추가설정)
    • · 이미지와 같이 설정을 합니다.
    • · 태그 미사용시 체크 해제 합니다.
  • 쓰기(write.skin.html.php)
    • · 각 항목 값을 입력 및 이미지 등록합니다.
    • · 여분필드 6~9번 항목 설정 값이 제목으로 출력됩니다.
    • · 첨부파일은 이미지 파일 등록하며 첫번째 이미지는 목록에서 출력됩니다.
  • 보기(view.skin.html.php)
    • · 입력한 내용들이 출력됩니다.
    • · 작성자, 날짜, 복사, 이동, 삭제, 글쓰기 등의 내용들은 권한 설정에 따라 확인 할 수 있습니다.
  • 목록(list.skin.html.php)
    • · 입력한 내용들이 출력됩니다.
    • · 삭제, 복사, 이동, 글쓰기등의 내용들은 권한 설정에 따라 확인 할 수 있습니다.

테마 패치내역

테마의 패치내역을 통해 해당 파일을 업데이트 합니다.

패치시 사용자가 직접 작업 및 수정한 내용에 대해서는 백업을 한 후 진행하기 바랍니다.

아래 링크에서 테마 패치내역을 확인하실 수 있습니다.

https://eyoom.net/patch_list_se4/71
상담신청