테마 편집기에서: 사용자 지정테마 설정제품 카드

제품 카드

그리드에 나오는 모든 곳에서의 제품 모습: 이미지, 이름과 가격, 빠르게 담는 동전, 배지.

제품의 “Badge” 필드는 “신상품”처럼 그 제품만의 단어를 카드에 보여 줍니다. 세일과 품절 배지는 자동으로 나타납니다.

설정

이미지

이미지 비율
선택: 정사각형, 세로, 가로, 제품 이미지에 맞춤기본값: 세로
이미지 모서리
슬라이더, 0~40 px기본값: 12 px0(직각)부터 가장 둥근 모서리까지. 12는 버튼 모서리와 같습니다.
두 번째 이미지 표시
켜기 또는 끄기기본값: 켜짐휴대폰: 두 이미지 사이를 스와이프합니다. 데스크톱: 마우스를 올리면 화살표가 나타납니다.

콘텐츠

공급업체 표시
켜기 또는 끄기기본값: 꺼짐
색상 점
켜기 또는 끄기기본값: 켜짐상품에 색상 옵션이 있으면 가격 아래에 작은 점을 표시합니다. Shopify 색상 견본 또는 색상 이름을 사용합니다.

카드의 코인

카드 코인의 동작
선택: 스마트 + 모든 카드에 미리보기(권장), 스마트만, 항상 빠른 보기 열기, 코인 없음: 카드 전체가 상품을 엽니다기본값: 스마트 + 모든 카드에 미리보기(권장)스마트: 옵션이 없는 상품은 바로 장바구니에 담깁니다. 선택이 하나(사이즈, 색상, 소재)인 상품은 카드 위에 값의 부채가 펼쳐지고, 탭하면 담깁니다. 옵션이 여러 개인 상품은 빠른 보기를 엽니다. "살짝 보기"는 위쪽 모서리에 항상 빠른 보기를 여는 작은 유리 버튼을 추가합니다.
플러스 버튼 색상
색상상품 이미지의 플러스. 비워 두면: 페이지의 어두운 색. 색을 지정하면 플러스를 채웁니다.
플러스 아이콘 색상
색상비워 두면 자동으로 선택됩니다. 밝은 버튼에는 어두운 색, 어두운 버튼에는 밝은 색.
준비된 추가 버튼
색상기본값: #2563EB상품 카드의 플러스. 짧은 부채가 열려 있고 한 번 더 누르면 장바구니에 담길 때의 색입니다. 플러스 색상과 같으면 플러스가 배경색과 기호 색을 서로 바꾸므로 항상 달라 보입니다.
추가 버튼의 플러스
색상기본값: #FFFFFF
플러스 탭의 선택지
선택: 채움, 테두리기본값: 채움채움: 흰색 원. 테두리: 탭 배경 위에 얇은 테두리와 한 가지 색의 텍스트, 플러스와 같은 모양.
테두리 색상
색상선택지의 테두리와 텍스트. 비워 두면: 플러스의 두 색 중 페이지에서 더 잘 보이는 색.
테두리 강도
슬라이더, 20~100 %기본값: 42 %평소 테두리의 진하기. 마우스를 올리거나 선택하면 항상 가장 진합니다.

세부 정보

배지의 할인율
선택: 표시 가격(권장), 최대: 가장 큰 할인율, 할인율이 다르면 숨기기기본값: 표시 가격(권장)이형 상품별 가격이 다른 제품에 적용됩니다. 표시 가격: 할인율과 비교 가격은 카드에 가격이 표시된 이형 상품을 기준으로 합니다. 해당 이형 상품이 할인 중이 아니면 세일 배지가 표시되지 않습니다. 최대: 제품의 가장 큰 할인율을 ‘최대’라는 표현과 함께 표시합니다. 숨기기: 구매 가능한 모든 이형 상품의 할인율이 같을 때만 세일 배지를 표시합니다. 가격이 하나인 제품에는 영향이 없습니다. 제품 페이지와 빠른 보기에서는 구매자가 이형 상품을 선택하며 가격과 할인율은 항상 선택한 이형 상품을 따르므로 이 설정이 적용되지 않습니다.
카드 가격 굵기
선택: 보통, 굵게기본값: 보통컬렉션, 검색, 상품 줄의 상품 카드 가격입니다. 굵게는 상품 페이지와 같습니다.
할인 상품의 배지
선택: 세일, 퍼센트(23% 할인)기본값: 세일상품이 할인 중일 때 이미지 배지에 표시되는 내용. 어떤 상품에든 고유 텍스트(신상품, 베스트셀러)를 넣으려면 상품 메타필드 custom.badge를 입력하세요.
버튼 반짝임
켜기 또는 끄기기본값: 켜짐버튼이 화면에 보이는 동안에만 몇 초마다 빛이 지나갑니다.

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