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

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

SEARCH 검색

요소란?

요소는 사용자 편집 섹션에서만 사용되는 가장 작은 단위의 컨텐츠입니다. 요소들을 활용하여 페이지를 자유롭게 디자인해 보세요.

1. 사용자 편집 섹션의 특징

사용자 편집 섹션은 나머지 섹션들과는 다른 특징을 가지고 있습니다. 이름과 같이, 섹션 안에 사용자가 원하는 요소들을 추가해 자유롭게 구성할 수 있습니다.

위쪽의 예시 이미지는 11개의 요소로 구성된 3단 디자인의 사용자 편집 섹션입니다.

2. 사용자 편집 섹션 디자인 변경하기

사용자 편집 섹션의 개별 설정 패널(여백 부분 더블 클릭 혹은 태그의 연필 모양 아이콘)에서 너비, 단, 배경 등을 설정할 수 있습니다. 조금 더 자세한 설명은 디자인 편집하기에서 확인할 수 있습니다.

3. 요소 추가하기

3-1. 사용자 편집 섹션을 추가합니다.

화면 왼쪽 아래의 섹션 추가하기를 클릭하여 사용자 편집 섹션을 추가합니다.

3-2. 사용자 편집 섹션을 선택하면 나타나는 '요소 추가하기' 버튼을 클릭하여 원하는 요소를 추가합니다.

3-3. 요소는 위치한 사용자 편집 섹션 내에서만 드래그 앤 드랍 또는 각 요소에 달린 태그의 화살표 키로 이동할 수 있습니다.

4. 요소의 종류

4-1. 공백

필요한 부분에 높이 조절 가능한 공백을 삽입합니다.

4-2. 제목글, 줄글

페이지를 디자인할 때 사용되는 텍스트는 제목 용도의 텍스트와 본문과 같은 줄글 용도의 텍스트로 크게 나뉩니다. 통일감 있는 디자인을 위해 제목글과 줄글로 나눠 정해둔 글꼴 양식대로 사용할 수 있습니다. 필요에 따라 약간의 개별 설정도 가능합니다. 그리고 이 글꼴 양식들은 기본 제공 페이지 디자인(회원 가입, 장바구니 등)에도 자동으로 적용됩니다.

4-3. 이미지

이미지를 추가합니다. 보이는 설정을 다양하게 디자인할 수 있으며 링크도 삽입 가능합니다.

4-4. 동영상

유튜브비메오에 업로드된 동영상을 링크 주소로 간단히 추가할 수 있습니다.

4-5. 선

구분선 등의 용도로 사용할 수 있는 실선입니다. 선의 두께는 1px로 고정되어 있으며 너비와 정렬, 색상을 조절할 수 있습니다. 스타일 편집에 설정된 색상은 기본 제공 페이지 디자인에 자동 적용됩니다.

4-6. 슬라이드

이미지로 구성된 슬라이드입니다. 이미지에는 링크를 삽입할 수 있습니다.

4-7. 버튼

링크를 삽입하여 사용하는 버튼입니다. 개별 디자인 설정이 가능하며 스타일 편집에서 설정한 양식은 기본 제공 페이지 디자인에 적용됩니다.

4-8. 

여러 가지 질문을 추가하여 이메일로 답변을 받는 기능입니다. 주문서 작성, 설문 조사, 문의 등 다양한 용도로 활용할 수 있습니다.

4-9. 아이콘

링크를 연결할 수 있는 아이콘입니다. 아이콘 종류는 계속 업데이트 됩니다.

4-10. 지도

구글 지도를 만들 수 있습니다.

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

관련된 안내서 보기

섹션이란?