[시즌3] 반응형 쇼핑몰 테마 #0018 (E3R_SHOP_0018) > 테마

테마 설치 후 아래 설정 가이드를 참고하여 주세요.

테마 환경설정 및 스킨 설정

• 쇼핑몰 테마를 메인으로 사용하고 싶다면 사이트 홈페이지 설정(http://eyoom.net/bbs/?t=140)에서 홈페이지 메인을 참고하기 바랍니다.
• 해당 테마는 사이드레이아웃을 사용하지 않는 테마로 사이드레이아웃 '사용안함'으로 설정되어 있습니다.
• 관리자 > 테마관리 > 테마환경설정 > 해당 테마 스킨설정 에서 아웃로그인 스킨은 shop0018_outlogin 으로 설정합니다.
• 쇼핑몰 메뉴설정은 쇼핑몰 메뉴등록(http://eyoom.net/bbs/?t=143)을 참고합니다.
• 관리자 - 쇼핑몰관리 - 쇼핑몰설정
  • 사업자 정보 입력 - 사업자 정보 관련 입력합니다.
  • 쇼핑몰 초기화면
    • NEW ARRIVALS(최신상품출력) - 스킨 (main.10.skin.php), 1줄당 이미지 수 (4), 출력할 줄 수 (1) - 상품 출력 수는 4개(4x1)가 출력되며 상품 4개만 출력하는 디자인으로 만들어짐
      • main.30.skin.php 와 main.10.skin.php 은 같은 디자인 입니다.
    • BEST SELLERS(인기상품출력) - 스킨 (main.20.skin.php), 1줄당 이미지 수 (4), 출력할 줄 수 (2) - 상품 출력 수는 8개(4x2)가 출력되며 원하는 출력수를 입력
      • main.40.skin.php 와 main.20.skin.php 은 같은 디자인 입니다.
  • 모바일 쇼핑몰 초기 화면 설정은 무시하시면 됩니다.
• 상품 페이지 목록의 스킨은 list.10.skin.html 이고 관련상품 스킨은 relation.10.skin.html 입니다.
• 커뮤니티 레이아웃도 쇼핑몰 레이아웃과 동일합니다.(head, tail)

쇼핑몰 파일 설정

• /eyoom/theme/e3r_shop_0018/skin_bs/shop/basic/head.skin.html 파일
  • 상단 테마 옵션에서 로고(텍스트/이미지), 메뉴 고정 유무, 상품이미지 보기(zoom/slider) 선택
  • EB슬라이더 헤더 슬라이더 치환코드 삽입되어 있음 - 슬라이더 추가시 이미지 사이즈는 동일하게 입력 예)2560x1440
    • 홍보할 배너를 관리자 모드에서 입력(http://eyoom.net/bbs/?t=Sl)
• /eyoom/theme/e3r_shop_0018/skin_bs/shop/basic/index.skin.html 파일
  • 타입별 상품은 2가지가 출력되며(인기, 최신상품) 해당 파일에서 상품 타입을 수정할 수 있습니다.
  • 메인 배너에서 링크 및 내용 수정
  • EB슬라이더 색션 슬라이더 1, 색션 슬라이더 2 치환코드 삽입되어 있음.
    • 개별 상품 및 홍보 배너를 관리자 모드에서 입력(http://eyoom.net/bbs/?t=Sl)
• /eyoom/theme/e3r_shop_0018/skin_bs/shop/basic/tail.skin.html 파일
  • 사이트 정보 입력
  • 쇼핑몰 Quick Menu 콘텐츠(하단 고정 메뉴)
    • 최근본 상품은 4개가 출력되고 더보기에서는 9개가 출력되며 해당 파일에서 출력 수 수정 가능
  • 전체 상품 검색 모달창 (pc에서 상단 돋보기 아이콘 클릭시 나오는 모달창)
  • 회원 버튼 콘텐츠 모달창 (우측 사람 아이콘 클릭시 나오는 모달창)

최신글 스킨 소스

• /eyoom/theme/e3r_shop_0018/main/index_bs.html 파일 아래 
  • shop0018_blog : 8줄 정도 최신글 스킨에 게시판 id 입력
  • shop0018_item_slider : 17줄 정도 상품출력 스킨에 타이틀, 상품 출력수, 타입등을 설정
    • type은 1~5까지 가능 ( 1:히트상품, 2:추천상품, 3:최신상품, 4:인기상품, 5:할인상품 )
• 최신글 문법 참조(http://eyoom.net/page/?pid=eb3_latest_grammar)

테마 설정 및 가이드

• 테마의 전반적인 설정 및 가이드 참조 ( http://eyoom.net/bbs/board.php?bo_table=eb3_theme_guide )