장바구니에 포함

장바구니에 추가 구성 요소 및 설정에 대한 개요를 확인하세요.

제품 페이지나 링크된 컬렉션 목록에 삽입할 수 있는 전용 구성 요소입니다. 상품 category는 장바구니에 포함 요소. 이 구성 요소는 사용자가 장바구니에 제품을 넣거나 바로 결제를 진행할 수 있는 2개의 버튼으로 구성됩니다.

이 튜토리얼 전반에 걸쳐:

  1. 장바구니 추가 구성요소
  2. 장바구니 추가 구성
  3. 장바구니 추가 요소 분석

장바구니 기능에 포함

그만큼 장바구니에 포함 기능은 패널 삽입 아래에 온라인 커머스. 당신은 장바구니에 포함 제품 페이지 또는 해당 상품 컬렉션에 연결된 컬렉션 목록에 기능을 추가하세요. 패널 삽입 또는 통해 빠른 찾기 (CMD/CTRL+E).

삽입 패널에서 장바구니에 포함 버튼을 삽입합니다.

장바구니 구성에 포함

개인화할 수 있는 옵션이 있습니다. 장바구니에 포함 구성요소 설정 패널의 구성요소입니다.

‍장바구니 구성에 포함

상태

세 가지 조건 사이를 전환합니다(기준, 품절, 문제) 장바구니 구성 요소에 포함하여 각 조건을 명확하게 설계합니다.

이는 기본적으로 활성화되어 있습니다. 금액 필드를 비활성화하여 장바구니 래퍼에 포함되는 금액 입력 필드를 숨길 수 있습니다.

장바구니에 포함

이는 기본적으로 활성화되어 있습니다. 장바구니에 포함을 비활성화하여 장바구니 래퍼에 포함되지 않도록 버튼을 숨길 수 있습니다.

지금 구입

이는 기본적으로 활성화되어 있습니다. 지금 구매를 비활성화하여 장바구니 래퍼에 포함되지 않도록 버튼을 숨길 수 있습니다.

메모: 현재 구매는 결제 서비스 제공업체(사이트 고객의 결제를 수락하는 제공업체)인 Stripe에서만 작동합니다. Stripe이 연결되지 않은 경우 지금 구매 버튼이 게시된 사이트에서 숨겨집니다.

장바구니 구성 요소에 포함되는 구조

많은 요소가 구성되어 있습니다. 장바구니에 포함 요소. 각 조건에는 고유한 요소 집합이 있습니다. 그것이 무엇인지, 어떻게 조정할 수 있는지 알아보세요.

표준상태

이는 쇼핑객을 위한 기본 보기입니다. 표준 조건에는 다음 구성 요소가 포함됩니다.

  • 선택 목록 — 변형이 있는 제품에 대해 표시되고 사용자가 장바구니에 삽입할 변형을 선택할 수 있도록 하는 드롭다운 또는 버튼 세트입니다.
  • — 이를 통해 사용자는 장바구니에 넣고 싶은 제품 수를 지정할 수 있습니다. 금액을 숨길 수 있습니다. 장바구니 구성에 포함. 자세히 읽어보세요.
  • 장바구니 버튼에 포함 — 이것은 디자인하고 사용자 정의할 수 있는 실제 "장바구니에 포함" 버튼입니다. 수정하려면 "제출 버튼"을 선택하세요. 표준 텍스트 그리고 기대되는 텍스트 에서 장바구니 버튼 구성에 포함. 쇼핑객이 장바구니에 포함 버튼 – 구매자가 나중에 구매를 완료할 수 있는 장바구니에 제품이 추가됩니다.
  • 지금 구매 버튼 — 이것은 디자인하고 사용자 정의할 수 있는 "지금 구매" 버튼입니다. 선택 지금 구입 업데이트 버튼 표준 텍스트 에서 지금 구매 버튼 구성. 그만큼 지금 구입 버튼은 쇼핑객을 결제 페이지로 직접 안내하여 구매를 완료하므로 더 적은 단계로 결제할 수 있습니다.
선택 목록

변형이 있는 제품은 고객이 제품의 다양한 변형을 선택할 수 있도록 다양한 옵션을 제공합니다. 우리를 갖는 동안 선택 목록 요소를 선택하면 목록을 사용자 정의할 수 있는 여러 옵션이 있습니다.

  • 변형 선택기
  • 기본 변형 선택

고용 선택하다 드롭다운 요소에 제품 변형 옵션을 표시할 수 있습니다. 버튼 선택 가능한 버튼 선택 항목에 제품 변형 옵션을 표시할 수 있습니다.

그리고 각 제품이 활용하여 시작할 수 있는 변형을 지정할 수 있습니다. 기본 변형 선택.

메모: 만약 당신의 장바구니에 포함 프로젝트 내의 구성 요소에는 지금 구입 버튼 또는 변형 선택기 – 새 것을 다시 삽입 장바구니에 포함 Designer 내의 프로젝트에 구성 요소를 추가합니다.

품절상태

상품 품절 시 장바구니 담기 버튼 대신 표시되는 메시지입니다. 디자이너에서 이 조건을 볼 때 이 메시지를 맞춤화하고 스타일을 지정할 수 있습니다.

발행조건

시스템이 장바구니에 제품을 넣는 데 어려움을 겪을 때 문제 메시지가 나타날 수 있습니다. 문제 메시지를 개인화하고 디자인할 수 있습니다. 문제 메시지를 조정하려면 문제 메시지 액세스할 수 있는 텍스트 블록 이슈 메시지 구성. 캔버스에서 보려면 구성에서 각 메시지를 선택하세요. 메시지를 수정하려면 연필 아이콘 해당 메시지 위로 마우스를 가져가면 구성의 메시지 옆에 팝업이 표시됩니다.

이완 막
Ewan Mak의 최신 게시물 (모두 보기)