# 🧑‍🎨 디자인 에디터

## 섹션 추가하기

쇼핑몰 디자인에 필요한 콘텐츠 요소를 추가할 수 있어요. \
추가할 수 있는 요소는 아래와 같아요. \
콘텐츠 요소별 자세한 내용이 궁금하다면 섹션 이름을 클릭해 주세요.🖱️👆

<table data-header-hidden><thead><tr><th width="175" align="center"></th><th width="157" align="center">  </th><th width="141" align="center">  </th><th width="152" align="center">  </th><th align="center">  </th></tr></thead><tbody><tr><td align="center"><a href="https://help.sixshop.com/learn-sixshop/store-design/sections-and-elements#4.">메인 배너 섹션</a></td><td align="center"><a href="https://help.sixshop.com/learn-sixshop/store-design/sections-and-elements#5.">상품 목록 섹션</a></td><td align="center"><a href="https://help.sixshop.com/learn-sixshop/store-design/sections-and-elements#5.">상품 슬라이드 섹션</a></td><td align="center"><a href="https://help.sixshop.com/learn-sixshop/store-design/sections-and-elements#7.">갤러리 섹션</a></td><td align="center"><a href="https://help.sixshop.com/learn-sixshop/store-design/sections-and-elements#8.">블로그 섹션</a></td></tr><tr><td align="center"><a href="https://help.sixshop.com/learn-sixshop/store-design/sections-and-elements#11.">사용자 편집 섹션</a></td><td align="center"><a href="https://help.sixshop.com/learn-sixshop/store-design/sections-and-elements#13.">전광판 배너 섹션</a></td><td align="center"><a href="https://help.sixshop.com/learn-sixshop/store-design/sections-and-elements#14.">후기 섹션</a></td><td align="center"><a href="https://help.sixshop.com/learn-sixshop/store-design/sections-and-elements#9.">지도 섹션</a></td><td align="center"><a href="https://help.sixshop.com/learn-sixshop/store-design/sections-and-elements#10.">인스타그램 섹션</a></td></tr></tbody></table>

<figure><img src="/files/FvJ1ufm0WZhG44H7URDW" alt=""><figcaption></figcaption></figure>

<details>

<summary>✏️ 섹션 추가 방법 글로 살펴보기</summary>

1. 식스샵 로그인 후 왼쪽 위의 ‘디자인 편집’ 클릭
2. 하단의 \[+ 섹션 추가하기 ▼] 클릭
3. 추가할 섹션 이름 클릭

</details>

## 태그 살펴보기

특정 콘텐츠 구성 요소를 선택하면 구성 요소의 이름과 편집할 수 있는 버튼이 있어요.

<figure><img src="/files/8xNasQ0ItGRF7iCRdvjG" alt=""><figcaption></figcaption></figure>

<details>

<summary>✏️ 태그 구성 글로 살펴보기</summary>

* 개별 편집: 선택 대상의 속성을 변경해요.
* 스타일 편집: 선택 대상과 동일한 유형 전체의 공통 속성을 변경해요.
* 위로 이동: 선택 대상을 위로 올려요.
* 아래로 이동: 선택 대상을 아래로 내려요.
* 다른 페이지로 이동: 선택 대상을 다른 페이지로 이동해요.
* 복제하기: 선택 대상과 동일한 복제본을 아래 붙여 넣어요.
* 삭제하기: 선택 대상을 삭제해요.
* 안내서 보기: 안내서 페이지로 이동해요.

</details>

## 스타일 편집

선택한 섹션과 <mark style="background-color:blue;">**동일한 유형 전체의 공통 속성**</mark>을 변경할 수 있어요.&#x20;

<figure><img src="/files/2LD9QIBSvB1Mhey9muIX" alt=""><figcaption></figcaption></figure>

## 개별 편집

선택한 요소의 설정만 변경할 수 있어요. \
개별 편집에서 설정한 내용은 <mark style="background-color:blue;">**지금 선택된 요소의 속성**</mark>만 변경돼요. 🧑‍🔧

<figure><img src="/files/yZp3d4nwAVO0GFg3mC37" alt=""><figcaption></figcaption></figure>


---

# 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/design-edit.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.