테마 편집기에서: 사용자 지정홈페이지섹션 추가추천 제품

추천 제품

한 제품의 사진과 구매에 필요한 모든 것을 페이지에 바로 보여 줍니다. 옵션, 수량, 버튼.

각 부분은 블록입니다. 필요 없는 것은 빼고, 특별한 내용은 “사용자 지정 Liquid” 블록으로 추가하세요.

설정

일반

제품
제품
추가 상품
제품 목록전환할 상품을 최대 5개까지 추가합니다. 다음 상품이 사진 뒤로 살짝 보이고 아래에 점이 표시됩니다. 비어 있으면: 상품 하나.
버전
선택: 밝게, 어둡게기본값: 밝게밝게: 페이지 배경 위의 흰색 카드. 어둡게: 테마의 어두운 색상으로 된 무대로, 제품 뒤에 은은한 빛이 비칩니다.

미디어

이미지 모양
선택: 세로(4:5), 정사각형기본값: 정사각형
데스크톱의 이미지 위치
선택: 자동: 위 섹션과 반대쪽, 시작 쪽, 끝 쪽기본값: 자동: 위 섹션과 반대쪽휴대폰에서는 이미지가 항상 상세 정보 위에 표시됩니다. 자동: 위 섹션에도 텍스트 옆에 이미지가 있으면 이미지가 반대쪽에 배치되어 연속된 섹션이 번갈아 나타납니다. 그렇지 않으면 시작 쪽(히브리어에서는 오른쪽)에 배치됩니다.
이미지 간 화살표
켜기 또는 끄기기본값: 켜짐동영상과 3D 모델(있는 경우)을 포함한 모든 제품 미디어.
이미지의 배지
켜기 또는 끄기기본값: 켜짐

세부 정보

세부 정보 정렬
선택: 시작 쪽, 가운데기본값: 시작 쪽
모든 섹션에 공통인 설정창, 스크롤, 간격, 색상, 텍스트 스타일

창, 스크롤, 간격, 색상 설정은 모든 섹션에서 똑같이 작동합니다. 작동 방식 보기.

창

연결
선택: 독립된 창, 위쪽 창에 연결, 아래쪽 창에 연결, 위아래로 연결기본값: 독립된 창
이미지 모서리
선택: 둥글게, 직각기본값: 둥글게

스크롤

스크롤 시 다음 섹션이 덮기
켜기 또는 끄기기본값: 꺼짐아래로 스크롤하면 이 섹션이 헤더 아래에 고정되고 다음 섹션이 그 위로 올라옵니다. 다시 위로 스크롤하면 반대로 움직입니다. 편집기, 동작 줄이기를 설정한 방문자, 세로가 매우 짧은 화면에서는 꺼집니다.

간격

이 섹션에 사용자 지정 간격 사용
켜기 또는 끄기기본값: 꺼짐끄기: 테마 설정의 레이아웃에 있는 섹션 간격을 사용합니다. 켜기: 여기서 설정한 값을 이 섹션의 위아래에 사용합니다. 모바일에서는 대부분의 섹션이 이 값의 65%를 사용합니다.
위쪽 간격
슬라이더, 0~120 px기본값: 40 px
아래쪽 간격
슬라이더, 0~120 px기본값: 40 px
콘텐츠 너비
선택: 좁게, 표준, 넓게, 전체 너비기본값: 표준

색상

색상 스킴
색 구성표페이지 스킴과 같으면 섹션이 페이지 배경 위에 놓입니다. 다른 스킴은 프레임 안의 카드처럼 섹션에 자체 배경을 줍니다. 아래의 사용자 지정 색상이 스킴보다 우선합니다.
이 섹션에 사용자 지정 색상 사용
켜기 또는 끄기기본값: 꺼짐끄면 섹션에 테마 색상이 사용됩니다.
배경
색상기본값: #F1F1EF
텍스트
색상비워 두면 자동으로 설정됩니다. 어두운 배경에서는 밝게, 밝은 배경에서는 어둡게 표시됩니다.
배경 스타일
선택: 단색, 조명 무대기본값: 단색조명 무대: 위에서 부드러운 빛이 내려와 아래로 갈수록 은은해지며, 섹션의 색(밝거나 어둡거나)으로 만들어집니다. 어두운 색에서는 텍스트와 버튼이 저절로 밝아집니다.
빛 색상
색상위쪽 가운데에서 비치는 은은한 빛입니다. 비워 두면 흰색입니다.

텍스트 스타일

이 섹션에 사용자 지정 텍스트 스타일 사용
켜기 또는 끄기기본값: 꺼짐끄면 섹션에 테마 스타일이 사용됩니다. Shopify 글꼴에는 히브리어가 없으므로 히브리어에서 작동하는 스타일 중에서 선택합니다.
제목 스타일
선택: 테마 기본값, 가늘게, 굵게, 세리프기본값: 테마 기본값
제목 크기
슬라이더, 70~160 %기본값: 100 %
제목 색상
색상비워 두면 자동으로 섹션 색상을 사용합니다(어두운 배경에서는 밝게).
텍스트 스타일
선택: 테마 기본값, 가늘게, 굵게, 세리프기본값: 테마 기본값
텍스트 크기
슬라이더, 70~160 %기본값: 100 %
텍스트 색상
색상비워 두면 자동으로 섹션 색상을 사용합니다(어두운 배경에서는 밝게).

블록

블록은 섹션 안에 있는 구성 요소입니다. 편집기에서 추가하고 삭제하며, 끌어서 순서를 바꿉니다.

앱 블록

설치한 앱은 이곳에 자체 블록을 추가할 수 있습니다. 예를 들어 앱의 리뷰나 사이즈 표가 있습니다.

이 부분에는 자체 설정이 없습니다.

제목

일반

이름 위의 작은 줄
텍스트선택 사항입니다. 비워 두면 표시되지 않습니다.
공급업체 표시
켜기 또는 끄기기본값: 꺼짐
설명

일반

설명 길이(단어 수)
슬라이더, 10~60기본값: 28
텍스트

일반

텍스트
텍스트제목 아래의 짧은 설명입니다. 제품 필드에 연결할 수 있습니다.
가격

이 부분에는 자체 설정이 없습니다.

구매 옵션

일반

정기 구독 앱으로 판매하는 제품의 1회 구매 및 정기 구독 옵션입니다. 이 블록이 없으면 정기 구독으로만 판매되는 제품에서만 장바구니 담기 버튼 위에 옵션이 표시됩니다.

옵션 선택기

일반

스타일
선택: 버튼, 드롭다운 목록기본값: 버튼
색상
선택: 색상 원, 드롭다운 목록기본값: 색상 원색상 옵션에만 적용됩니다. 다른 옵션은 위 스타일을 따릅니다.
사이즈 가이드 페이지
페이지자체 "사이즈 가이드" 필드(custom.size_guide)가 있는 상품은 그 페이지를 표시합니다. 없으면 이 페이지, 비어 있으면 테마 설정의 페이지를 표시합니다.
수량

일반

구매 버튼 블록 바로 앞에 두면 수량이 장바구니 담기 버튼과 같은 줄에 표시됩니다. 다른 위치에서는 레이블과 함께 따로 표시됩니다.

구매 버튼

일반

지금 구매 버튼
켜기 또는 끄기기본값: 켜짐이 상품만 담아 바로 결제로 이동하며, 장바구니는 그대로 둡니다.
동적 결제 버튼
선택: 지갑 또는 Shopify의 '바로 구매', 지갑만, 끄기기본값: 지갑 또는 Shopify의 '바로 구매'구매 버튼 아래에 표시되는 Shopify 버튼입니다. 결제 설정에서 지갑이 활성화되어 있으면 고객의 지갑(Shop Pay, Apple Pay, Google Pay, PayPal)을 표시합니다. 지금 구매 버튼이 켜져 있는 동안에는 Shopify의 '바로 구매'가 표시되지 않으므로 버튼은 하나만 있습니다.
결제 바로가기 버튼
켜기 또는 끄기기본값: 꺼짐bit, 신용카드 및 추가한 결제 수단. 장바구니에 추가한 뒤 결제 페이지로 이동합니다. 버튼 자체는 테마 설정의 ‘간편 결제 버튼’에서 설정합니다.
기프트 카드 수령인 양식 표시
켜기 또는 끄기기본값: 켜짐구매자가 다른 사람에게 기프트 카드를 직접 보낼 수 있습니다. 양식이 표시되는 동안 기프트 카드에서는 지금 구매 버튼과 동적 결제 버튼이 숨겨집니다. Shopify는 장바구니에 담을 때만 수령인 정보를 확인하기 때문입니다.
제품 페이지 링크

일반

링크 텍스트
텍스트비워 두면 "자세히 보기"가 표시됩니다.
사용자 지정 Liquid

일반

사용자 지정 Liquid
코드고급 사용자 지정 및 앱 스니펫용입니다.

여기 내용이 편집기에 보이는 것과 다른가요? 알려 주세요. 가이드를 바로잡겠습니다.