테마 메인과 편집모드

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

• 메인 페이지 로더

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

• Header(상단 레이아웃)

  
  • · 로고, 메뉴, 로그인, 검색등 출력되며 로고와 메뉴는 편집모드 등을 통해 설정할 수 있습니다.
  • · 로그인, 검색, 메인메뉴 우측 버튼등은 직접 파일에서 수정합니다.
  • · 좌측 상단 링크는 커뮤니티 : G5_URL / 쇼핑몰 : G5_SHOP_URL 입니다.
  • · 쇼핑몰 검색은 상품을 커뮤니티 검색은 게시글을 검색하며 서로 소스는 다릅니다.
  • · 아이콘 이이미지는 /theme/eb4_shop_014/image/icons 폴더에 위치 합니다.
  • · 편집모드 외에 출력 부분은 /theme/eb4_shop_014/shop/shop.head.html.php 파일에서 수정합니다.

  헤더 슬라이더(EB슬라이더)

  • · 연결주소 [링크] #1 입력, 이미지 #1 업로드 합니다.
  • · 슬라이더 이미지만 출력되며 대표 타이틀은 슬라이더 명칭만 입력하고 출력되지 않습니다.
  • · 이미지 비율 301x70 픽셀 이미지 등록합니다.
  • · /theme/eb4_shop_014/skin/ebslider/shop014_header_slider/ebslider.skin.html.php

• 사이드 고정 콘텐츠

  

  좌측배너(EB콘텐츠)

  • · 아이템 이미지만 출력되는 스킨입니다.
  • · 이미지, 연결주소 입력합니다.
  • · 이미지 비율 220x550 픽셀 이미지 등록합니다.
  • · /theme/eb4_shop_014/skin/ebcontents/shop014_side_banner/ebcontents.skin.html.php
  • · 출력위치 /theme/eb4_shop_014/shop/shop.head.html.php

  고정메뉴

  • · 우측:고정 메뉴 / 모바일:하단메뉴가 출력됩니다.
  • · 내용은 직접 파일에서 수정합니다.
  • · 출력위치 /theme/eb4_shop_014/shop/shop.head.html.php

• 메인 슬라이더(EB슬라이더) / 메인 블럭 배너(EB콘텐츠)

  

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

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

  메인 블럭 배너(EB콘텐츠)

  • · 텍스트필드, 연결주소, 이미지등을 입력 또는 업로드 합니다.
  • · 텍스트 필드에 strong, br 태그 사용시 볼드체 줄바꿈 출력합니다.
  • · 이미지 비율 200x129 픽셀 이미지 등록합니다.
  • · EB컨텐츠 아이템 2개에 맞춰 디자인 되었습니다.
  • · /theme/eb4_shop_014/skin/ebcontents/shop014_main_block/ebcontents.skin.html.php

• EB상품

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

• 히트상품

  
  • · 출력 스킨 : main.10.skin.php
  • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 상품 출력수(1줄당 이미지 수 x 출력할 줄 수)와 이미지 사이즈 설정합니다.
  • · 상품유형 타입 : 히트(1), 추천(2), 신상(3), 인기(4), 할인(5)
  • · 상품 출력 열은 해당 파일에서 수정합니다.(테마설명과 설정 - 그리드 시스템 참고)
  • · /theme/eb4_shop_014/skin/shop/basic/main.10.skin.html.php

• 원배너(EB콘텐츠) & 추천상품

  

  원배너(EB콘텐츠)

  • · 연결주소, 이미지등을 입력 또는 업로드 합니다.
  • · 이미지 비율 pc:700x700 / mo:800x400 픽셀 이미지 등록합니다.
  • · EB컨텐츠 아이템 1개에 맞춰 디자인 되었습니다.
  • · /theme/eb4_shop_014/skin/ebcontents/shop014_one_banner/ebcontents.skin.html.php

  추천상품

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

• 최신상품

  
  • · 출력 스킨 : main.30.skin.php
  • · 관리자 - 쇼핑몰설정 - 쇼핑몰 초기화면에서 상품 출력수(1줄당 이미지 수 x 출력할 줄 수)와 이미지 사이즈 설정합니다.
  • · 상품유형 타입 : 히트(1), 추천(2), 신상(3), 인기(4), 할인(5)
  • · 상품 출력 열은 해당 파일에서 수정합니다.(테마설명과 설정 - 그리드 시스템 참고)
  • · /theme/eb4_shop_014/skin/shop/basic/main.30.skin.html.php

• 이벤트

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

• 인기상품

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

• 와이드 슬라이더(EB슬라이더)

  
  • · 연결주소 [링크] #1 입력, 이미지 #1 업로드 합니다.
  • · 슬라이더 이미지만 출력되며 대표 타이틀은 슬라이더 명칭만 입력하고 출력되지 않습니다.
  • · 이미지 비율 1200x300 픽셀 이미지 등록합니다.
  • · /theme/eb4_shop_014/skin/ebslider/shop014_wide_slider/ebslider.skin.html.php

• 할인상품

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

• 와이드 슬라이더(EB슬라이더)

  
  • · 연결주소 [링크] #1 입력, 이미지 #1 업로드 합니다.
  • · 슬라이더 이미지만 출력되며 대표 타이틀은 슬라이더 명칭만 입력하고 출력되지 않습니다.
  • · 이미지 비율 600x180 픽셀 이미지 등록합니다.
  • · /theme/eb4_shop_014/skin/ebslider/shop014_wide_slider/ebslider.skin.html.php

• Review(사용후기)

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

• Footer(하단 레이아웃)

  
  • · 회사 정보는 편집모드를 이용해 설정합니다.
  • · 푸터 메뉴, 소셜링크, 무통장입금정보, 카피라이트는 직접 파일 수정합니다.
  • · 최근본상품 출력 소스가 위치해 있으며 스킨파일은 /theme/eb4_shop_014/skin/shop/basic/boxtodayview.skin.html.php. 입니다.
  • · /theme/eb4_shop_014/shop/shop.tail.html.php

• Mobile(반응형웹)

  
  • · 모바일 출력 화면으로 화면 디바이스에 맞게 반응형으로 출력됩니다.
  • · 하단 버튼 메뉴는 홈(쇼핑몰)이동/최근본상품/장바구니/마이홈/관리자/로그아웃/메뉴 순서 입니다.
  • · 아이콘 이이미지는 /theme/eb4_shop_014/image/icons 폴더에 위치 합니다.