# 🧑‍🎨 디자인 에디터

## 섹션 추가하기

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

<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="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2Fsr1Og1v0YoH65mfXw5ay%2F%EC%84%B9%EC%85%98%EC%B6%94%EA%B0%80%ED%95%98%EA%B8%B0_2.gif?alt=media&#x26;token=97e28b33-a4e2-41d4-8252-d1874109f37c" 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%2Fn5InTfuCXPmuXL2rdXwo%2F%ED%83%9C%EA%B7%B8.gif?alt=media&#x26;token=fb0d2117-a834-4716-a7cc-3d0ffb47d651" alt=""><figcaption></figcaption></figure>

<details>

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

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

</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%2FYBSzpkobNc1ICCC1Suco%2F%EC%8A%A4%ED%83%80%EC%9D%BC%ED%8E%B8%EC%A7%91_1.gif?alt=media&#x26;token=015a0620-427e-4ae4-bab4-c9866fbc9393" alt=""><figcaption></figcaption></figure>

## 개별 편집

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

<figure><img src="https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ld5OD2VFGhsB7IF4FTG%2Fuploads%2FJcjSzHzKNsVW9mbroHJL%2F%EA%B0%9C%EB%B3%84%ED%8E%B8%EC%A7%91.gif?alt=media&#x26;token=f5a27cb6-8340-49f3-a44b-dd7f195f6238" alt=""><figcaption></figcaption></figure>