# 🛒 상품 목록 섹션

상품 목록 섹션으로 \[식스샵 > 상품]에 등록한 상품을 내 상점에 노출할 수 있어요.

## 상품 등록하기

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FYRli2i7VNkocSsJwRsqN%2F%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D.gif?alt=media&#x26;token=4619a9fa-dfba-4fca-9927-08865fe2b377" alt=""><figcaption></figcaption></figure>

<details>

<summary>✏️ 등록 방법 글로 살펴보기</summary>

1. 식스샵 로그인 후 왼쪽 '상품' 클릭
2. 등록할 상품 정보 입력
3. 오른쪽 상단 \[저장] 클릭

* 카테고리를 선택하지 않으면 '미분류'에 등록돼요.
* '미분류'에 등록된 상품은 상품 목록 섹션에 노출할 수 없어요.
* 상세 설명에서 \[상품 > 공통 정보 관리]에 등록한 글을 선택하여 노출할 수 있어요.
* \[상점 설정 > 배송]에 등록한 배송 정책을 선택할 수 있어요.

</details>

## 상품 목록 섹션 추가하여 상품 노출하기

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2F37MZfWsZD9WWn0hz53VZ%2F%EC%83%81%ED%92%88%EB%85%B8%EC%B6%9C%ED%95%98%EA%B8%B0_800.gif?alt=media&#x26;token=e111162f-ac6d-42e1-9c41-38dcb4ee3355" alt=""><figcaption></figcaption></figure>

<details>

<summary>✏️ 설정 방법 글로 살펴보기</summary>

1. 식스샵 로그인 후 왼쪽 위의 ‘디자인 편집’ 클릭
2. 왼쪽 하단의 \[+ 색션 추가하기] 클릭
3. 상품 목록 섹션 클릭
4. 추가된 상품 목록 섹션을 더블 클릭하거나 연필 모양(개별 편집) 아이콘 클릭
5. \[카테고리]탭에서 노출할 상품의 카테고리 이름 앞 체크
6. 오른쪽 하단의 \[발행하기] 클릭

설정 중인 페이지에 이미 추가된 상품 목록 섹션이 있다면, 4번부터 설정해 주시면 됩니다.🙋

</details>

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FZSJ3jKctzLFT9jaBCg6b%2F%EC%83%81%ED%92%88%EB%AA%A9%EB%A1%9D%EC%84%B9%EC%85%982%EA%B0%9C.gif?alt=media&#x26;token=f4f6afb2-1d0c-45f4-bb4f-101c06db7dd6" alt=""><figcaption></figcaption></figure>

<details>

<summary>📢 상품 목록 섹션이 같은 페이지에 두 개 이상이면 필터와 쪽 번호를 사용할 수 없습니다.</summary>

페이지당 추가할 수 있는 개수 제한은 없지만, 같은 페이지에 <mark style="background-color:blue;">**두 개 이상의 상품 목록 섹션**</mark>이 있으면 <mark style="background-color:red;">**필터와 쪽번호를 사용할 수 없어요.**</mark>**&#x20;😢**

필터와 쪽 번호가 보이지 않는다면 필요 없는 상품 목록 섹션은 삭제해 주세요.

한 페이지에 여러 상품 목록 섹션을 사용하여 디자인하는 경우도 있으니, 상품 목록 섹션의 삭제가 필수는 아니에요.

</details>

## 상품 이름 스타일 편집하기

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FVVt5IwVJyMAhfVh3zGpO%2F%EC%83%81%ED%92%88%EB%AA%A9%EB%A1%9D%EC%84%B9%EC%85%98%EC%83%81%ED%92%88%EC%9D%B4%EB%A6%84%EC%84%A4%EC%A0%95.gif?alt=media&#x26;token=50d8b543-fa4c-40f2-b5ea-6752cd11aa8d" alt=""><figcaption></figcaption></figure>

<details>

<summary>✏️ 설정 방법 글로 살펴보기</summary>

1. 식스샵 로그인 후 왼쪽 위의 ‘디자인 편집’ 클릭
2. 왼쪽 하단의 (≡)메뉴를 클릭
3. 스타일 편집 클릭상품 목록 섹션 클릭
4. 상품 이름의 스타일 설정

</details>

## 가격 스타일 편집하기

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FyY11KtHFE0lBHeqd1phi%2F%EC%83%81%ED%92%88%EB%AA%A9%EB%A1%9D%EC%84%B9%EC%85%98%EA%B0%80%EA%B2%A9%EC%84%A4%EC%A0%95.gif?alt=media&#x26;token=e5068f00-ccb7-42c9-828c-91b5237a6052" alt=""><figcaption></figcaption></figure>

<details>

<summary>✏️ 설정 방법 글로 살펴보기</summary>

1. 식스샵 로그인 후 왼쪽 위의 ‘디자인 편집’ 클릭
2. 왼쪽 하단의 (≡)메뉴를 클릭
3. 스타일 편집 클릭
4. 상품 목록 섹션 클릭
5. 가격의 스타일 설정

</details>

## 필터 이름 변경하기

필터는 상품 목록 섹션의 카테고리 이름을 보여주는 기능인데요! \
처음 설정할 때는 카테고리 이름과 동일하게 등록되지만, 등록 이후에는 <mark style="background-color:blue;">**카테고리 이름을 변경해도 필터 이름은 변경되지 않아요.**</mark>&#x20;

카테고리 이름을 변경했거나, 카테고리와 필터 이름을 다르게 설정하고 싶다면 아래 변경 방법을 참고해 주세요. 😀

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FJBkcS0QRTyQBngv1mvJM%2F%ED%95%84%ED%84%B0%EC%9D%B4%EB%A6%84%EB%B3%80%EA%B2%BD800p.gif?alt=media&#x26;token=88bc1500-f7fc-4252-a841-7eaa06470bd6" alt=""><figcaption></figcaption></figure>

<details>

<summary>✏️ 변경 방법 글로 살펴보기</summary>

1. 식스샵 로그인 후 왼쪽 위의 ‘디자인 편집’ 클릭
2. 왼쪽 하단의 (≡)메뉴를 클릭
3. 상품 목록 섹션이 등록된 페이지 클릭
4. 추가된 상품 목록 섹션을 더블 클릭하거나 연필 모양(개별 편집) 아이콘 클릭
5. 필터이름을 변경할 페이지의 오른쪽 톱니 바퀴(설정) 아이콘 클릭
6. 변경할 필터 이름 입력
7. 오른쪽 하단의 \[발행하기] 클릭

</details>

### 🪄메뉴, 카테고리, 필터의 차이점

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FOYL4xMWo86usOb8oQjeL%2F%EB%A9%94%EB%89%B4%EC%99%80%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%ACp.gif?alt=media&#x26;token=0a5c1619-136c-43f0-bc57-2f095023713e" alt=""><figcaption></figcaption></figure>

<details>

<summary>✏️ 차이점 글로 살펴보기</summary>

* 메뉴

  페이지 관리 메뉴의 머리글 메뉴에 추가된 페이지 등이 노출돼요.\
  설정 버튼을 클릭해서 메뉴에서 숨기기가 가능해요.\
  하위 메뉴 만들기도 가능해요.<br>
* 카테고리\
  상품의 분류입니다. 1차 카테고리로만 설정이 가능해요.<br>
* 필터\
  상품 목록 섹션에서 상품 카테고리별로 보여주는 기능이에요.\
  상품 목록 섹션의 연필 모양(개별 편집) 아이콘을 클릭하고, 디자인 탭을 선택해 설정할 수 있어요. 카테고리 이름과 다르게 변경할 수 있어요.

</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://help.sixshop.com/learn-sixshop/store-design/easy-design/product-list-section.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.