기본 제공 페이지란?
•
웹사이트 운영에 필요한 필수 기능을 위해 시스템에서 기본적으로 제공하는 페이지입니다.
•
커스텀 페이지와 달리 각 페이지가 고유의 시스템 기능과 데이터 연동 구조를 가지고 있습니다.
◦
기본 제공 페이지에는 각 페이지의 기능에 맞춘 필수 기본 섹션/블록이 미리 추가되어 있습니다.
•
데이터에 따라 화면에 보여지는 내용이 변하는 동적인 페이지이므로, 각 기능별로 하나의 페이지만 제공됩니다.
기본 제공 페이지 유형 살펴보기
상품 목록
카테고리 메뉴로 접근 시 공통으로 보여지는 페이지입니다.
기본 블록: 상품 목록 페이지
① 에디터의 왼쪽 패널에서 [페이지 > 상품 목록] 클릭
② [섹션 > 상품 목록 페이지] 블록 클릭
③ 오른쪽 편집 패널에서 설정
[상품 목록 페이지]
•
스타일
◦
배경, 글자, 강조, 그리드(Grid 테마) 색상을 설정할 수 있습니다.
◦
배경 이미지 사용: 배경에 원하는 이미지를 넣을 수 있습니다.
◦
제목/내용 여백 사용하기: 섹션 본문 너비가 ‘가득 채우기’일 때 적용됩니다.
•
레이아웃
◦
데스크톱 블록 콘텐츠 / 필터 위치: 왼쪽 정보 / 왼쪽 필터, 왼쪽 정보 / 상단 필터, 상단 정보 / 왼쪽 필터, 상단 정보 / 상단 필터 중 선택할 수 있습니다.
•
카테고리
◦
카테고리 이름 표시하기: 블록 제목 영역에 현재 카테고리 이름 노출 여부를 설정할 수 있습니다.
◦
제목 스타일
▪
제목 글자 크기를 제목 1~6 중 선택할 수 있습니다.
▪
제목 1이 가장 큰 글자이며, 숫자가 커질수록 글자 크기는 작아집니다.
▪
카테고리 필터 표시하기: 필터 노출 여부를 설정할 수 있습니다.
▪
정렬: 왼쪽, 가운데, 오른쪽 중 선택할 수 있습니다.
▪
글꼴
•
본문, 제목 중 선택할 수 있습니다.
•
본문을 선택하면 [테마 설정 > 글자]의 본문 글꼴이 적용됩니다.
•
제목을 선택하면 [테마 설정 > 글자]의 제목 글꼴이 적용됩니다.
▪
두께: 보통, 강조 중 선택할 수 있습니다.
▪
글자 크기: 모바일과 데스크톱의 글자 크기를 각각 설정할 수 있습니다.
▪
필터 스타일: 글자, 밑줄, 사각형, 알약형 중 선택할 수 있습니다.
▪
선택된 필터 색상
•
강조색, 글자색 중 선택할 수 있습니다.
•
스타일에서 설정한 강조색과 글자색이 적용됩니다.
•
상품 목록
◦
1줄당 상품 개수: 모바일과 데스크톱의 1줄당 상품 개수를 설정할 수 있습니다.
◦
페이지당 상품 개수: 한 페이지에 노출되는 상품 개수를 설정할 수 있습니다.
▪
TIP! 상품 목록에 빈 공간이 없도록, 페이지당 상품 개수는 모바일/데스크탑 1줄당 상품 개수의 공배수를 사용하시기를 권장합니다.
◦
전체(All) 필터: 카테고리 단위로 표시되는 필터 사용 여부를 설정할 수 있습니다.
◦
상품 진열 방식: 쪽번호, 더보기 버튼 중 선택할 수 있습니다.
•
상품 이미지
◦
비율: 원본, 1:1, 4:3, 3:2, 16:9, 3:1, 3:4, 2:3, 9:16 중 선택할 수 있습니다.
◦
마우스 오버 효과: 효과 없음, 밝게하기, 어둡게하기, 확대하기, 다음 이미지 보이기 중 선택할 수 있습니다.
•
상품 이름
◦
표시하기: 상품 이름 노출 여부를 설정할 수 있습니다.
◦
글꼴
▪
본문, 제목 중 선택할 수 있습니다.
▪
본문을 선택하면 [테마 설정 > 글자]의 본문 글꼴이 적용됩니다.
▪
제목을 선택하면 [테마 설정 > 글자]의 제목 글꼴이 적용됩니다.
◦
두께: 보통, 강조 중 선택할 수 있습니다.
◦
글자 크기: 모바일과 데스크톱의 글자 크기를 각각 설정할 수 있습니다.
•
상품 가격
◦
표시하기: 상품 가격 노출 여부를 선택할 수 있습니다.
◦
글꼴
▪
본문, 제목 중 선택할 수 있습니다.
▪
본문을 선택하면 [테마 설정 > 글자]의 본문 글꼴이 적용됩니다.
▪
제목을 선택하면 [테마 설정 > 글자]의 제목 글꼴이 적용됩니다.
◦
두께: 보통, 강조 중 선택할 수 있습니다.
◦
판매가 크기: 모바일과 데스크톱의 판매가 크기를 설정할 수 있습니다.
◦
정가 크기 (할인 적용된 상품): 모바일과 데스크톱 정가(할인 적용된 상품) 크기를 설정할 수 있습니다.
•
리뷰 평점 / 개수
◦
표시하기: 리뷰가 1개 이상인 상품에 리뷰 평점 노출 여부를 설정할 수 있습니다.
◦
리뷰 개수도 표시하기: 리뷰 개수 표시 여부를 설정할 수 있습니다.
◦
글꼴
▪
본문, 제목 중 선택할 수 있습니다.
▪
본문을 선택하면 [테마 설정 > 글자]의 본문 글꼴이 적용됩니다.
▪
제목을 선택하면 [테마 설정 > 글자]의 제목 글꼴이 적용됩니다.
◦
두께: 보통, 강조 중 선택할 수 있습니다.
◦
글자 크기: 모바일과 데스크톱의 글자 크기를 각각 설정할 수 있습니다.
◦
색상: 연한 글자색, 글자색, 강조색 중 선택할 수 있습니다.
•
장바구니 버튼
◦
표시하기: 장바구니 버튼 사용 여부를 설정할 수 있습니다.
◦
위치: 이미지 위, 상품 정보 오른쪽, 상품 정보 아래 중 선택할 수 있습니다.
◦
색상: 기본 버튼색, 밝은색, 어두운색 중 선택할 수 있습니다.
•
요약 설명
◦
표시하기: 요약 설명 노출 여부를 설정할 수 있습니다.
◦
글꼴
▪
본문, 제목 중 선택할 수 있습니다.
▪
본문을 선택하면 [테마 설정 > 글자]의 본문 글꼴이 적용됩니다.
▪
제목을 선택하면 [테마 설정 > 글자]의 제목 글꼴이 적용됩니다.
◦
두께: 보통, 강조 중 선택할 수 있습니다.
◦
글자 크기: 모바일과 데스크톱의 글자 크기를 각각 설정할 수 있습니다.
◦
색상: 연한 글자색, 글자색, 강조색 중 선택할 수 있습니다.
•
배지
◦
표시하기: 배지 사용 여부를 설정할 수 있습니다.
◦
글꼴
▪
본문, 제목 중 선택할 수 있습니다.
▪
본문을 선택하면 [테마 설정 > 글자]의 본문 글꼴이 적용됩니다.
▪
제목을 선택하면 [테마 설정 > 글자]의 제목 글꼴이 적용됩니다.
◦
두께: 보통, 강조 중 선택할 수 있습니다.
◦
글자 크기: 모바일과 데스크톱의 글자 크기를 각각 설정할 수 있습니다.
◦
기본 스타일: 면, 테두리 중 선택할 수 있습니다.
◦
기본 색상: 강조색, 글자색 중 선택할 수 있습니다.
◦
유형별 스타일
▪
최대 50개의 강조 스타일을 등록할 수 있습니다.
▪
강조 배지
•
배지 스타일 그룹 별칭: 배지 스타일의 그룹 별칭으로, 구분할 수 있는 별칭을 입력합니다.
•
적용 배지
◦
[상품 관리 > 배지]에 등록한 배지 이름과 동일하게 입력합니다.
◦
강조 배지를 적용할 배지 이름만 입력합니다.
•
스타일: 면, 테두리 중 선택할 수 있습니다.
•
색상: 강조 배지에 적용할 색상을 설정합니다.
•
안쪽 여백: 모바일과 데스크톱의 안쪽 여백을 상, 하, 좌, 우 각각 설정할 수 있습니다.
상품 상세
[상품 관리 > 상품]에 등록된 상품의 상세 페이지의 정보가 공통으로 적용되는 페이지입니다.
기본 블록: 상품 이미지, 상품 정보, 구매 컨트롤, 구매 버튼, 보조 설명, 예약 상품 구매 컨트롤, 상품 상세 설명, 상품 리뷰
① 에디터의 왼쪽 패널에서 [페이지 > 상품 상세] 클릭
② [섹션 > 상품 필수 정보] 그룹 안의 원하는 블록 클릭
③ 오른쪽 편집 패널에서 설정
옵션이 없는 상품이라도 '구매 컨트롤' 블록이 없으면 구매가 불가능합니다.
구매 컨트롤 블록을 함께 사용해야 구매자가 상품을 장바구니에 담거나 주문서 페이지로 이동할 수 있습니다.[상품 필수 정보]
•
스타일
◦
색상 구성 : 적용할 색상 구성을 선택할 수 있습니다.
◦
배경 이미지 사용 : 섹션의 배경에 원하는 이미지를 넣을 수 있습니다.
◦
데스크톱 본문 너비 : 본문 너비를 좁은, 보통, 가득 채우기 중 선택할 수 있습니다. Essential / Round 테마
◦
데스크톱/모바일 간격 : 상품 필수 정보 하위 블록들의 간격을 0~100px 중 설정할 수 있습니다. Essential / Round 테마
[상품 이미지]
◦
이미지
▪
이미지 모양: 썸네일 모양을 사각형, 원형, 아치형, 나뭇잎 중에 선택할 수 있습니다. Round 테마
▪
이미지 비율 : 썸네일 노출 비율을 선택할 수 있습니다.
▪
클릭 시 팝업창으로 확대하기 : 썸네일을 클릭하면 팝업으로 확대되도록 설정할 수 있습니다.
▪
데스크톱에서 이미지 호버 시 확대하기 : 썸네일에 마우스를 올리면 확대되도록 설정할 수 있습니다.
•
확대 위치 : 썸네일 확대 위치를 이미지 위, 이미지 옆 중 선택할 수 있습니다.
•
확대 배율 : 썸네일 확대 배율을 1배~10배 중 설정할 수 있습니다
◦
데스크톱/모바일 레이아웃
▪
유형 : 상품 이미지 레이아웃을 썸네일, 슬라이드, 나열 중 선택할 수 있습니다.
•
썸네일 선택 시 썸네일 위치/너비 및 썸네일과 대표 이미지 사이 간격, 썸네일 사이 간격을 설정할 수 있습니다.
•
슬라이드 선택 시 슬라이드 자동 전환 여부 및 전환 속도를(1초~10초) 설정할 수 있습니다.
•
나열 선택 시
◦
열 : 나열된 썸네일의 배치를 1열, 1열 아래로 2열, 2열 중 설정할 수 있습니다.
◦
이미지 사이 간격 : 각 썸네일 사이의 간격을 0~100px 중 설정할 수 있습니다. Essential / Round 테마
[구매 컨트롤]
◦
남은 재고 개수 노출 : 재고가 설정된 상품의 잔여 수량 노출 여부를 선택할 수 있습니다.
◦
노출 기준 수량 : 재고 개수 노출 설정 시, 기준 수량을 1~100개 중 설정할 수 있습니다.
[구매 버튼]
◦
구매/장바구니 버튼 : 구매/장바구니 버튼의 유형을 선택할 수 있습니다.
▪
사용 안 함, 사용함 : 버튼 사용 여부를 설정할 수 있습니다.
▪
커스텀 : 버튼 글자를 변경하거나 버튼과 연결될 페이지의 링크를 설정할 수 있습니다.
•
예시 1. 장바구니 버튼 문구를 Add to cart로 변경
•
예시 2. 구매 전에 견적 문의가 필요한 상품이라면 구매 버튼 문구를 견적 문의, 상담 접수 등으로 변경 후, 링크를 문의 게시판이나 폼으로 설정
[보조 설명]
◦
첫 번째 보조 설명 펼치기 : 첫 번째 보조 설명을 펼쳐진 상태로 고정할 수 있습니다.
[상품 상세 설명]
•
섹션
◦
색상 구성 : 적용할 색상 구성을 선택할 수 있습니다.
◦
배경 이미지 사용 : 섹션의 배경에 원하는 이미지를 넣을 수 있습니다.
◦
데스크톱 본문 너비 : 본문 너비를 좁은, 보통, 가득 채우기 중 선택할 수 있습니다.
▪
가득 채우기 선택 시
•
데스크톱에서 여백 없이 가득 채우기 : PC에서 여백 없이 화면을 가득 채울 수 있습니다.
◦
모바일에서 여백 없이 가득 채우기 : 모바일에서 여백 없이 화면을 가득 채울 수 있습니다.
◦
상세 설명 더보기 버튼 보이기 : 상세 설명 더보기 버튼의 사용 유무를 설정할 수 있습니다.
▪
데스크톱/모바일 더보기 버튼 노출 기준 높이 : 더보기 버튼이 노출되는 높이를 1,000~5,000px 중 선택할 수 있습니다.
[리뷰]
•
리뷰
◦
평점 보이기 : 평점 노출 여부를 설정할 수 있습니다.
◦
필터 보이기 : 필터 노출 여부를 설정할 수 있습니다.
◦
정렬 보이기 : 정렬 기능의 노출 여부를 설정할 수 있습니다.
◦
리뷰 없는 상품은 섹션 영역 숨기기 : 리뷰가 없는 상품의 상세 페이지에서 리뷰 섹션을 숨길 수 있습니다.
게시판
기본 제공 블록: 목록형 게시판 페이지 , 격자형 게시판 페이지
① 에디터의 왼쪽 패널에서 [페이지 > 게시판] 클릭
② [섹션 > 목록형/격자형 게시판] 블록 클릭
③ 오른쪽 편집 패널에서 설정
[목록형/격자형 게시판]
•
페이지당 게시글 수: 한 페이지에 노출되는 게시글 수를 설정할 수 있습니다.
•
스타일
◦
배경, 글자, 강조, 그리드(Grid 테마) 색상을 설정할 수 있습니다.
◦
데스크톱 제목 위치: 왼쪽 위, 왼쪽 중간, 오른쪽 위, 오른쪽 중간 중 산택할 수 있습니다.
◦
게시판 제목 정렬: 왼쪽, 가운데, 오른쪽 중 정렬을 선택할 수 있습니다.
◦
이미지 비율: 1:1, 4:3, 3:2, 16:9, 3:1, 3:4, 2:3, 9:16, 원본 중 선택할 수 있습니다. 격자형
◦
마우스 오버 효과: 효과 없음, 밝게하기, 어둡게하기, 확대하기, 다음 이미지 보이기 중 선택할 수 있습니다.
◦
1줄당 게시글 개수: 모바일과 데스크톱의 1줄당 게시글 개수를 설정할 수 있습니다.
•
게시글 노출 항목
◦
이미지 : 게시글 썸네일의 노출 여부를 선택할 수 있습니다.
◦
내용 : 게시글 내용의 앞부분의 노출 여부를 선택할 수 있습니다.
◦
작성자 : 게시글 작성자의 노출 여부를 선택할 수 있습니다.
◦
등록일 : 게시글 등록일의 노출 여부를 선택할 수 있습니다.
◦
게시글 검색 : 게시판의 검색 기능 사용 여부를 선택할 수 있습니다. 비밀글일 경우, 작성자 본인에게만 검색됩니다.
•
텍스트 스타일
◦
위치: 이미지 위, 이미지 아래 중 선택할 수 있습니다. 격자형
◦
정렬: 왼쪽 위, 왼쪽 중간, 왼쪽 아래, 가운데 위, 가운데 중간, 가운데 아래, 오른쪽 위, 오른쪽 중간, 오른쪽 아래 중 선택할 수 있습니다. 격자형
◦
제목 스타일
▪
게시판과 게시글의 제목 글자 크기를 지정할 수 있습니다.
▪
제목 1~6, 본문 1~3 중 선택할 수 있습니다.
▪
제목 1과 본문 1이 각각 가장 큰 글자이며, 숫자가 커질수록 글자 크기는 작아집니다.
◦
내용 스타일
▪
게시판과 게시글의 내용 글자 크기를 지정할 수 있습니다.
▪
본문 1~3 중 선택할 수 있습니다.
▪
본문 1이 가장 큰 글자이며, 숫자가 커질수록 글자 크기는 작아집니다.
◦
작성자 / 등록일 스타일
▪
작성자와 등록일 글자 크기를 지정할 수 있습니다.
▪
본문 1~3 중 선택할 수 있습니다.
▪
본문 1이 가장 큰 글자이며, 숫자가 커질수록 글자 크기는 작아집니다.
•
오버레이 격자형
◦
오버레이 사용: 이미지 위에 오버레이 사용 여부를 선택할 수 있습니다.
▪
색상: 오버레이 색상을 밝은색, 어두운색 중에 선택할 수 있습니다.
▪
투명도: 오버레이 투명도를 0~100% 중에서 설정할 수 있습니다.
검색 결과
상품이나 게시글 검색 시 노출되는 검색 결과 페이지입니다.
검색 결과에서 수정한 내용은 상품 섹션에 반영되지 않습니다. 동일한 설정이 필요하다면, 각 페이지의 상품 섹션에서 직접 수정해 주세요.
기본 제공 블록: 검색 결과
① 에디터의 왼쪽 패널에서 [페이지 > 검색 결과] 클릭
② [섹션 > 검색 결과] 블록 클릭
③ 오른쪽 편집 패널에서 설정
[검색 결과]
•
스타일
◦
배경, 글자, 강조, 그리드(Grid 테마) 색상을 설정할 수 있습니다.
•
검색
◦
검색 대상: 모두/상품/게시글 중 선택합니다.
▪
모두: 검색 대상에 상품과 게시글이 모두 포함됩니다.
▪
상품: 검색 대상에 상품만 포함됩니다.
▪
게시글: 검색 대상에 게시글만 포함됩니다.
◦
검색 결과 노출 순서: 상품 - 게시글 순, 게시글 - 상품 순 중 선택합니다.
•
상품 이미지
◦
비율: 1:1, 4:3, 3:2, 16:9, 3:1, 3:4, 2:3, 9:16, 원본 중 선택할 수 있습니다.
◦
마우스 오버 효과: 밝게하기, 어둡게하기, 확대하기, 다음 이미지 보이기 중 선택합니다.
•
상품 이름
◦
표시하기: 상품 이름 노출 여부를 선택할 수 있습니다.
◦
글꼴
▪
본문, 제목 중 선택할 수 있습니다.
▪
본문을 선택하면 [테마 설정 > 글자]의 본문 글꼴이 적용됩니다.
▪
제목을 선택하면 [테마 설정 > 글자]의 제목 글꼴이 적용됩니다.
◦
두께: 보통, 강조 중 선택할 수 있습니다.
◦
데스크톱/모바일 글자 크기: 모바일과 데스크톱의 글자 크기를 각각 설정할 수 있습니다.
•
상품 가격
◦
표시하기: 상품 가격 노출 여부를 선택할 수 있습니다.
◦
글꼴
▪
본문, 제목 중 선택할 수 있습니다.
▪
본문을 선택하면 [테마 설정 > 글자]의 본문 글꼴이 적용됩니다.
▪
제목을 선택하면 [테마 설정 > 글자]의 제목 글꼴이 적용됩니다.
◦
두께: 보통, 강조 중 선택할 수 있습니다.
◦
판매가 크기: 모바일과 데스크톱의 판매가 크기를 설정할 수 있습니다.
◦
정가 크기 (할인 적용된 상품): 모바일과 데스크톱 정가(할인 적용된 상품) 크기를 설정할 수 있습니다.
•
리뷰 평점/개수
◦
표시하기: 리뷰가 1개 이상인 상품에 리뷰 평점 노출 여부를 설정할 수 있습니다.
◦
리뷰 개수도 표시하기: 리뷰 개수 표시 여부를 설정할 수 있습니다.
◦
글꼴
▪
본문, 제목 중 선택할 수 있습니다.
▪
본문을 선택하면 [테마 설정 > 글자]의 본문 글꼴이 적용됩니다.
▪
제목을 선택하면 [테마 설정 > 글자]의 제목 글꼴이 적용됩니다.
◦
두께: 보통, 강조 중 선택할 수 있습니다.
◦
글자 크기: 모바일과 데스크톱의 글자 크기를 각각 설정할 수 있습니다.
◦
색상: 연한 글자색, 글자색, 강조색 중 선택할 수 있습니다.
•
장바구니 버튼
◦
표시하기: 장바구니 버튼 사용 여부를 설정할 수 있습니다.
◦
위치: 이미지 위, 상품 정보 오른쪽, 상품 정보 아래 중 선택할 수 있습니다.
◦
색상: 기본 버튼색, 밝은색, 어두운색 중 선택할 수 있습니다.
•
요약 설명
◦
표시하기: 요약 설명 노출 여부를 설정할 수 있습니다.
◦
글꼴
▪
본문, 제목 중 선택할 수 있습니다.
▪
본문을 선택하면 [테마 설정 > 글자]의 본문 글꼴이 적용됩니다.
▪
제목을 선택하면 [테마 설정 > 글자]의 제목 글꼴이 적용됩니다.
◦
두께: 보통, 강조 중 선택할 수 있습니다.
◦
글자 크기: 모바일과 데스크톱의 글자 크기를 각각 설정할 수 있습니다.
◦
색상: 연한 글자색, 글자색, 강조색 중 선택할 수 있습니다.
•
배지
◦
표시하기: 배지 사용 여부를 설정할 수 있습니다.
◦
글꼴
▪
본문, 제목 중 선택할 수 있습니다.
▪
본문을 선택하면 [테마 설정 > 글자]의 본문 글꼴이 적용됩니다.
▪
제목을 선택하면 [테마 설정 > 글자]의 제목 글꼴이 적용됩니다.
◦
두께: 보통, 강조 중 선택할 수 있습니다.
◦
글자 크기: 모바일과 데스크톱의 글자 크기를 각각 설정할 수 있습니다.
◦
기본 스타일: 면, 테두리 중 선택할 수 있습니다.
◦
기본 색상: 강조색, 글자색 중 선택할 수 있습니다.
◦
유형별 스타일
▪
최대 50개의 강조 스타일을 등록할 수 있습니다.
▪
강조 배지
•
배지 스타일 그룹 별칭: 배지 스타일의 그룹 별칭으로, 구분할 수 있는 별칭을 입력합니다.
•
적용 배지
◦
[상품 관리 > 배지]에 등록한 배지 이름과 동일하게 입력합니다.
◦
강조 배지를 적용할 배지 이름만 입력합니다.
•
스타일: 면, 테두리 중 선택할 수 있습니다.
•
색상: 강조 배지에 적용할 색상을 설정합니다.
기본 제공 페이지 사용 설정
디자인 에디터 페이지 목록의 톱니 바퀴 아이콘을 클릭하면, 기본 제공 페이지 사용 설정 여부를 직접 설정할 수 있어요.
예를 들어, 쇼핑몰이 아닌 일반 웹사이트(홈페이지)를 이용 중이라면 주문/리뷰/배송 관련 페이지를 미사용 설정할 수 있습니다.
[커뮤니게이션]
•
게시판/게시글: 해당 설정을 비활성화하면, 게시글을 웹사이트에 게시해도 게시글 상세로 이동할 수 없어요.
[고객]
•
마이페이지: 주문 배송 조회/마이페이지: 주문 상세 : 해당 설정을 비활성화하면 비회원/회원이 주문을 조회할 수 없어요.
예시로 살펴보기
상품 목록
예시 상황
•
디자인 에디터에서 상품 목록 페이지 블록의 설정을 변경하고, 띠배너를 추가했어요.
◦
상품 가격 미노출
◦
장바구니 버튼 미노출
•
사이트 게시 후 웹사이트에서 메뉴를 클릭하면 모든 상품 카테고리 메뉴에 동일한 화면이 반영된 것을 확인할 수 있어요.
(클릭) 카테고리 메뉴란?
카테고리 메뉴란?상품 상세
예시 상황
[상품 관리 > 상품]에 여러 상품이 등록되어 있고, 내 페이지에 추가한 상품 블록에 상품을 진열했어요.
•
디자인 에디터에서 상품 상세 페이지의 기본 블록인 대표 이미지 비율을 변경했어요.
•
상품 정보 블록과 구매 컨트롤 블록 사이에 전광판 섹션을 추가했어요.
•
사이트 게시 후 웹사이트에서 진열한 상품을 클릭하여 이동하면, 모든 상품의 상세 페이지에 동일한 디자인이 반영된 것을 확인할 수 있어요.
(클릭) 내 페이지란?
내 페이지란?게시판
예시 상황
[커뮤니케이션 > 게시판]에 여러 게시판이 등록되어 있고, 헤더 메뉴에 게시판 페이지를 연결했어요.
•
디자인 에디터에서 게시판 페이지의 기본 블록인 목록형 게시판 페이지 블록의 설정을 변경하고, 띠배너를 추가했어요.
◦
게시글 제목 정렬 - 가운데 정렬
◦
게시글 노출 항목 - 작성자, 작성일 체크 해제
◦
게시판 제목 스타일 - 제목 1
•
사이트 게시 후 웹사이트에서 헤더 메뉴에서 게시판을 클릭하면, 설정해 둔 디자인이 적용된 게시판 페이지로 이동한 것을 확인할 수 있어요.
게시글
예시 상황
[커뮤니케이션 > 게시판]에 여러 게시판이 추가되어 있고, 각 게시판에는 여러 게시글이 등록되어 있어요.
•
디자인 에디터의 게시글 페이지에 목록형 갤러리를 하나 추가했어요.
•
사이트 게시 후 웹사이트에서 게시글을 클릭하면, 모든 게시글 하단에 갤러리가 추가되어 있는 것을 확인할 수 있어요.
웹사이트 디자인으로 돌아가기
식스샵 프로 가이드로 돌아가기