니모(NIMO)

1. 컬러코드값 확인 NIMO 스킨에 적용되어 있는 기본 컬러 코드 #ab3e55을 확인합니다.

2. 관리자 > 디자인 메뉴 접속

3. 스타일시트/CSS 변경 좌측 하단 폴더트리 내 스타일시트/CSS더블 클릭하여 아래와 같이 표시된 스타일 시트를 오픈합니다.

4. ctrl+F 검색 후 수정하기 스타일시트 파일을 열어 Ctrl + F(검색)를 누르고 #ab3e55를 검색하여 원하는 포인트 컬러 코드로 변경합니다. mypage.css (총 11개) layer.css (총 22개) common.css (총 26개) service.css (총 7개) order.css (총 7개) layout.css (총 22개) member.css (총 20개) goods.css (총 13개) list.css (총 4개) event.css (총 6개) board.css (총 15개) button.css (총 76개)

5. 마우스 오버시 컬러 #9b344a도 검색하여 원하는 포인트 컬러 코드로 변경합니다.

관리자 페이지 위치 디자인 > 디자인 설정 > 움직이는 배너 관리 등록된 움직이는 배너의 치환코드를 해당 영역(1)에 넣어주시면 됩니다.

1. 배경색 변경 | css > custom.css 회색 컬러코드(#f8f8f8)를 원하는 컬러 코드값으로 변경합니다. 변경 위치 스타일시트 > custom.css 31줄 31 .sub_menu_box .sub_depth0 > li > a.active{background:url('../img/common/btn/btn_gnb_list_over.png') no-repeat 95% center; background-color:#f8f8f8;}

2. 배경색, 텍스트 색상 변경 배경색 background의 none를 삭제 후 색상 코드값으로 변경 텍스트 color의 #202020을 원하는 코드값으로 변경

   변경 위치 스타일시트 > custom.css 36줄 36 .sub_menu_box .sub_depth1 li a.active{background:none; color:#202020; text-decoration:underline;}

3. 텍스트 라인 삭제 text-decoration의 underline을 none으로 변경합니다.

   변경 위치 스타일시트 > custom.css 36줄 36 .sub_menu_box .sub_depth1 li a.active{background:none; color:#202020; text-decoration:underline;}

디자인 스킨을 다운받고, 그 디자인 컨셉에 맞게 상품 세팅을 하려면, 가장 먼저 상품 이미지 사이즈 세팅이 필요합니다. ⚠️단, 상품이 이미 등록되어있는 경우 상품 이미지 사이즈 세팅을 다시 하면 모든 상품의 이미지 등록을 새로 진행해야 합니다.

⚠️상품 이미지 사이즈 설정 전, 각 상품 이미지 노출 위치 먼저 확인하시기 바랍니다. 상품이미지 사이즈 설정 매뉴얼 바로가기 >

✔️ 관리자 메뉴 위치 : 기본설정 > 상품 정책 > 상품 이미지 사이즈 설정

✔️ 상품 진열시에 필요한 이미지 사이즈 - 가로 180 pixel (리스트그룹형 사이즈) - 가로 248 pixlel (심플이미지형 사이즈) - 가로 320 pixel - 가로 235 pixel

✔️ 가로 320 pixel 사이즈 이미지 설정 예시

✔️ 가로 235 pixel 사이즈 이미지 설정 예시