> For the complete documentation index, see [llms.txt](https://help.sixshop.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.sixshop.com/learn-sixshop/store-design/easy-design/design-edit.md).

# 🧑‍🎨 디자인 에디터

## 섹션 추가하기

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

<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>