섹션이란?

섹션(section)은 식스샵에서 제작된 페이지를 구성하는 가장 큰 단위입니다. 다양한 섹션을 사용하여 디자인을 시작해보세요.

1. 식스샵으로 제작된 페이지는 섹션으로 이루어져 있습니다.

위쪽의 예시 페이지는 머리글과 바닥글을 포함하여 모두 5개의 섹션으로 이루어져 있습니다.

2. 섹션 추가하기

섹션은 화면 왼쪽 아래의 섹션 추가하기를 클릭하여 추가할 수 있습니다.

3. 섹션의 종류

3-1. 머리글

머리글은 모든 페이지 화면 가장 위에 항상 같은 모습으로 고정된 섹션입니다. 로고, 메뉴, 로그인 / 장바구니 / 상품 검색 표시, 아이콘을 포함하고 있습니다. 그리고 필요에 따라 메인 배너와 합치거나 특정 페이지에서 숨길 수도 있습니다.

3-2. 바닥글

바닥글도 머리글과 동일한 특성이 있습니다. 화면 가장 아래에 고정되어 있으며 메뉴, 법적 필수 정보, 아이콘을 포함하고 있습니다. (메인 배너와 합치기 기능은 머리글만 사용 가능합니다.)

3-3. 사용자 편집 섹션

사용자 편집 섹션은 나머지 섹션들과는 다른 특징을 가지고 있습니다. 이름과 같이, 섹션 안에 사용자가 원하는 요소들을 추가해 자유롭게 구성할 수 있습니다. 조금 더 자세한 설명은 요소에 대한 안내서를 참고하세요.

3-4. 메인 배너 섹션

메인 배너 섹션은 페이지 상단에 추가되는 배너입니다. 이미지나 동영상을 추가할 수 있는 슬라이드 형태이며 필요에 따라 제목, 설명, 버튼, 링크 등을 삽입할 수 있습니다. 메인 배너 섹션은 제작한 페이지의 첫인상과 분위기에 큰 영향을 끼치기도 합니다. (페이지당 1개만 추가할 수 있습니다.) 메인 배너 활용하기에서 조금 더 자세히 알아볼 수 있습니다.

3-5. 상품 목록 섹션

관리하기 페이지에서 등록한 상품을 보여주는 섹션입니다. 필요에 따라 원하는 카테고리를 선택하여 등록한 상품 중 일부만 보이게 할 수 있습니다. 예를 들어, 주력 상품만 원하는 위치에 따로 노출하고 싶을 경우에 활용할 수 있습니다. 상품 목록 섹션에 대한 자세한 내용은 상품 추가하기를 참고하세요.

3-6. 갤러리 섹션

이미지나 동영상을 전시할 수 있는 공간입니다. 클릭했을 때 이미지를 확대하거나, 링크를 걸어 다른 페이지로 이동하게 하는 등 다양한 기능을 가지고 있습니다.

3-7. 블로그 섹션

텍스트와 이미지 등이 포함된 글을 포스팅할 수 있습니다.

3-8. 지도 섹션

주소를 입력하면 위치가 표시되는 지도를 사용할 수 있습니다.

3-9. 상품 슬라이드 섹션

상품 목록을 슬라이드 형태로 만들 수 있습니다.

3-10. 인스타그램 섹션

인스타그램 계정을 동기화하여 갤러리로 활용할 수 있습니다.

지금까지 페이지를 구성하는 가장 큰 단위인 섹션에 대해 알아보았습니다. 섹션과 요소에 대한 안내서를 충분히 숙지하시면 디자인 편집 도구를 처음 사용하실 때 큰 도움이 될 것입니다.

관련된 안내서 보기

요소란?

SixShop | 식스샵 안내서입니다.

SixShop | 식스샵 안내서입니다.