스토어 페이지 방문자는 그리드 형태로 배열된 모든 제품 대표 이미지를 확인할 수 있습니다. 스토어 페이지에는 최대 200개의 제품이 표시됩니다. 제품이 200개를 초과하는 경우 고객은 다음을 클릭해 더 많은 제품을 볼 수 있습니다.

스토어 페이지 섹션의 스타일을 지정하는 방법은 다음과 같습니다.

1. 편집하려는 스토어 페이지를 엽니다.
2. 편집을 클릭합니다.
3. 스토어 섹션에서 섹션 편집을 클릭합니다. 아래에서 세부 정보를 원하는 대로 편집할 수 있고, 변경 사항은 이 스토어 섹션에만 적용됩니다.

요소 탭에서는 다음을 설정할 수 있습니다.

• 스토어 제목은 섹션 상단에 페이지 제목을 표시합니다.
• 브레드크럼은 관련 제품 및 필터링된 카테고리 페이지를 제외하고 방문자가 현재 페이지에 도착하기 전에 이동한 탐색 경로를 표시합니다.
• 카테고리 레이블은 카테고리 메뉴에 “카테고리” 레이블을 표시합니다.
• 필터 라벨은 필터 메뉴에 “필터” 라벨을 표시합니다.
• 필터: 고객이 태그별로 제품을 쉽게 찾을 수 있도록 필터를 추가합니다.
• 제품 설명: 목록 레이아웃이 있을 때 제품 설명을 표시하거나 숨깁니다.
• 가격에서는 제품 섬네일에 가격을 표시하거나 숨깁니다.
• 장바구니에 추가 버튼: 스토어 페이지와 제품 상세 정보 페이지의 제품 섬네일 아래에 표시됩니다.

디자인 탭에서는 다음을 사용자 지정할 수 있습니다.

• 레이아웃: 제품 섬네일을 그리드 또는 목록으로 표시합니다. 목록 레이아웃에서는 제품 설명을 미리 보기로 표시하세요.
• 제목 정렬에서는 스토어 제목의 텍스트 정렬을 설정합니다.
• 메뉴 배치에서는 섹션 상단이나 사이드바에 카테고리 탐색 메뉴를 표시합니다.
• 카테고리 스타일에서는 카테고리 메뉴의 스타일을 드롭다운, 하위 탐색 메뉴 또는 버튼으로 지정합니다.
• 그리드 레이아웃의 열 수(최소 2열)
• 열과 행 간격
• 배경: 사진 배경처럼 제품 섬네일의 바탕이 되는 배경을 표시하거나 숨깁니다. 배경색을 설정하고, 모서리를 곡선으로 만들고, 획의 유형과 색상, 두께를 선택하세요.
• 버튼 스타일 지정 및 정렬
• 이미지 종횡비 및 텍스트 간격
• 모서리에서는 섬네일 배경과 제품 이미지의 모서리를 각지게 또는 둥글게 설정할 수 있습니다.
• 섹션 너비 및 세로 패딩(여백).
• 구분선: 페이지의 스토어 섹션과 다른 섹션 사이에 구분선을 표시합니다.구분선의 모양과 획 유형, 색상, 두께를 선택하세요.

색상 탭에서:

• 스토어 섹션의 섹션 테마를 선택합니다.
• 테마에서 연필 아이콘을 클릭하여 사용자 지정합니다. 변경 사항은 해당 테마를 사용하는 모든 섹션에 영향을 미칩니다.

스토어 페이지 필터

고객이 가장 관심 있는 제품 및 서비스를 찾을 수 있도록 제품 필터를 생성하세요. 필터는 제품 태그를 사용하여 스토어 페이지에 제품 목록을 표시합니다.

제품 수가 200개 이하인 스토어 페이지에 필터를 추가할 수 있습니다. 필터 버튼은 기본 버튼 스타일을 따릅니다.

사용 가능한 스타일 옵션은 사이트의 템플릿 그룹 및 스토어 페이지 유형에 따라 다릅니다.

참고: Galapagos와 Supply는 서로 다른 스타일 조정을 따릅니다. 제품 스타일 설정에 대한 자세한 내용은 템플릿 가이드를 참조하세요.

스토어 페이지의 스타일을 지정하는 방법은 다음과 같습니다.

1. 편집하려는 스토어 페이지를 엽니다.
2. 웹사이트 패널로 돌아갑니다.
3. 디자인을 클릭합니다.
4. 사이트 스타일을 클릭합니다.
5. 제품 섹션의 조정을 사용하여 랜딩 페이지 스타일을 변경합니다.
6. 개별 제품 상세 정보 페이지에 대한 조정의 경우 사이트 스타일을 종료하고 제품을 연 다음 사이트 스타일로 다시 들어갑니다.

팁:

• 미리 보기에서 페이지의 아무 영역이나 클릭하면 해당 영역에 사용할 수 있는 스타일 조정만 표시되고 나머지는 숨겨집니다.
• 스토어 페이지가 여러 개 있는 경우, 스타일 변경 사항은 사이트 전체의 모든 스토어 페이지에 적용되어 일관된 외관을 만듭니다.
• 템플릿에 스토어 페이지의 디자인에 영향을 미치는 배너 이미지, 페이지 머리말 등의 기능이 있을 수 있습니다.

스토어 페이지 레이아웃

스토어 페이지 방문자는 그리드 형태로 배열된 모든 제품의 아이템 대표 이미지를 확인할 수 있습니다. 그리드 형태는 사용 중인 페이지 유형에 따라 제품: 레이아웃 사이트 스타일 섹션(고급 스토어 페이지) 또는 제품 사이트 스타일 섹션(클래식 스토어 페이지)에서 세부 조정을 통해 스타일을 설정할 수 있습니다.

스타일 설명

• 행당 아이템 수를 변경합니다.
  • 고급: 행당 항목 수
  • 클래식: 행당 제품 수
• 행의 각 아이템 사이의 간격을 변경합니다.
  • 고급: 아이템 간격
• 이미지 모양을 변경합니다. 이미지는 모양에 맞게 잘립니다.
  • 고급: 아이템 간격
• 이미지 컨테이너의 모양을 설정합니다.
  • 클래식: 제품 아이템 크기
• 이미지 컨테이너를 채우도록 이미지를 자를지 여부를 선택합니다.
  • 클래식: 제품 이미지 자동 자르기
• 컨테이너 크기에 맞게 잘리지 않은 이미지 뒤에 표시되는 색상을 변경합니다.
  • 클래식: 제품 배경 색상

스토어 페이지의 제품 정보

고급 스토어 페이지 모바일 조정 기능을 표시하려면 위치: 오버레이를 선택합니다. 이 조정으로 제품 정보를 제품: 세부 정보 사이트 스타일 섹션(고급 스토어 페이지) 또는 제품 사이트 스타일 섹션(클래식 스토어 페이지)에서 적용할 수 있습니다.

스타일 설명

• 제목과 가격이 이미지 아래 또는 커서를 올리면 표시되도록 설정합니다.
  • 고급: 위치: 하단, 오버레이
  • 클래식: 제품 목록 제목: 하단, 오버레이
• '제품 목록 제목: 하단'이 활성화된 경우, 텍스트 정렬
  • 클래식: 제품 목록 정렬: 중앙, 좌측
• '제품 목록 제목: 오버레이'를 선택한 경우 커서를 올릴 때 표시되는 오버레이의 색상을 설정합니다. 슬라이더를 조정하여 투명도를 설정하세요.
  • 클래식: 제품 오버레이 색상
• 모바일 브라우저에서 텍스트가 표시될 위치를 선택합니다.
  • 고급: 위치(모바일): 하단, 오버레이
• 텍스트 정렬 방법을 선택합니다.
  • 고급: 정렬
• '위치: 오버레이'를 선택한 경우 커서를 올렸을 때 표시되는 오버레이의 색상을 설정합니다. 슬라이더를 이동하여 투명도를 설정하세요.
  • 고급: 오버레이 색상
• 커서를 올리면 표시되도록 설정한 경우 텍스트의 정렬을 추가로 변경합니다.
  • 고급: 오버레이 패딩(여백)
• 각 행 아래의 간격을 변경합니다.
  • 고급: 간격
• 아이템 제목을 숨기려면 선택 해제하세요.
  • 고급: 제목 표시
• 제목 글꼴을 설정합니다.
  • 고급: 제목 글꼴
• 제목 색상을 설정합니다.
  • 고급: 제목 색상
• 모바일에서 제목 색상을 설정합니다.
  • 고급: 제목 색상(모바일)
• 위치: 아래로 설정한 경우 텍스트와 이미지 사이의 간격을 설정합니다.
  • 고급: 제목 간격
• 가격을 숨기려면 선택 해제하세요.
  • 고급: 가격 표시
  • 클래식: 제품 가격 표시
• 가격 글꼴을 설정합니다.
  • 고급: 가격 글꼴
• 컴퓨터에서 가격 색상을 설정합니다.
  • 고급: 가격 색상
• 모바일에서 가격 색상을 설정합니다.
  • 고급: 가격 색상(모바일)
• 컴퓨터에서 할인 가격 색상을 설정합니다.
  • 고급: 판매 가격 색상
• 모바일에서 할인 가격 색상을 설정합니다.
  • 고급: 판매 가격 색상(모바일)
• 가격과 제목 사이의 간격을 설정합니다.
  • 고급: 가격 간격

모든 변경 사항은 동일한 스토어 페이지의 모든 제품 상세 정보 페이지에 적용됩니다. 제품 상세 정보 페이지의 스타일을 지정하는 방법은 다음과 같습니다.

1. 편집하려는 제품 상세 정보 페이지를 엽니다.
2. 편집을 클릭한 다음 섹션 편집을 클릭합니다.

형식 탭에서 다음 레이아웃 옵션 중에서 선택하세요.

• 심플: 제품 이미지와 설명이 나란히 배치되며 공백이 그 주변을 둘러쌉니다.
• 감싸기: 제품 이미지가 설명 주위를 감싼 형태로 표시됩니다. 이미지는 항상 왼쪽으로 정렬됩니다.
• 절반: 제품 이미지가 설명이 있는 페이지를 분할합니다. 이미지는 항상 왼쪽으로 정렬됩니다.
• 전체: 제품 이미지가 설명 위에 여백 없음 캐러셀로 표시됩니다.

심플 레이아웃을 선택하면 다음 옵션을 사용자 지정할 수 있습니다.

• 콘텐츠 너비.
• 이미지 디자인 및 간격: 제품에 이미지가 여러 개 있는 경우 슬라이드쇼, 스택 또는 캐러셀 디자인 중에서 선택합니다. 디자인이 슬라이드쇼인 경우 다른 제품 이미지의 섬네일이 표시됩니다.
• 옵션 표시.
• 텍스트 정렬.
• 콘텐츠 정렬: 상단 또는 중앙 중 선택합니다. 상단 정렬을 선택하면 제품 이미지와 텍스트 상단 사이에 패딩(여백)이 표시될 수 있습니다. 콘텐츠 정렬은 슬라이드쇼와 캐러셀 디자인에 사용할 수 있고, 스택에는 사용할 수 없습니다.
• 양식 너비.
• 제품 탐색 스타일.
• 설명 위치: 제품 설명이 표시되는 위치입니다.
• 장바구니에 추가 버튼: 인라인 옵션은 수량 필드 옆에 버튼을 배치합니다.
• 갤러리 종횡비(슬라이드쇼와 캐러셀 디자인만 해당): 캐러셀 디자인에서 종횡비로 이미지 컨테이너의 비율을 설정할 수 있지만 이미지가 잘려 컨테이너에 꽉 차지 않을 수 있습니다. 종횡비가 설정에서 선택한 종횡비와 동일한 이미지를 추가하는 것이 좋습니다.
• 갤러리 배치 및 너비입니다.
• 갤러리 섬네일 배치: 슬라이드쇼 디자인을 사용할 때 제품 대표 이미지의 위치입니다.
• 캐러셀 화살표 크기(슬라이드쇼 및 캐러셀 디자인만 해당).
• 클릭 동작: 디자인에 따라 없음, 확대 또는 라이트박스 중 선택합니다.
• 커서 올리기 동작입니다.

색상 탭에서:

• 스토어 섹션의 섹션 테마를 선택합니다.
• 테마에서 연필 아이콘을클릭해 편집하세요.이 변경 사항은 동일한 테마를 사용하는 모든 섹션에 영향을 미칩니다.

제품 옵션 표시 사용자 지정

심플 레이아웃에서는 옵션을 버튼이나 드롭다운 메뉴로 표시할 수 있습니다. 다른 모든 레이아웃에서는 옵션이 드롭다운 메뉴로 표시됩니다.

• 옵션 버튼: 사이트의 양식 스타일을 따릅니다. 사이트 스타일을 열고, 양식 옆의 >를 클릭합니다. 선택 옵션을 클릭한 다음 라디오를 클릭합니다.
• 옵션 드롭다운 메뉴: 옵션 필드 글꼴 모음을 따르며 색상은 섹션의 색상 테마에 따라 달라집니다.

참고: 제품 대기 목록 가입 옵션은 드롭다운 메뉴에 옵션이 표시될 때만 나타납니다.

스토어 페이지의 장바구니에 추가 버튼과 결제 버튼의 스타일 설정

장바구니에 추가 버튼을 스토어 페이지와 개별 제품 상세 정보 페이지의 제품 섬네일 아래에 표시할 수 있습니다.

제품 상세 정보 페이지의 디자인 통일성을 유지하기 위해 가로 패딩(여백) 조정은 장바구니에 추가 버튼에는 영향을 미치지 않습니다.제품이 품절되면 장바구니에 추가 버튼은 흐리게 표시됩니다.

스토어 페이지에서 버튼 색상은 제품 텍스트와 배경 색상을 따릅니다. 제품 상세 정보 페이지의 장바구니에 추가 버튼과 장바구니 페이지의 결제 버튼은 모두 기본 버튼 스타일 조정과 사이트의 색상 설정을 따릅니다.

미니 장바구니 색상 관리

미니 장바구니는 가시성을 확보하기 위해 섹션 색상 테마를 사용합니다. 미니 장바구니 색상은 섹션 배경과 자동으로 대비됩니다. 미니 장바구니의 색상을 변경하려면 섹션 배경색을 변경하거나 사이트 색상 테마를 편집하세요.

제 스토어 페이지에서 장바구니에 추가 버튼을 숨길 수 있나요?

장바구니에 추가 버튼을 숨기려면 사용자 지정 코드를 사용해야 합니다. 이 주제는 Squarespace Forum에서 다뤄진 적이 있으나, 저희 지원 범위에는 포함되지 않습니다.

구매 옵션 없이 제품을 홍보하고 싶다면 레이아웃 페이지에서 이미지와 텍스트 블록을 사용해 사이트에 제품을 표시할 수 있습니다.

제 스토어 페이지에 수량 필드는 언제 표시되나요?

수량 필드는 다음과 같은 경우 제품 상세 정보 페이지에 표시됩니다.

• 제품의 재고 수준이 1보다 큽니다.
• 개별 옵션의 재고 수준에 관계없이 옵션이 있습니다.

제품 상세 정보 페이지에서 각 옵션의 현재 재고 수준을 표시하려면 재고 수량 한정 레이블을 켜세요. 이렇게 하면 재고 수준이 1개일 때 고객이 장바구니에 두 개 이상의 제품을 추가하는 것을 막을 수 있습니다.

수량 필드의 크기는 변경할 수 없습니다. 결제 설정에서 실물 제품 및 서비스 제품의 수량 필드를 숨길 수 있습니다.

관련 제품 사용자 지정

제품 상세 정보 페이지의 관련 제품 섹션은 스토어 섹션 스타일의 조정 및 사이트 전체 글꼴 조정을 따릅니다.

구독 제품을 판매하는 경우 제품 상세 정보 페이지의 구독 빈도 섹션에 표시되는 색상을 변경할 수 있습니다. 사이트의 색상 테마를 열고 제품 상세 정보 페이지: 구독에서 색상을 변경하세요.

사용 가능한 스타일 옵션은 사이트의 템플릿 그룹 및 스토어 페이지 유형에 따라 다릅니다.

참고: Galapagos와 Supply는 서로 다른 스타일 조정을 따릅니다. 제품 스타일 설정에 대한 자세한 내용은 템플릿 가이드를 참조하세요.

제품 상세 정보 페이지 레이아웃

사용 중인 페이지 유형에 따라 제품: 레이아웃 사이트 스타일 섹션(고급 스토어 페이지) 또는 제품 사이트 스타일 섹션(클래식 스토어 페이지)에서 레이아웃의 스타일을 설정하세요.

스타일 설명

• 아이템 간격을 변경합니다.
  • 고급: 간격
• 페이지 상단에 빈 공간을 추가합니다.
  • 고급: 상단 패딩(여백)
• 페이지 매김 표시를 변경합니다.
  • 고급: 내비게이션 표시: 브레드크럼만, 페이지네이션만, 브레드크럼 및 페이지네이션, 없음
  • 클래식: 제품 아이템 내비게이션 표시
• 페이지 매김 텍스트를 변경합니다.
  • 고급: 페이지네이션 스타일: 이전/다음, 제목
• 페이지 매김 텍스트를 변경합니다.
  • 고급: 내비게이션 정렬: 좌측, 중앙, 우측, 분할
• 페이지 매김 글꼴을 변경합니다.
  • 고급: 내비게이션 글꼴
• 페이지 매김 색상을 변경합니다.
  • 고급: 내비게이션 색상
• 탐색에서 페이지 제목 사이의 화살표 색상을 변경합니다.
  • 고급: 내비게이션 구분선 색상

참고:

• 제품 주문은 스토어 페이지에 표시되는 위치에 따라 설정됩니다. 왼쪽에서 오른쪽으로 정렬됩니다.
• 페이지네이션은 모든 제품을 표시합니다. 특정 카테고리로 제한할 수 없습니다.

제품 상세 정보 페이지 이미지

개별 상품을 볼 때 고객은 제품 이미지를 볼 수 있습니다. 사용 중인 페이지 유형에 따라 제품: 갤러리 사이트 스타일 섹션(고급 스토어 페이지) 또는 제품 사이트 스타일 섹션(클래식 스토어 페이지)에서 이미지의 스타일을 설정하세요.

스타일 설명

• 이미지 정렬을 변경합니다.
  • 고급: 위치: 좌측, 우측
• 갤러리 스타일을 변경합니다.
  • 고급: 디자인: 슬라이드쇼, 스택
• 이미지 너비를 변경합니다.
  • 고급: 너비
• 이미지 모양을 설정합니다.
  • 고급: 종횡비
  • 클래식: 제품 갤러리 크기
• 이미지 컨테이너를 채우도록 제품 이미지를 자를지 여부를 선택합니다. 그렇지 않으면 제품 배경 색상이 이미지 뒤에 표시됩니다.
  • 클래식:제품 갤러리 자동 자르기
• 디자인: 슬라이드쇼를 선택한 경우 이미지 아래에 표시되는 탐색 섬네일에 영향을 미치는 섬네일 조정입니다.
  • 고급: 섬네일 정렬: 왼쪽, 중앙, 우측
• 섬네일 너비를 변경합니다.
  • 고급: 섬네일 너비
• 섬네일 간격을 변경합니다.
  • 고급: 섬네일 간격
• 디자인: 스택을 선택한 경우 이미지 사이의 간격을 변경합니다.
  • 고급: 간격

제품 상세 정보 페이지

사용 중인 페이지 유형에 따라 제품: 상세 정보 사이트 스타일 섹션(고급 스토어 페이지) 또는 제품 사이트 스타일 섹션(클래식 스토어 페이지)에서 제품 정보의 스타일을 설정하세요.

스타일 설명

• 페이지에서 상세 정보가 배치되는 위치를 변경합니다.
  • 고급: 정렬: 좌측, 중앙, 우측
• 줄 높이를 변경합니다.
  • 고급: 줄 높이. '본문: 글꼴 섹션'의 줄 높이 조정은 이곳의 줄 높이에도 영향을 미칩니다.
• 글자 간격을 변경합니다.
  • 고급: 간격
• 제품 제목을 표시하거나 숨깁니다.
  • 고급: 제목 표시
• 제품 제목 글꼴을 변경합니다.
  • 고급: 제목 글꼴
• 제품 제목 색상을 변경합니다.
  • 고급: 제목 색상
• 가격을 표시하거나 숨깁니다.
  • 고급: 가격 표시
• 가격 글꼴을 변경합니다.
  • 고급: 가격 글꼴
• 가격 색상을 변경합니다.
  • 고급: 가격 색상
• 할인 아이템의 색상을 변경합니다.
  • 고급: 판매 가격 색상
• 제품 설명이 표시되는 위치를 선택합니다.
  • 고급: 요약 위치: 가격 위, 가격 아래, 장바구니에 추가 버튼 아래
• 제품 설명 글꼴을 변경합니다.
  • 고급: 요약 글꼴
• 제품 설명 색상을 변경합니다.
  • 고급: 요약 색상
• 제품 설명 링크 색상을 변경합니다.
  • 고급: 요약 링크 색상
• 공유 버튼 숨기기 또는 표시
  • 고급: 공유 버튼 표시
  • 클래식: 제품 소셜 공유
• 공유 버튼 섹션의 조정을 사용합니다.
  • 고급: 스타일 공유 버튼
  • 클래식: 스타일 공유 버튼

제품 상세 정보 페이지의 수량 및 옵션

사용 중인 페이지 유형에 따라 제품: 옵션 사이트 스타일 섹션(고급 스토어 페이지) 또는 메인 콘텐츠 사이트 스타일 섹션(클래식 스토어 페이지)에서 수량과 옵션의 스타일을 설정하세요.

스타일 설명

• 옵션을 표시하거나 숨깁니다.
  • 고급: 옵션 표시
• 수량을 표시하거나 숨깁니다. 수량은 사용 가능한 품목이 여러 개일 때만 표시됩니다.
  • 고급: 수량 표시
• 수량 표시를 변경합니다.
  • 고급: 스타일: 텍스트 전용, 사각형, 라운드형, 타원형
• 수량 표시에 테두리 색상을 추가합니다.
  • 고급: 테두리 색상
• 수량 표시에 배경 색상을 추가합니다.
  • 고급: 배경색
• 수량 표시 글꼴을 변경합니다.
  • 고급: 레이블 글꼴
• 수량 표시 색상을 변경합니다.
  • 고급: 라벨 색상
• 수량 및 옵션 글꼴을 설정합니다.
  • 고급: 글꼴
  • 클래식: 사이트 전체 머리말 또는 표제 요소 1 조정을 따릅니다.
• 수량 및 옵션 텍스트 색상을 설정합니다.
  • 고급: 텍스트 색상
• 옵션 표시 글꼴을 변경합니다. 메뉴 아이템 글꼴은 변경할 수 없습니다.
  • 고급: 글꼴

제품 상세 정보 페이지에 수량 필드가 언제 표시되나요?

수량 필드는 다음과 같은 경우 제품 상세 정보 페이지에 표시됩니다.

• 제품의 재고 수준이 1보다 큽니다.
• 개별 옵션의 재고 수준에 관계없이 옵션이 있습니다.

팁: 제품 상세 정보 페이지에서 각 옵션의 현재 재고 수준을 표시하려면 재고 수량 한정 라벨을 활성화하세요. 이렇게 하면 재고 수준이 1개일 때 고객이 장바구니에 두 개 이상의 제품을 추가하는 것을 막을 수 있습니다.

수량 드롭다운을 숨길 수 있나요?

버전 7.0에서는 사이트의 템플릿이 Brine, Farro, Skye, Tremont 또는 York 그룹에 속하는 경우 제품 수량을 숨길 수 있습니다. 이러한 템플릿에서는 다음과 같이 제품 상세 페이지에서 수량 드롭다운 메뉴를 숨길 수 있습니다.

1. 스토어 페이지로 이동합니다.
2. 개별 항목을 엽니다.
3. 웹사이트 패널로 돌아가서 디자인을 클릭한 후 사이트 스타일을 클릭하세요.
4. 제품: 옵션 섹션까지 스크롤하세요.
5. 수량 표시를 선택 취소합니다.

팁: 수량 옵션은 결제 시 화면에 계속 표시됩니다. 모든 템플릿에서 서비스 품목에 대해 비활성화할 수 있습니다.

제품 상세 정보 페이지의 장바구니에 추가 버튼입니다.

사용 중인 페이지 유형에 따라 버튼 표시 사이트 스타일 섹션(고급 스토어 페이지) 또는 버튼 사이트 스타일 섹션(클래식 스토어 페이지)에서 수량과 옵션의 스타일을 설정하세요.

스타일 설명

• 버튼을 숨깁니다.
  • 고급: 표시 버튼 선택 해제
• 버튼 스타일을 변경합니다.
  • 고급: 스타일: 솔리드, 아웃라인, 레이즈드
  • 클래식: 스타일: 기본, 솔리드, 아웃라인, 레이즈드
• 버튼 모양을 변경합니다.
  • 고급: 모양: 정사각형, 둥근 직사각형, 타원형
  • 클래식: 모양: 정사각형, 둥근 직사각형, 타원형
• 버튼 패딩을 추가하거나 제거합니다.
  • 어드밴스드 요금제: 패딩(여백): S, M, L
• 버튼 색상을 변경합니다.
  • 고급: 색상
  • 클래식: 버튼 색상
• 버튼 텍스트 색상을 변경합니다.
  • 고급: 텍스트 색상
  • 클래식: 텍스트 색상
• 버튼 글꼴을 변경합니다.
  • 고급: 글꼴
  • 클래식: 글꼴

참고: 제품이 품절되면 장바구니에 추가 버튼이 흐리게 표시됩니다.

제품 상세 정보 페이지의 결제 버튼

장바구니 페이지에 표시되는 결제 버튼은 사이트의 색상 설정을 따릅니다. 모양이나 글꼴을 사용자 지정할 수 없습니다.

제품 상세 정보 페이지의 관련 제품

관련 제품은 페이지 하단에 그리드 형태로 표시됩니다.