기업 테마 설명 및 특이사항

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

• 부트스트랩5를 이용한 테마이며 레이아웃의 경우 flexbox로 구성되어 있으니 CSS 스타일의 flex 속성을 확인 바랍니다.
  flex 링크 : https://developer.mozilla.org/ko/docs/Web/CSS/flex
• 해당 테마는 사이드 레이아웃을 사용하지 않는 디자인이며 비반응형을 지원하지 않습니다.
• 기업 테마에서는 이벤트와 최근본 상품 스킨, 장바구니 목록, 위시리스트 목록 등은 지원되지 않습니다.
• 메인과 서브페이지에서 편집모드를 통해 손쉽게 내용 및 이미지 수정이 가능합니다.
• 스타일과 레이아웃 수정은 에디터 프로그램으로 직접 파일을 열어 수정해야 하며 이윰 테마&스킨(https://eyoom.net/page/?pid=eb4_theme_skin)에서 구조를 참고하기 바랍니다.
• 기업 메인 페이지 스크롤 애니메이션은 aos 플러그인을 사용했습니다.
  각 스킨 파일에 출력 소스가 들어가 있으며 사용을 하지 않을 시 스킨파일에서 해당 소스(예: data-aos="fade-left")를 삭제하고 head.html.php, tail.html.php 파일에서 플러그인 소스를 삭제합니다.
  스크롤 이동시 애니메이션이 한번만 작동한다면 /theme/eb4_shop_021/tail.html.php 파일 하단 aos.js 설정 부분 once 값을 true로 변경합니다.
  aos.js(https://michalsnik.github.io/aos/)를 참고하기 바랍니다.
• 컬러와 폰트 사이즈등은 root 가상클래스를 이용했으며 /theme/eb4_shop_021/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_021/head.sub.html.php 파일 구글 폰트 api 소스 삭제
  /theme/eb4_shop_021/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_021/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_021/head.sub.html.php 파일 구글 폰트 api 소스 삭제
  /theme/eb4_shop_021/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);}