테마 메인과 편집모드

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

• 메인 페이지 로더

  
  • · 메인페이지 로딩 시간 동안 출력되는 화면입니다.
  • · /theme/eb4_shop_013/shop/index.html.php 파일 '페이지 로더' 부분에 각 소스가 있으며 시간 조정 및 스타일 수정을 합니다.
  • · 이미지는 /theme/eb4_shop_013/image/site_logo.png 파일이 출력되며 관리자 로고 등록시 해당 이미지가 출력 됩니다.

• 탑 슬라이더(EB슬라이더)

  
  • · 연결주소 [링크] #1 입력, 이미지 #1, #2 업로드 합니다.
  • · 슬라이더 이미지만 출력되며 대표 타이틀은 슬라이더 명칭만 입력하고 출력되지 않습니다.
  • · 이미지 비율 1920x100(pc), 800x100(모바일) 픽셀 사이즈 등록합니다.
  • · /theme/eb4_shop_013/skin/ebslider/shop013_top_banner/ebslider.skin.html.php
  • · 출력위치 /theme/eb4_shop_013/shop/shop.head.html.php

• Header(상단 레이아웃)

  
  • · 로고, 메뉴, 로그인, 검색등 출력되며 로고와 메뉴는 편집모드 등을 통해 설정할 수 있습니다.
  • · 로그인, 검색, PC 우측 고정 메뉴와 모바일 하단 메뉴는 직접 파일에서 수정합니다.
  • · 아이콘 이이미지는 /theme/eb4_shop_013/image/icons 폴더에 위치 합니다.
  • · 편집모드 외에 출력 부분은 /theme/eb4_shop_013/shop/shop.head.html.php 파일에서 수정합니다.

• 사이드 배너(EB콘텐츠)

  
  • · 연결주소 [링크] #1 입력, 이미지 #1 업로드 합니다.
  • · 이미지 비율 300x650 픽셀 이미지 등록합니다.
  • · /theme/eb4_shop_013/skin/ebcontents/shop013_side_banner/ebcontents.skin.html.php
  • · 출력위치 /theme/eb4_shop_013/shop/shop.head.html.php

• 메인 슬라이더(EB슬라이더)

  
  • · 연결주소 [링크] #1 입력, 이미지 #1~2 업로드 합니다.
  • · 슬라이더 이미지만 출력되며 대표 타이틀은 슬라이더 명칭만 입력하고 출력되지 않습니다.
  • · 이미지 비율 pc:1920x800 / 모바일:1400x1000 픽셀 이미지 등록합니다.
  • · /theme/eb4_shop_013/skin/ebslider/shop013_main_slider/ebslider.skin.html.php

• Rosyhit(히트상품) / md's pick(추천) / new arrival(신상)

  
  • · 탭형식으로 히트, 추천, 신상품이 출력됩니다.
  • · 출력 스킨 : main.10.skin.php
  • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 상품 출력수(1줄당 이미지 수 x 출력할 줄 수)와 이미지 사이즈 설정합니다.
  • · 탭레이아웃과 타이틀, 상품유형 변경은 /theme/eb4_shop_013/shop/index.html.php 파일에서 수정합니다.
  • · 상품유형 타입 : 히트(1), 추천(2), 신상(3), 인기(4), 할인(5)
  • · 한줄당 상품 출력 열은 해당 파일에서 수정합니다.(그리드 시스템 참고 : 바로가기)
  • · 상품 출력 열은 해당 파일에서 수정합니다.
  • · /theme/eb4_shop_013/skin/shop/basic/main.10.skin.html.php

• 하프 슬라이더(EB슬라이더)

  
  • · 슬라이더 이미지만 출력되며 대표 타이틀은 슬라이더 명칭만 입력하고 출력되지 않습니다.
  • · 이미지 비율 1000x300 픽셀 이미지 등록합니다.
  • · /theme/eb4_shop_013/skin/ebslider/shop013_half_slider/ebslider.skin.html.php

• 메인 비디오 & Rosy Collection(EB상품)

  

  메인 비디오

  • · 데모 사이트에 출력되는 동영상은 제공되지 않습니다.
  • · 직접 서버에 mp4 동영상 파일 업로드 및 파일에 문구 입력으로 출력합니다.
  • · 파일 업로드 경로는 /theme/eb4_shop_013/shop/image/video/shop_video.mp4 입니다.
  • · 파일 수정은 /theme/eb4_shop_013/shop/index.html.php 입니다.

  Rosy Collection(EB상품)

  • · 이윰빌더에서 제공하는 분류(카테고리) 상품 출력 스킨입니다.('관리자 - 테마설정관리 - EB상품추출관리'에서 설정)
  • · 아이템에 출력할 분류(카테고리)등록하며 아이템별로 탭이 추가됩니다.
  • · 대표 연결주소 입력시 탭 하단에 'More show' 버튼 링크 출력됩니다.
  • · /theme/eb4_shop_013/skin/ebgoods/shop013_goods_tabs/ebgoods.skin.html.php

• Rosy Favorite(인기상품)

  
  • · 출력 스킨 : main.20.skin.php
  • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 상품 출력수(1줄당 이미지 수 x 출력할 줄 수)와 이미지 사이즈 설정합니다.
  • · 타이틀과 상품유형 변경은 /theme/eb4_shop_013/shop/index.html.php 파일에서 수정합니다.
  • · 상품유형 타입 : 히트(1), 추천(2), 신상(3), 인기(4), 할인(5)
  • · 해당 파일 하단 스크립트에서 상품 출력 열과 슬라이드 시간 조정합니다.
  • · /theme/eb4_shop_013/skin/shop/basic/main.20.skin.html.php

• Event Items(이벤트)

  
  • · 영카트5에서 제공하는 기본 콘텐츠 입니다. (sir 이벤트 가이드 참고 : https://sir.kr/manual/yc5/130)
  • · 관련상품 및 디자인에서 상품 등록하며 자세한 사항은 영카트5 매뉴얼 참고합니다.
  • · 출력이미지 폭(400) 높이(0) 설정합니다.
  • · 이벤트 제목 입력과 배너이미지 등록합니다.(이미지 800x260픽셀 사용)
  • · /theme/eb4_shop_013/skin/shop/basic/boxevent.skin.html.php
  • · 이벤트 상품은 4개만 출력되며 출력 수 조정은 /eyoom/core/shop/boxevent.skin.php 파일 26줄 'limit' 에서 수를 3으로 조정합니다.
  • · '관리자 - 테마설정관리 - 테마환경설정 - 메인설정'에서 쇼핑몰 메인 선택시 출력되지 않습니다.
    (이벤트는 쇼핑몰에서만 사용 가능한 기능으로 설정시 커뮤니티로 인식해 미출력됨)

• Rosy Discount(할인상품)

  
  • · 출력 스킨 : main.30.skin.php
  • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 상품 출력수(1줄당 이미지 수 x 출력할 줄 수)와 이미지 사이즈 설정합니다.
  • · 타이틀과 상품유형 변경은 /theme/eb4_shop_013/shop/index.html.php 파일에서 수정합니다.
  • · 상품유형 타입 : 히트(1), 추천(2), 신상(3), 인기(4), 할인(5)
  • · /theme/eb4_shop_013/skin/shop/basic/main.30.skin.html.php
  • · main.40.skin.php 스킨은 동일한 디자인의 슬라이드형 스킨입니다.

• 배너(EB콘텐츠)

  
  • · 아이템 이미지만 출력되는 스킨입니다.
  • · 이미지, 연결주소 입력합니다.
  • · 이미지 비율 1920x640 픽셀 이미지 등록합니다.
  • · /theme/eb4_shop_013/skin/ebcontents/shop013_main08_banner/ebcontents.skin.html.php

• Review(사용후기)

  
  • · 해당 파일에 디자인 및 출력 소스가 있습니다.
  • · 이미지 사이즈는 해당 부분 썸네일 출력 소스에서 설정(기본 설정 500x500).
  • · 아이템 출력 수는 해당 부분 스크립트 'slidesToShow'에서 값 조정.
  • · /theme/eb4_shop_013/shop/index.html.php

• Footer(하단 레이아웃)

  
  • · EB최신글은 EB최신글 가이드 참고 합니다.
  • · EB최신글 스킨 : /theme/eb4_shop_013/skin/eblatest/shop013_main_list/eblatest.skin.html.php
  • · 로고와 회사 정보는 편집모드를 이용해 설정합니다.
  • · 푸터 메뉴, 소셜링크, 카피라이트는 직접 파일 수정합니다.
  • · 최근본 상품 출력소스가 있으며 스킨은 /theme/eb4_shop_013/skin/shop/basic/boxtodayview.skin.html.php 파일 입니다.
  • · /theme/eb4_shop_013/shop/shop.tail.html.php

• Mobile(반응형웹)

  
  • · 모바일 출력 화면으로 화면 디바이스에 맞게 반응형으로 출력됩니다.
  • · 하단 버튼 메뉴는 홈(쇼핑몰)이동/최근본상품/장바구니/검색/마이홈/관리자/로그아웃/메뉴 순서 입니다.
  • · 아이콘 이이미지는 /theme/eb4_shop_013/image/icons 폴더에 위치 합니다.
  • · 홈(쇼핑몰)이동은 상호 간에 이동으로 이를 수정하고자 한다면 shop.head.html.php과 head.html.php 파일에서 각 링크를 수정하기 바랍니다.
  • · 홈 : G5_URL / 쇼핑몰 : G5_SHOP_URL