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

제품 페이지

제품 페이지의 중심: 사진, 그리고 그 옆의 구매 패널. 패널의 각 부분은 옮기거나 빼거나 추가할 수 있는 블록입니다.

각 제품의 “Size guide” 필드에서 제품별 사이즈 가이드를 지정할 수 있습니다. 지정하지 않은 제품은 “옵션 선택기” 블록에서 정한 페이지를 보여 줍니다.

설정

레이아웃

제품 영역 너비
슬라이더, 1000~2000 px기본값: 1600 px아래 ‘콘텐츠 너비’가 표준일 때 사용됩니다.
컴퓨터 레이아웃
선택: 반반, 무대기본값: 반반반반: 정사각형 이미지 아래에 썸네일, 옆에 상세 정보. 페이지 전체가 함께 스크롤됩니다. 무대: 세로로 긴 이미지 안에 썸네일, 그 위에 상세 카드.
스크롤할 때 이미지를 제자리에 유지
켜기 또는 끄기기본값: 켜짐큰 화면에서 상세 패널이 이미지보다 높으면, 패널을 스크롤하는 동안 이미지가 화면에 남아 있습니다.
휴대폰 및 태블릿의 패널 정렬
선택: 가운데, 측면기본값: 가운데가운데: 제목, 가격, 옵션, 수량이 가운데에 놓입니다. 설명과 축소 가능한 행은 긴 텍스트이므로 측면 정렬을 유지합니다. 데스크톱에서는 패널이 항상 사진 옆에 측면 정렬됩니다.

사진

사진 맞춤
선택: 프레임 채우기, 사진 전체 표시기본값: 프레임 채우기‘프레임 채우기’는 사진을 정사각형으로 자릅니다. ‘사진 전체 표시’는 자르지 않습니다.
썸네일 표시
켜기 또는 끄기기본값: 켜짐데스크톱과 태블릿에서는 이미지 옆에 열로 표시됩니다. 휴대폰은 다음 설정을 참조하세요.
휴대폰에도 썸네일 표시
켜기 또는 끄기기본값: 켜짐메인 이미지 아래에 썸네일이 한 줄로 표시되며, 눌러서 선택할 수 있습니다.
화살표 표시
켜기 또는 끄기기본값: 켜짐
마지막 사진에서 첫 사진으로 이어서 넘기기
켜기 또는 끄기기본값: 켜짐화살표가 끝에서 멈추지 않습니다.
확대 버튼 표시
켜기 또는 끄기기본값: 켜짐
동영상 자동 재생
켜기 또는 끄기기본값: 꺼짐갤러리 동영상이 화면에 스크롤되어 들어오면 음소거 상태로 반복 재생됩니다.
사진에 배지 표시
켜기 또는 끄기기본값: 켜짐품절, 상품 고유 텍스트 또는 세일.

하단 구매 바

하단 구매 바 표시
켜기 또는 끄기기본값: 켜짐메인 버튼이 화면 밖으로 나가면 화면 아래의 프레임이 두꺼워지며 상품, 현재 선택, 가격, 장바구니 담기를 페이지 끝까지 보여 줍니다. 색상은 프레임 색상입니다. 휴대폰에서는 위로 스크롤하면 플로팅 메뉴와 교체됩니다.
휴대폰의 플로팅 카드 모양
선택: 플로팅 카드, 메뉴 뒤에서 올라옴, 프레임이 올라옴기본값: 플로팅 카드플로팅 카드: 컴퓨터처럼 하단 프레임 바로 위에 떠 있고, 하단 메뉴는 자리를 비켜 줍니다. 올라옴: 카드가 하단 메뉴 뒤에서 올라오고 메뉴는 그대로 있습니다. 프레임: 프레임이 전체 너비로 올라오고 메뉴는 자리를 비켜 줍니다. 하단 메뉴가 없으면 "올라옴"은 프레임이 됩니다. 컴퓨터에서는 항상 플로팅 카드입니다.
플로팅 카드 색상
색상비어 있음: 검색 패널처럼 사이트의 표면. 어두운 색에서는 글자가 밝아집니다.
플로팅 카드 테두리 색상
색상플로팅 카드를 감싸는 테두리입니다. 비워 두면 텍스트 색상의 얇은 선이 표시됩니다.
바 안의 작은 상품 이미지
켜기 또는 끄기기본값: 켜짐바 시작 부분, 행 안에 작은 이미지를 표시합니다.

페이지 배경

배경 스타일
선택: 사이트 배경, 단색, 조명 무대기본값: 사이트 배경사이트 배경: 페이지가 사이트의 나머지와 같습니다. 단색: 아래의 색. 조명 무대: 선택한 색의 무대로, 이미지와 상세 정보 뒤에 부드러운 빛이 들어갑니다. 어두운 색에서는 텍스트, 선, 버튼이 저절로 밝아집니다. 마지막 두 옵션은 섹션의 사용자 색을 대신합니다.
색상 스킴
색 구성표무대는 이 스킴에서 배경과 강조색을 가져옵니다. 아래에서 고른 색이 우선합니다.
배경 색상
색상조명 무대 사용 시: 무대의 색조. 기본값은 사이트 전체 무대에 쓰이는 따뜻한 차콜입니다.
빛 색상
색상이미지와 세부 정보 뒤의 은은한 빛입니다. 비워 두면 흰색입니다.
모든 섹션에 공통인 설정창, 스크롤, 간격, 색상, 텍스트 스타일

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

창

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

스크롤

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

간격

이 섹션에 사용자 지정 간격 사용
켜기 또는 끄기기본값: 꺼짐끄기: 테마 설정의 레이아웃에 있는 섹션 간격을 사용합니다. 켜기: 여기서 설정한 값을 이 섹션의 위아래에 사용합니다. 모바일에서는 대부분의 섹션이 이 값의 65%를 사용합니다.
위쪽 간격
슬라이더, 0~160 px기본값: 12 px
아래쪽 간격
슬라이더, 0~160 px기본값: 32 px
큰 화면 위쪽 추가 간격
슬라이더, 0~96 px기본값: 16 px화면 너비 990px부터 기존 간격에 더해집니다.
큰 화면 아래쪽 추가 간격
슬라이더, 0~96 px기본값: 24 px화면 너비 990px부터 기존 간격에 더해집니다.
콘텐츠 너비
선택: 좁게, 표준, 넓게, 전체 너비기본값: 표준

색상

이 섹션에 사용자 지정 색상 사용
켜기 또는 끄기기본값: 꺼짐끄면 섹션에 테마 색상이 사용됩니다.
배경
색상기본값: #F1F1EF
텍스트
색상비워 두면 자동으로 설정됩니다. 어두운 배경에서는 밝게, 밝은 배경에서는 어둡게 표시됩니다.

텍스트 스타일

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

블록

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

앱 블록

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

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

제목

일반

제목 위에 컬렉션 이름 표시
켜기 또는 끄기기본값: 켜짐
" | " 뒤의 부분 강조
켜기 또는 끄기기본값: 켜짐제품 이름에 " | "가 있으면 그 뒤의 부분이 더 굵게 표시됩니다.
공급업체 표시
켜기 또는 끄기기본값: 꺼짐
가격

일반

할인율 표시
켜기 또는 끄기기본값: 꺼짐할인은 이미 사진 위에 표시됩니다. 켜면 가격 옆에도 표시됩니다.
텍스트

일반

텍스트
텍스트제목 아래의 짧은 설명입니다. 제품 필드에 연결할 수 있습니다.
옵션 선택기

일반

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

일반

위치
선택: '지금 구매' 옆, 별도 줄기본값: '지금 구매' 옆'지금 구매' 옆: 수량이 버튼 첫 줄의 시작에 놓이고, '장바구니에 추가'는 그 아래 전체 너비의 줄을 따로 가집니다. 별도 줄: 버튼 위에 라벨과 함께 표시. 수량 단계가 있으면 단계가 대신합니다.
수량별 할인

일반

제목
텍스트비어 있음: 고객 언어로 '수량'. 데스크톱에서는 화면 낭독기만 읽습니다.
1개 레이블
텍스트비어 있음: 고객 언어로 된 수량('2개').
이 단계 표시
켜기 또는 끄기기본값: 켜짐
수량
슬라이더, 2~12기본값: 2
할인
슬라이더, 0~60 %기본값: 10 %자동 할인과 일치해야 합니다.
레이블
텍스트비어 있음: 고객 언어로 된 수량('2개').
이 단계 표시
켜기 또는 끄기기본값: 켜짐
수량
슬라이더, 2~12기본값: 3
할인
슬라이더, 0~60 %기본값: 18 %자동 할인과 일치해야 합니다.
레이블
텍스트비어 있음: 고객 언어로 된 수량('2개').
강조할 단계
선택: 없음, 두 번째 단계, 세 번째 단계기본값: 없음
강조 텍스트
텍스트비어 있음: 강조한 단계의 할인, 예: '18% 할인'.

더 많이 구매하면 더 좋은 가격을 제공하세요. 할인은 여기에 표시만 됩니다. 실제로 적용되도록 Shopify 관리자에서 일치하는 자동 할인을 생성하세요.

모든 섹션에 공통인 설정색상

색상

행 배경
색상비워 두면 색 구성표의 색상을 사용합니다.
선택한 행 테두리
색상
배지 배경
색상
배지 텍스트
색상
구매 옵션

일반

제목
텍스트비워 두면 기본 텍스트가 표시됩니다.
절약률 표시
켜기 또는 끄기기본값: 켜짐
플랜 설명 표시
켜기 또는 끄기기본값: 켜짐설명은 구독 앱에서 가져옵니다.
구독 정책 링크 표시
켜기 또는 끄기기본값: 켜짐스토어에 구독 정책이 있을 때 표시됩니다(설정 > 정책).

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

구매 버튼

일반

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

일반

배송 안내
텍스트장바구니에 추가하기 전에 보이도록 구매 버튼 아래 두 개의 가는 선 사이에 표시되는 짧은 문구입니다. 예: 영업일 기준 8–18일 내 택배 배송. 제품마다 다른 문구를 쓰려면 제품 필드 custom.delivery_note(한 줄 텍스트, 설정 > 사용자 지정 데이터 > 제품)를 입력하세요. 이 텍스트보다 우선합니다. 둘 다 비어 있으면 테마 설정(제품)의 배송 문구가 표시되고, 그것도 비어 있으면 무료 배송 규칙(테마 설정, 무료 배송)을 따르는 문구가 표시됩니다.
보증 안내
텍스트기본적으로 꺼져 있으며, 비워 두면 문구가 표시되지 않습니다. 제품마다 다른 문구를 쓰려면 제품 필드 custom.warranty(한 줄 텍스트, 설정 > 사용자 지정 데이터 > 제품)를 입력하세요. 이 텍스트보다 우선합니다. 제품에 대해 사실인 내용만 작성하세요.
신뢰 행

일반

아이콘이 있는 짧은 약속 최대 세 개와 그 아래 결제 아이콘. 구매 버튼 바로 아래가 가장 자연스러운 위치입니다.

첫 번째 항목

아이콘
선택: 소포(배송), 되돌리기 화살표(반품), 방패(안전한 결제), 헤드셋(서비스), 다이아몬드(품질), 이 항목 숨기기기본값: 소포(배송)
텍스트
텍스트비워 두면 아이콘에 맞는 기본 텍스트가 표시됩니다. 소포: 무료 배송 규칙(테마 설정, 무료 배송)에 따른 배송 약속. 되돌리기 화살표와 방패: 짧은 고정 텍스트. 헤드셋과 다이아몬드에는 기본 텍스트가 없으므로 여기에 텍스트를 입력해야만 항목이 표시됩니다. 긴 텍스트는 균형 잡힌 두 줄로 나뉩니다.

두 번째 항목

아이콘
선택: 소포(배송), 되돌리기 화살표(반품), 방패(안전한 결제), 헤드셋(서비스), 다이아몬드(품질), 이 항목 숨기기기본값: 되돌리기 화살표(반품)
텍스트
텍스트비워 두면 아이콘에 맞는 기본 텍스트가 표시됩니다. 소포: 무료 배송 규칙(테마 설정, 무료 배송)에 따른 배송 약속. 되돌리기 화살표와 방패: 짧은 고정 텍스트. 헤드셋과 다이아몬드에는 기본 텍스트가 없으므로 여기에 텍스트를 입력해야만 항목이 표시됩니다. 긴 텍스트는 균형 잡힌 두 줄로 나뉩니다.

세 번째 항목

아이콘
선택: 소포(배송), 되돌리기 화살표(반품), 방패(안전한 결제), 헤드셋(서비스), 다이아몬드(품질), 이 항목 숨기기기본값: 방패(안전한 결제)
텍스트
텍스트비워 두면 아이콘에 맞는 기본 텍스트가 표시됩니다. 소포: 무료 배송 규칙(테마 설정, 무료 배송)에 따른 배송 약속. 되돌리기 화살표와 방패: 짧은 고정 텍스트. 헤드셋과 다이아몬드에는 기본 텍스트가 없으므로 여기에 텍스트를 입력해야만 항목이 표시됩니다. 긴 텍스트는 균형 잡힌 두 줄로 나뉩니다.

결제 아이콘

결제 수단 아이콘 표시
켜기 또는 끄기기본값: 켜짐
예상 배송일

일반

최소 영업일
슬라이더, 0~30기본값: 11
최대 영업일
슬라이더, 0~45기본값: 18
영업일이 아닌 요일
선택: 금요일과 토요일, 토요일과 일요일, 없음, 모든 요일 포함기본값: 금요일과 토요일
주요 문구
텍스트[from]과 [to]는 날짜로 바뀝니다. 비워 두면 ‘오늘 주문하면 [from]~[to] 사이에 도착해요’가 표시됩니다.
두 번째 문구
텍스트비워 두면 문 앞까지 걸리는 일수 범위가 표시됩니다.
달력 아이콘 표시
켜기 또는 끄기기본값: 켜짐

오늘부터 영업일 기준으로 날짜 범위를 계산합니다. 날짜는 구매자의 브라우저에서 계산되므로 방문한 날에 항상 맞게 표시됩니다.

WhatsApp 문의

일반

질문
텍스트비워 두면 기본 텍스트가 표시됩니다.
링크 텍스트
텍스트비워 두면 기본 텍스트가 표시됩니다.
미리 작성된 메시지
텍스트[product]는 제품 이름으로 바뀝니다. 비워 두면 ‘안녕하세요, [product]에 대해 궁금한 점이 있어요’가 표시됩니다.
메시지에 제품 링크 추가
켜기 또는 끄기기본값: 켜짐

미리 작성된 메시지로 WhatsApp 채팅을 여는 문구입니다. 번호는 테마 설정의 소셜 미디어에서 가져옵니다. 번호를 추가하기 전까지는 스토어 문의 페이지로 연결됩니다.

설명

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

축소 가능한 행

일반

제목
텍스트
행에 표시할 내용
선택: 텍스트 또는 페이지, 제품 사양, 아이콘 목록기본값: 텍스트 또는 페이지
콘텐츠
텍스트
페이지의 콘텐츠
페이지위의 콘텐츠 다음에 표시됩니다.
제품 사양 필드
텍스트네임스페이스와 키(예: custom.specs). 필드에 한 줄에 하나씩 "이름: 값" 형식으로 입력합니다. 이 필드가 없는 제품에는 행이 표시되지 않습니다.
줄
텍스트한 줄에 한 문장씩 입력하세요. 아이콘은 shipping, return, support, secure, payment 같은 단어(히브리어 포함)로 선택됩니다. 다른 줄에는 체크 표시가 있는 방패 아이콘이 사용됩니다.
배송 및 환불 정책 링크
켜기 또는 끄기기본값: 켜짐
혜택 말풍선

일반

아이콘
선택: 번개, 선물, 반짝임, 타이머, 하트, 체크 표시가 있는 방패, 아이콘 없음기본값: 번개
제목
텍스트비워 두면: 방문자 언어로 "특별 혜택".
혜택 문구
텍스트예: "200달러 이상 주문 시 20달러 할인". 문구가 없으면 말풍선이 표시되지 않습니다.
상품
제품 목록여기서 선택한 상품에만 말풍선이 표시됩니다. 비워 두면: 이 템플릿을 쓰는 모든 상품.
모든 섹션에 공통인 설정색상

색상

강조 색상
색상탭과 테두리. 비워 두면: 모든 탭의 색상(테두리 색상).
탭 텍스트 색상
색상비워 두면: 어두운 탭에는 밝게, 밝은 탭에는 어둡게.
배경 색상
색상비워 두면: 흰색.
텍스트 색상
색상
카운트다운

일반

혜택 문구
텍스트예: "20% 할인". 비워 두면: 비교 가격이 있는 경우 옵션의 할인율.
짧은 텍스트
텍스트혜택 문구 옆에 표시됩니다. 비워 두면: 방문자 언어로 "기간 한정".
상품
제품 목록여기서 선택한 상품에만 바가 표시됩니다. 비워 두면: 어디에도 표시되지 않습니다. 실제 종료일이 있는 실제 할인에 사용하세요.

타이머

종료 날짜 및 시간
텍스트연-월-일 다음에 시:분, 예: 2026-10-20 18:00, 스토어 시간대 기준. 비어 있거나 잘못되면: 스토어에 바가 표시되지 않고, 편집기에 스토어가 이해한 날짜가 메모로 표시됩니다.
초 표시
켜기 또는 끄기기본값: 켜짐동작 줄이기를 선호하는 방문자에게는 초가 표시되지 않으며 타이머가 1분마다 업데이트됩니다.
시간이 종료되면
선택: 혜택 종료 메시지 표시, 바가 사라짐기본값: 바가 사라짐
종료 메시지
텍스트비워 두면 방문자의 언어로 ‘이 혜택은 종료되었습니다. 관심 가져 주셔서 감사합니다.’가 표시됩니다.

배경

배경 색상
색상비어 있음: 스토어 잉크 색. 조명 무대는 이 색으로 만들어집니다.
배경 스타일
선택: 단색, 조명 무대기본값: 조명 무대조명 무대: 위에서 부드러운 빛이 내려와 아래로 갈수록 은은해지며, 선택한 색으로 만들어집니다. 밝은 색에서는 위쪽이 흰색이 되고, 어두운 색에서는 어두운 무대가 됩니다.
빛 색상
색상위쪽 가운데에서 비치는 은은한 빛입니다. 비워 두면 흰색입니다.
텍스트 색상
색상비워 두면 자동으로 설정됩니다. 어두운 배경에서는 밝게, 밝은 배경에서는 어둡게 표시됩니다.
사용자 지정 Liquid

일반

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

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