# 어라운드(AROUND)

> **`카테고리`** 인테리어
>
> **`지원 솔루션`** 고도몰
>
> **`글로벌`** 지원 (한국어, 영어, 중국어, 일어)
>
> [샘플샵📱 보기 →](http://m.design28.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%2FnLIm6wYHgNX0uAnb3sjN%2Fimage.png?alt=media\&token=88aa6bce-69a8-4b0b-9ad5-925b5dfe0d93)

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

![](https://2478997954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ4835cBGqYqyT5gSFgxN%2Fuploads%2FxetslIoUzAyZZ0rxSMEI%2Fimage.png?alt=media\&token=1d20dd9e-04da-41e6-83e1-fea2aaadb63e)<br>

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

</details>

<details>

<summary>메뉴 컬러 변경</summary>

![](https://2478997954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ4835cBGqYqyT5gSFgxN%2Fuploads%2FVJTkG8F8skmdNo7yyB4N%2Fimage.png?alt=media\&token=df70a28d-2769-46e5-a222-9e438154d5ca)

&#x20;✔️**메뉴 텍스트 컬러 변경**\
\
원하는 컬러 코드값으로 변경하세요.\
`변경 위치` css > proc.css  - \[color:<mark style="background-color:orange;">#컬러코드값</mark>]\
&#x20; `10`  .category\_side > li a { display:block;font-size:15px; color:<mark style="background-color:orange;">#181717</mark>;} &#x20;

</details>

<details>

<summary>메인 카테고리 슬라이드 배너 변경 및 삭제</summary>

ℹ️ 메인의 슬라이드 배너를 통해 보다 쉽게 해당 카테고리 제품페이지로 이동할 수 있도록 설정 가능합니다.\
해당 슬라이드 배너 영역을 변경 및 삭제할 수 있습니다.

![](https://2478997954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ4835cBGqYqyT5gSFgxN%2Fuploads%2FQTJvWr6SXUuNIFozTQjV%2Fimage.png?alt=media\&token=3d17fe59-889b-43fa-ab0d-d2715fe86a29)

✔️ **슬라이드 배너 변경**

* 모바일샵 > 모바일샵 디자인 설정 > 배너관리 > 배너등록\
  배너그룹 항목에서 '일반배너- 슬라이드 아이콘 배너' 를 선택 후\
  추가로 배너 이미지를 등록하여 슬라이드 배너를 추가할 수 있습니다
* 모바일샵 > 모바일샵 디자인 설정 > 배너관리\
  등록된 이미지를 변경하실 수 있으며 노출 여부(노출/미노출)를 선택하여 원하는 카테고리를 노출할 수 있습니다.&#x20;
* 팝업/배너 PSD 다운받기\
  제공되는 PSD의 이미지(140\*160)를 다운로드하여 디자인 수정 후 변경할 수 있습니다.&#x20;

![](https://2478997954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ4835cBGqYqyT5gSFgxN%2Fuploads%2Fq6KjVU1hVZ762VFAZWpg%2Fimage.png?alt=media\&token=0f4e9297-5718-41e5-aef7-02dbfd7adc69)

✔️ **슬라이드배너 삭제**&#x20;

* 스타일시트 > 메인 > 9번째줄부터 23번째줄\
  슬라이브 배너 영역을 미노출 하고 싶다면 스타일시트에서 삭제합니다.

</details>

<details>

<summary>메인 상품 탭버튼 색상 변경</summary>

![](https://2478997954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ4835cBGqYqyT5gSFgxN%2Fuploads%2FbHimS3jWUGnS0ZqUe7G0%2Fimage.png?alt=media\&token=eff139e4-6900-4d53-a726-a68299419cd2)

✔️ **탭 ON일 경우** \
\
원하는 컬러 코드값으로 변경하세요 \
`변경 위치` css > goods> list > list\_07.css - \[background:2px solid <mark style="background-color:orange;">#하단바 컬러값</mark>; color:<mark style="background-color:orange;">#텍스트컬러값;</mark>]\
&#x20; `11`  .goods\_prd\_item7 .tab\_box .tab li.on a { border-bottom:2px solid <mark style="background-color:orange;">#181717</mark>;color:<mark style="background-color:orange;">#181717</mark>!important;font-weight: bold;}&#x20;

✔️ **탭 OFF일 경우** \
\
원하는 컬러 코드값으로 변경하세요 \
`변경 위치` css > goods> list > list\_07.css 파일에  \[ color:<mark style="background-color:orange;">#텍스트컬러값</mark>;] \
&#x20; `9`   .goods\_prd\_item7 .tab\_box .tab li a {text-align:center;font-weight:bold;overflow:hidden;display:inline-block;width:100%;padding:7px 10px 7px 10px;font-size:13px;box-sizing:border-box;text-overflow:ellipsis;\
&#x20; `10`    white-space:nowrap;word-wrap:normal;border:1px solid #dfdfdf;border-left:none;background:#f3f3f3;color:<mark style="background-color:orange;">#8e8e8e</mark>;}

</details>

<details>

<summary>메인 기획전 슬라이드 배너 배경 변경</summary>

![](https://2478997954-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ4835cBGqYqyT5gSFgxN%2Fuploads%2FV1g3bTJZijFqlWNWqpoM%2Fimage.png?alt=media\&token=a33d938c-5b6d-4cf4-a67d-2a8554cebc2e)

* 모바일샵 > 모바일샵 디자인 설정 > 배너관리\
  (1) 배너그룹 항목에서 '기획전 슬라이드 배너 배경'를 선택합니다.\
  (2) 우측 수정 버튼을 클릭합니다.  \
  (3) 수정할 이미지(360 x 400)를 등록해주세요.

</details>