> For the complete documentation index, see [llms.txt](https://help.makeshop.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.makeshop.co.kr/undefined/goods/undefined-1/undefined-6.md).

# 상품 색상 설정

색상이 다양한 상품 등록 시 메인 / 분류 / 상세 페이지에 상품에 대한 색상을 노출시킬 수 있는 메뉴에요.

## 관리자 메뉴 위치 

`상품` > `상품 관리` > `상품 등록`

## 메뉴 안내 및 설정 방법

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FknMS0rZ88qOINvsIbUkU%2F%EC%83%81%ED%92%88%EC%83%89%EC%83%81%20(1).png?alt=media&amp;token=262eb969-91ae-4759-956b-49ff516fda46" alt=""><figcaption></figcaption></figure>

* 고정 색상은 이미 만들어진 색상을 상품 등록 시 선택할 수 있어요.
* 개별 색상은 특이한 색상을 가진 상품 등을 등록할때 이미 만들어진 색상이 아닌 해당 상품에만 사용되는 색상을 개별적으로 등록할 수 있어요.
* 판매상품 색상 설정 사용함으로 설정해야 메뉴가 노출돼요.&#x20;
* 판매상품 색상 사용 설정 / 고정 색상 등록  메뉴 위치 : `디자인` > `디자인 부가 설정` > `쇼핑몰 화면 부가 설정`&#x20;

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2F1XvjdCayBZzqR056ylTO%2F%EC%83%81%ED%92%88%EC%83%89%EC%83%81%20(2).png?alt=media&amp;token=fe8b29b2-b910-4e29-b764-473c9d9ad5a7" alt=""><figcaption></figcaption></figure>

* &#x20;색상 만들기에 대해서는 색상 이름은 원하는 이름으로 입력이 가능해요.
* \[색상표] 버튼 클릭해서 등록하고자 하는 색상 선택 및 색상 코드를 직접 입력해서 색상 등록도 가능해요

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FXuWhLhoUr3JzWpjHm6xh%2F%EC%83%81%ED%92%88%EC%83%89%EC%83%81%20(3).png?alt=media&amp;token=0c4f79ec-90bc-4059-b3ec-a48d99bf9b6c" alt=""><figcaption></figcaption></figure>

* 등록한 색상은 상품 등록 시 상품 색상 설정 등록된 색상 부분에 노출돼요.
* 등록된 색상을 클릭하면 클릭한 색상이 선택된 색상으로 이동해요.

## 적용 화면

{% tabs %}
{% tab title="메인/분류 페이지" %}

<div align="left"><figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2Fyyrs298ob3xQZhDPRIc2%2F%EC%83%81%ED%92%88%EC%83%89%EC%83%81%20(4).png?alt=media&amp;token=b5d7432b-cd5d-404a-9b13-a6f642a555f8" alt=""><figcaption><p><mark style="color:blue;"><strong>메인/분류 페이지</strong></mark></p></figcaption></figure></div>
{% endtab %}

{% tab title="상세 페이지" %}

<div align="left"><figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2F1n3SLTy532DCVUbSmTMw%2F%EC%83%81%ED%92%88%EC%83%89%EC%83%81%20(5).png?alt=media&amp;token=99b3f1e9-50ac-4c71-aa77-7e33bc117cbe" alt=""><figcaption><p><mark style="color:blue;"><strong>상세 페이지</strong></mark></p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

{% hint style="warning" %}
참고

* 색상 적용해서 상품 등록 후 색상이 노출되지 않을 경우 소스 작업이 필요해요.
* [상품 색상 목록 태그 입력 방법 개별 디자인 TIP 게시글 \[클릭!\]](https://www.makeshop.co.kr/newmakeshop/home/faq_view.html?uid=1135)\
  [상품 상세 페이지 색상코드 입력 방법 개별 디자인 TIP 게시글 \[클릭!\]](https://www.makeshop.co.kr/newmakeshop/home/faq_view.html?uid=1080)
  {% endhint %}