# 클레마티스(clematis)

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

<details>

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

1. 컬러코드값 확인\
   clematis 스킨에 적용되어 있는 기본 컬러 코드 **#ab3e55**을 확인합니다. \
   ![](/files/8hxoYc8mu5klwQ6nMPg4)
2. **관리자 > 디자인 메뉴 접속** &#x20;
3. **스타일시트/CSS 변경** \
   좌측 하단 폴더트리 내 스타일시트/CSS더블 클릭하여 아래와 같이 표시된 **스타일 시트**를 오픈합니다.\
   ![](/files/T6eOzgphvj5zTabPNr3B)<br>
4. ctrl+F 검색 후 수정하기\
   스타일시트 파일을 열어 **Ctrl + F(검색)**&#xB97C; 누르고 **#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. 마우스 오버시 컬러 **#99354a**도 검색하여 **원하는 포인트 컬러 코드**로 변경합니다.&#x20;

</details>

<details>

<summary>상단 메뉴 변경하기</summary>

<img src="/files/tmPJE1SVVq7A9eVuiWfc" alt="" data-size="original">

✔️  **메뉴 색상 변경**&#x20;

`변경 위치` 스타일시트 > custom.css **85줄**\
&#x20; `85` .top\_member\_box > li a {  color: <mark style="background-color:orange;">#ffffff</mark>;  font-size: 13px;  font-weight: normal;}

✔️  **메뉴 배경 색상 변경**&#x20;

`변경 위치` 스타일시트 > layout > layout.css **215줄**\
&#x20; `215` #header .gnb .depth1 {display: none; position: absolute;    top: 48px; left: 0; width: 160px; background: <mark style="background-color:orange;">#a26d6d</mark>; z-index: 100;}

</details>

<details>

<summary>상품 이미지 사이즈 설정하기</summary>

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

⚠️상품 이미지 사이즈 설정 전, 각 상품 이미지 노출 위치 먼저 확인하시기 바랍니다. [상품이미지 사이즈 설정 매뉴얼 바로가기 > ](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)

✔️ **관리자 메뉴 위치** : 기본설정 > 상품 정책 > 상품 이미지 사이즈 설정\
![](/files/pXyEhQGnacjMrhsQpiz8)

✔️ **이미지 설정 예시**\
\- 가로 270 pixel / 세로 320 pixel (리스트그룹형 사이즈)\
&#x20; \- 가로 280 pixel / 세로 280 pixel (탭 진열형 사이즈)\
![](/files/gabiW7G2ehyJVH8t8QbE)

✔️ **탭 진열형 세팅하기**\
상품 > 상품 진열 관리 > 메인페이지 상품진열에서 **상품진열 테마선택에 탭진열형**을 선택합니다.

![](/files/b3uS2EgxL9CUdPW0WumS)

</details>

<details>

<summary>동영상 변경하기</summary>

**1️. 동영상 업로드하기**

먼저, 동영상을 업로드 합니다.\
샘플 사이트에서는 VIMEO 서비스를 사용했습니다. (<https://vimeo.com/)>\
⚠️ 유튜브 동영상 사용시에도 방법은 동일합니다.

![](/files/NFdY3RDVH0Hi7AxhVEQz)

**2. 동영상 복사하기**

임베딩 소스를 복사합니다.

![](/files/dETCgr5PzFRBpWlHj6pA)

**3.** **css 수정하기**

아래 가이드를 참고해 index.html 파일내  56번 줄에 위치한 아이프레임내 링크를 변경하고자 하는 링크로 수정합니다.

`변경 위치`  main > index.html **56줄**

![](/files/xIUlnt0eeDrSiDXXJg9u)

</details>

<details>

<summary>동영상 삭제하기</summary>

동영상 삽입 소스를 삭제해야 합니다.

`삭제 위치`  main > index.html **56줄**\
![](/files/HDuW8uVpzaNavrOd3rgC)

`삭제 위치`  main > index.html **54줄**\
![](/files/WGKk5iXbyFWoGUBh9ZkJ)

</details>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://godomall-help.nhn-commerce.com/beginner/design/freeskin/clematis.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.