카테고리
자사몰 빌더 - 디자인
디자인 섹션 - 배너
배너 섹션 생성에 대해 설명드립니다. 1. 배너 섹션 1) 개요 - 배너 섹션은 링크를 큰 이미지로 캐러셀 형태로 소개할 수 있는 섹션입니다. - 매력적인 이미지로 링크를 강조해보세요! - 링크는 상품, 페이지, 외부 URL 세가지 종류로 연결할 수 있습니다. 2) 배너 섹션 생성 페이지 - [Add Banner] 버튼을 클릭하면 배너를 설정하는 모달이 안내됩니다. - Step 1. 배너 클릭 시 연결될 링크 선택 - 상품, 페이지, 외부 URL 중 선택하실 수 있습니다. - Step 2. 구체적인 연결 목적지 설정 - 클릭하면 이동할 상품을 선택할 수 있습니다. - 상품은 Approved상태의 상품들만 안내되며 Banner image, Title, Description은 상품의 정보로 미리 채워져 있습니다. 이를 변경 가능합니다. - 클릭하면 이동할 자사몰 페이지를 선택할 수 있습니다. - 클릭하면 이동할 외부 URL을 입력할 수 있습니다. - Step 3. 하단 배너 정보를디자인 섹션 - 상품 리스트
상품리스트 섹션 생성에 대해 설명드립니다. 1. 상품 리스트 섹션 1) 개요 - 프로덕트 리스트는 상품을 묶어 페이지에 게시할 수 있는 섹션입니다. 2) 상품 리스트 - 상품 리스트 섹션은 크게 타이틀과 상품으로 구성되어있습니다. - 상품 리스트 위에 나타날 타이틀을 설정해주세요. - 상품리스트에서 포함할 상품을 좌측 표의 체크박스를 선택한 후 가운데 > 버튼으로 추가할 수 있습니다. - 상품리스트에 포함된 상품들은 우측 표에서 안내됩니다. 노출순서를 변경하려면 해당 상품을 체크한 후 우측 상단 순서변경 버튼으로 변경하실 수 있습니다. - 변경사항을 저장하면 상품리스트 섹션이 저장됩니다. --- 끝.디자인 섹션 - 카드 리스트
카드리스트 섹션 생성에 대해 설명드립니다. 1. 카드 리스트 섹션 1) 개요 - 프로덕트 리스트는 상품을 묶어 페이지에 게시할 수 있는 섹션입니다. 2) 상품 리스트 - 상품 리스트 섹션은 크게 타이틀과 상품으로 구성되어있습니다. - 상품 리스트 위에 나타날 타이틀을 설정해주세요. - 상품리스트에서 포함할 상품을 좌측 표의 체크박스를 선택한 후 가운데 > 버튼으로 추가할 수 있습니다. - 상품리스트에 포함된 상품들은 우측 표에서 안내됩니다. 노출순서를 변경하려면 해당 상품을 체크한 후 우측 상단 순서변경 버튼으로 변경하실 수 있습니다. - 변경사항을 저장하면 상품리스트 섹션이 저장됩니다. --- 끝.디자인 블록 - 이미지
이미지 블록 생성에 대해 설명드립니다. 1. 이미지 블록 1) 개요 - 이미지 블록은 웹사이트에 이미지를 안내할 수 있는 블록입니다. 2) 이미지블록 생성 - 칼럼을 선택 후 칼럼내에 +버튼으로 블럭을 생성합니다. 3) 이미지블록 수정 (1) 이미지 사이즈 - 이미지는 기본적으로 칼럼의 너비에 맞게 풀사이즈로 들어가게 됩니다. 세로로 긴 이미지라면 칼럼의 너비에 맞게 세로길이가 비율로 조정되어 들어갑니다. - 이미지를 수정하여 이미지 비율을 조정할 수 있습니다. (2) 이미지 등록, 수정 - 이미지 블럭 생성 후 블럭을 클릭하면 설정창이 오른쪽에 안내됩니다. - 클릭하여 이미지를 업로드할 수 있으며 이미지 업로드 후 이미지를 조정,삭제할 수 있습니다. --- 끝.디자인 블록 - 텍스트
텍스트 블록 생성에 대해 설명드립니다. 1. 텍스트 블록 1) 개요 - 텍스트 블록은 웹사이트에 텍스트 정보를 안내할 수 있는 블록입니다. 2) 텍스트 블록 생성 - 칼럼을 선택 후 칼럼내에 +버튼으로 블럭을 생성합니다. 3) 텍스트 블록 수정 - 편집창에서 텍스트블록을 더블클릭하면 텍스트블록의 수정 상태가 활성화 됩니다. - 상단의 버튼들로 텍스트의 스타일을 설정할 수 있습니다. - 다른 곳을 클릭하면 수정 상태는 비활성화 됩니다. --- 끝.디자인 블록 - 여백
여백 블록 생성에 대해 설명드립니다. 1. 여백 블록 1) 개요 - 여백 블록은 웹사이트 디자인에 여백을 추가할 수 있는 블록입니다. 2) 여백 블록 생성 - 칼럼을 선택 후 칼럼내에 +버튼으로 블럭을 생성합니다. 3) 여백 블록 수정 - 여백은 Narrow ,Normal, Wide, Custom으로 여백을 설정할 수 있습니다. - 커스텀으로 여백을 설정하는 경우 픽셀단위로 여백의 높이를 설정할 수 있습니다. --- 끝.