# 마이 플랜트(My Plant)

> **`카테고리`** 화훼
>
> **`지원 솔루션`** 고도몰
>
> **`글로벌`** 지원 (한국어, 영어, 중국어, 일어)
>
> [샘플샵📱 보기 →](http://m.design210.godomall.com/)
>
> [디자인센터 바로가기 →](https://design.nhn-commerce.com/freeskin.php)

<details>

<summary>포인트 컬러 일괄 변경하기</summary>

![](https://2478997954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ4835cBGqYqyT5gSFgxN%2Fuploads%2FohoDIvbW6dNcfv1T8KzF%2Fimage.png?alt=media\&token=7a644ce9-0339-4ec9-b1e2-3fb6e8a0f70e)

1. 컬러코드값 확인\
   My Plant 스킨에 적용되어 있는 기본 컬러 코드 **#ea4379**을 확인합니다.&#x20;
2. **디자인 스킨 리스트 접속** | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트\
   해당 스킨이 상점별 작업스킨에 체크 되어있어야 합니다.&#x20;
3. **스타일시트/CSS 변경** | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트\
   좌측 하단 폴더트리 내 스타일시트/CSS더블 클릭하여 아래와 같이 표시된 **스타일 시트**를 오픈합니다.

![](https://2478997954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ4835cBGqYqyT5gSFgxN%2Fuploads%2FI2rmBEJ66WcfGGLJIZDY%2Fimage.png?alt=media\&token=9d3ca2ca-41d8-4cad-a7a7-beabcf13b18d)<br>

4. ctrl+F 검색 후 수정하기\
   스타일시트 파일을 열어 **Ctrl + F(검색)**&#xB97C; 누르고 **#ea4379**를 검색하여 **원하는 포인트 컬러 코드**로 변경합니다.&#x20;

css/gd\_button.css (153)

css/gd\_common.css (5)&#x20;

css/gd\_layout.css (1)&#x20;

css/gd\_plus\_review\.css (7)&#x20;

css/event/event.css (3)&#x20;

css/goods.css (10)&#x20;

css/goods/list/list\_01.css (4)&#x20;

css/goods/list/list\_02.css (4)&#x20;

css/goods/list/list\_04.css (4)&#x20;

css/goods/list/list\_06.css (4)&#x20;

css/goods/list/list\_07.css (4)&#x20;

css/goods/list/list\_09.css (3)&#x20;

css/goods/list/list\_11.css (7)&#x20;

css/main/main.css (1)&#x20;

css/mypage/mypage.css (13)

css/order/order.css (12) &#x20;

</details>

<details>

<summary>메인슬라이드 미사용 시 유의사항</summary>

![](https://2478997954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ4835cBGqYqyT5gSFgxN%2Fuploads%2FTbGJkmkyR0o8Ud5jR6Wz%2Fimage.png?alt=media\&token=315d5006-1dc9-43c0-8393-810fb1a86205)

해당스킨은 메인슬라이드 영역을 높게 사용한 디자인이 특징입니다.\
상단 (메뉴/로고/장바구니/검색) 영역이 구분없이 작업되었습니다.

메인슬라이드를 사용하지 않을 시에는, 하단 공지사항과 겹치는 이슈가 있어\
미사용 시, 아래의 변경 조치를 하시길 바랍니다.

padding : 96px 20px 20px 20px 로 변경합니다.\
`변경 위치` css > main > main.css \
&#x20; `18` .main .main\_notice {display:table; width:100%; margin:0 auto; <mark style="background-color:orange;">padding:20px</mark>; top border-bottom: 1px solid #e8e8e8; box-sizing:border-box;}

</details>

<details>

<summary>스킨 메인 리뷰 변경하기</summary>

![](https://2478997954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ4835cBGqYqyT5gSFgxN%2Fuploads%2FTWftH4dbLRd9jcTs2lrw%2Fimage.png?alt=media\&token=cacfd136-3323-43f0-be1b-39331a2e7c36)

해당리뷰 영역은 이미지로 작업되었습니다.\
무료PSD를 다운받으시면 해당영역을 제공하고 있습니다.&#x20;

1. 리뷰내용 수정\
   **관리자내 모바일샵  >  모바일샵 디자인 설정 > 움직이는 배너관리**에서 수정
2. 배경이미지 수정\
   **관리자내 모바일샵  >  모바일샵 디자인 설정 > 배너관리**에서 수정&#x20;
3. 타이틀명 수정 \
   **관리자내 모바일샵  >  모바일샵 디자인 설정 > 배너관리**에서 수정

</details>

<details>

<summary>상품진열 그림자 효과 사용하기</summary>

![](https://2478997954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ4835cBGqYqyT5gSFgxN%2Fuploads%2FHmtZ8hZYr2UytoBHijQ4%2Fimage.png?alt=media\&token=239f55ad-b684-4280-940c-6816621e1d3b)

`사용 방법`\
관리자 내 상품 등록 시, **메인페이지 상품진열 > 모바일 > 인기상품**에 진열상품 노출

`미사용 시`\
사용하고 싶지 않으신 분들은, 베스트상품이나 추천상품을 사용하시면 됩니다.&#x20;

</details>
