> 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/gallery-section.md).

# 📸 갤러리 섹션

## 갤러리 섹션 추가하기

갤러리 섹션 추가하는 방법은 [<mark style="background-color:blue;">**여기**</mark>](/learn-sixshop/store-design/easy-design/design-edit.md#undefined) 👈에서 확인해 주세요!

<details>

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

1. 식스샵 로그인 후 왼쪽 위의 ‘디자인 편집’ 클릭
2. 왼쪽 아래 ‘섹션 추가하기 +’ 클릭
3. 갤러리 섹션 클릭

</details>

## 갤러리 섹션 이미지 등록하기

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

<details>

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

1. 연필 모양(개별 편집) 클릭
2. 하단의 \[+이미지]를 클릭하여 이미지 등록
3. 이미지의  톱니바퀴(설정) 아이콘 클릭해서 제목, 설명 등 설정

* 샘플 이미지 삭제하기: 이미지에 마우스를 대면 확인되는 휴지통(삭세) 아이콘 클릭
* 이미지 순서 변경하기: 이미지를 드래그하여 순서 변경

</details>

## 갤러리 섹션 개별 편집하기

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

<details>

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

1. 연필 모양(개별 편집) 아이콘 클릭
2. '디자인'탭  클릭&#x20;

* 종류를 **\[슬라이드]**&#xB85C; 선택하면 <mark style="background-color:blue;">**전환 효과를 설정**</mark>할 수 있어요.
* 썸네일 클릭할 때를 **\[팝업창으로 확대하기]**&#xB97C; 선택하면 <mark style="background-color:blue;">**이미지가 팝업창으로 확대**</mark>돼요.&#x20;
* 썸네일 클릭할 때를 **\[링크열기]**&#xB97C; 선택하면 <mark style="background-color:blue;">**연결한 링크로 이동**</mark>해요.&#x20;
* 팔레트 모양(스타일 편집) 아이콘을 클릭하면 갤러리 섹션의 공통 스타일을 편집할 수 있어요.

</details>