녹수 - 여성의류 쇼핑몰!

기업 테마 설명 및 특이사항

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

• 부트스트랩5를 이용한 테마이며 레이아웃의 경우 flexbox로 구성되어 있으니 CSS 스타일의 flex 속성을 확인 바랍니다.
  flex 링크 : https://developer.mozilla.org/ko/docs/Web/CSS/flex
• 해당 테마는 사이드 레이아웃을 사용하지 않는 디자인이며 비반응형을 지원하지 않습니다.
• 기업 테마에서는 이벤트와 최근본 상품 스킨, 장바구니 목록, 위시리스트 목록 등은 지원되지 않습니다.
• 메인과 서브페이지에서 편집모드를 통해 손쉽게 내용 및 이미지 수정이 가능합니다.
• 스타일과 레이아웃 수정은 에디터 프로그램으로 직접 파일을 열어 수정해야 하며 이윰 테마&스킨(https://eyoom.net/page/?pid=eb4_theme_skin)에서 구조를 참고하기 바랍니다.
• 메인화면은 fullpage 플러그인 사용으로 인해 파일 수정을 직접 하셔야 합니다.(HTML, CSS, JavaScript 사용자 분들에게 권장합니다.)
  • · 메인 파일 : /theme/eb4_shop_023/index.html.php
  • · fullpage는 메인슬라이더(Intro) 부터 footer(Information)까지 5개의 섹션으로 구성됐습니다.
  • · fullpage에 사용된 CSS, JavaScript는 상단에 위치해 있으며 스타일 수정과 배경이미지 경로등을 수정합니다.
  • · fullpage는 폭 992px 높이 600px을 기준으로 이상일때 작동을 합니다.
  • · 각 섹션 디자인은 index.html.php 파일과 각 EB콘텐츠, EB최신글 파일 CSS에 있습니다.
  • · fullpage 옵션을 통해 더 많은 옵션활용이 가능합니다.
      링크 : https://github.com/alvarotrigo/fullPage.js#options
  • · fullpage(v.2.9.4) 플러그인은 MIT 라이센스를 가진 버전입니다.
• 컬러와 폰트 사이즈등은 root 가상클래스를 이용했으며 /theme/eb4_shop_023/css/style.css 상단에 정의되어 있습니다.
  가상 클래스를 이용해 변수를 선언하고 동일하게 적용 및 변경이 가능해 수정에 용이 합니다.
  :root css 링크 : https://developer.mozilla.org/ko/docs/Web/CSS/:root
  폰트 사이즈 계산 px rem 링크 : https://nekocalc.com/px-to-rem-converter
• 해당 테마는 구글 웹폰트 'Noto Sans KR', 'Montserrat' 웹폰트를 사용했습니다.
  --basic-font는 사이트에 사용할 폰트 --en-font는 영어 폰트 입니다.
  폰트를 변경한다면 --basic-font와 --en-font에 폰트를 변경하기 바랍니다.
  사용을 원치 않을 시 /theme/eb4_shop_023/head.sub.html.php 파일 구글 폰트 api 소스 삭제
  /theme/eb4_shop_023/css/style.css 파일 다음 소스 삭제
  
  --basic-font: 'Noto Sans KR', sans-serif;
  --en-font: 'Montserrat', 'Noto Sans KR', sans-serif;
  body, h1, h2, h3, h4, h5, h6 {font-family: var(--basic-font);}
  .en-font {font-family: var(--en-font);}

쇼핑몰 테마 설명 및 특이사항

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

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