# 니모(NIMO)
> **`카테고리`** 식품
>
> **`지원 솔루션`** 고도몰
>
> **`글로벌`** 지원 (한국어, 영어, 중국어, 일어)
>
> [샘플샵🖥️ 보기 →](https://design22.godomall.com/)
>
> [디자인센터 바로가기 →](https://design.nhn-commerce.com/freeskin.php)
포인트 컬러 일괄 변경하기
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)에 넣어주시면 됩니다.
GNB영역 디자인 수정하기
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;}
상품 이미지 사이즈 설정하기
디자인 스킨을 다운받고, 그 디자인 컨셉에 맞게 상품 세팅을 하려면, \
가장 먼저 상품 이미지 사이즈 세팅이 필요합니다. \
\
⚠️단, 상품이 이미 등록되어있는 경우\
상품 이미지 사이즈 세팅을 다시 하면 모든 상품의 이미지 등록을 새로 진행해야 합니다.
⚠️상품 이미지 사이즈 설정 전, 각 상품 이미지 노출 위치 먼저 확인하시기 바랍니다. [상품이미지 사이즈 설정 매뉴얼 바로가기 > ](http://manual.godomall5.godomall.com/data/manual_view.php?category=policy__goods___goods_images#%EC%9D%B4%EB%AF%B8%EC%A7%80%EC%82%AC%EC%9D%B4%EC%A6%88%EC%84%A4%EC%A0%95%EB%B0%A9%EB%B2%95)
✔️ 관리자 메뉴 위치 : 기본설정 > 상품 정책 > 상품 이미지 사이즈 설정\
✔️ 상품 진열시에 필요한 이미지 사이즈\
\- 가로 180 pixel (리스트그룹형 사이즈)\
\- 가로 248 pixlel (심플이미지형 사이즈)\
\- 가로 320 pixel\
\- 가로 235 pixel
✔️ 가로 320 pixel 사이즈 이미지 설정 예시\
✔️ 가로 235 pixel 사이즈 이미지 설정 예시\
