본문으로 이동

Apps / Combined Listings Swatch

Shopify 변형 및 결합 제품에 대한 시각적 견본입니다.

제품 옵션을 이미지, 색상, 카드, 버튼 또는 텍스트 선택기로 렌더링하고 개별 제품을 하나의 시각적 선택 도구에 연결합니다. 제품 페이지, 컬렉션 카드 및 빠른 보기에서 작동합니다.

색상세이지

선택기 스타일

각 옵션에 적합한 선택기를 선택하세요.

색상은 견본에 속합니다. 크기는 거의 없습니다. 하나의 전역 모양을 허용하는 대신 옵션별, 표면별 스타일을 설정하세요.

이미지 견본원형, 원형, 정사각형 등 모든 반경의 변형 자체 사진입니다.
둥근동일한 값, 모서리는 10px입니다.
광장동일한 값, 모서리는 2px입니다.
맞춤형 견본사진이 가장 명확한 신호가 아닌 업로드된 색상 또는 질감 타일입니다.
견본 카드라벨이 가중치를 전달하는 범위의 경우 이미지와 값 이름을 함께 사용합니다.
버튼짧은 고정 세트 — 크기, 길이, 수량. 매진된 값은 숨겨지지 않고 취소선으로 표시됩니다.
드롭다운메뉴가 올바른 메뉴이고 나머지 선택 도구와 일치하도록 스타일이 지정되었습니다. 열린 상태로 표시됩니다.
M
  • XS
  • S
  • M
  • L
숨겨진쇼핑객에게 도달해서는 안 되는 내부 옵션을 위해 선택기가 화면에 표시되지 않습니다. 아무 것도 렌더링되지 않습니다. 이것이 바로 설정이 작동하는 것입니다.
선택기가 렌더링되지 않았습니다.

제품 페이지와 컬렉션 카드는 각각 고유한 스타일을 가지므로 그리드의 작은 견본 행이 제품 페이지의 전체 선택기와 나란히 배치될 수 있습니다. 견본 스타일 지정

결합 목록

별도의 제품을 하나의 선택기로 연결합니다.

많은 카탈로그에서는 사진, 재고, SEO 또는 100가지 변형 한도를 위해 각 색상을 자체 Shopify 제품으로 유지합니다. 제품 그룹은 해당 제품을 연결하므로 그룹의 모든 제품에 대한 모든 색상이 하나의 선택기에 표시됩니다.

5개의 개별 제품, 하나의 선택기

자신의 URL
각 제품은 고유한 페이지, 이미지, 가격 및 재고를 유지합니다.
리버시블
아무것도 병합되거나 이름이 바뀌거나 삭제되지 않습니다. 그룹을 제거하면 카탈로그가 예전과 똑같습니다.
어떤 계획이라도
Shopify 자체 통합 목록과 달리 모든 Shopify 플랜에서 사용할 수 있습니다.
모든 축
색상, 소재, 길이, 향, 번들 크기 등 제품이 공유하는 기준에 따라 그룹화합니다.

컬렉션 페이지 및 빠른 보기

쇼핑객이 클릭을 하기 전에 옵션을 표시하세요.

컬렉션 그리드를 스캔하는 구매자는 어떤 제품이 원하는 색상으로 나오는지 알 수 없습니다. 카드의 견본은 그리드 자체에서 이에 답합니다.

  • 세이지 그린 컬러의 초어 재킷.

    Chore Jacket — Sage

  • 감 오렌지색의 동일한 초어 재킷.

    Chore Jacket — Persimmon

  • 코발트 블루 색상의 동일한 초어 재킷.

    Chore Jacket — Cobalt

    +2
컬렉션 카드
고유한 스타일 설정이 있는 카드의 간단한 견본 행입니다.
빠른 추가 및 빠른 보기
테마의 모달은 전체 선택기를 가져오고 장바구니에 추가합니다.
제품 갤러리
견본을 전환하면 갤러리를 해당 변형의 미디어로 필터링할 수 있습니다.

설정

관리자 및 테마 편집기의 세 단계.

표준 설정에는 Liquid가 필요하지 않으며 테마에 대한 코드 변경도 필요하지 않습니다.

  1. 01

    Shopify 앱 스토어에서 설치

    앱은 활성 테마를 감지하고 테스트된 구성을 로드하거나 테마가 24개 중 하나가 아닌 경우 일반 구성을 로드합니다.

  2. 02

    테마 편집기에서 블록을 활성화하세요

    그리드에 견본을 표시하려면 제품 페이지와 컬렉션 카드에 변형 선택기가 있는 견본 블록을 추가하세요.

  3. 03

    옵션별로 스타일을 선택하세요

    각 옵션에 대해 이미지, 색상, 카드, 버튼, 드롭다운 또는 숨김을 설정하고 품절 동작을 설정한 다음 별도의 제품으로 존재하는 범위에 대한 제품 그룹을 만듭니다.

테마 마크업은 다양합니다. 자동 배치를 조정해야 하는 경우 스토어 URL을 보내면 지원팀에서 이를 검토합니다.

문서

가격
무료 설치
Shopify 계획
모든 플랜, Plus가 필요하지 않음
구성된 테마
24개 테스트 및 일반 온라인 스토어 2.0 구성
설정 도움말
support@awecommerce.net

앱이 하는 모든 일

변형 사진의 이미지 견본
견본은 유지 관리할 별도의 자산 라이브러리 없이 실제 제품을 보여줍니다.
사용자 정의 색상 및 질감 견본
제품 사진이 다양하더라도 일관된 견본 행
견본 카드
색상만 모호한 경우에도 옵션 이름을 쉽게 읽을 수 있습니다.
버튼 선택기
한 번의 탭으로 크기와 짧은 옵션 세트를 사용할 수 있습니다.
드롭다운 선택기
피커의 스타일에 맞춰 메뉴가 정말 더 좋은 메뉴
선택기 숨기기
내부 또는 관련 없는 옵션은 매장에 도달하지 않습니다.
표면별로 별도의 스타일
컬렉션 카드의 간단한 행, 제품 페이지의 전체 선택기
제품 그룹
모든 Shopify 플랜에서 별도의 제품이 하나의 범위로 작동합니다.
컬렉션 카드 견본
쇼핑객은 각 제품을 열지 않고도 사용 가능한 색상을 볼 수 있습니다.
빠른 추가 및 빠른 보기
선택기는 제품 페이지뿐만 아니라 테마 모달 내부에서도 작동합니다.
품절 표시
있는 그대로 두기, 줄을 그어 지우기, 회색으로 표시 또는 숨기기 - 매진은 매진으로 읽혀집니다.
텍스트, 이미지 또는 둘 다 포함된 도구 설명
옵션 이름은 작은 견본에서도 계속 검색 가능합니다.
선택한 값 레이블
선택한 옵션은 링으로만 암시되는 것이 아니라 말로 명시됩니다.
갤러리 변형 필터
견본을 전환하면 해당 변형의 미디어로 갤러리가 업데이트됩니다.
사용자 정의 CSS 필드
개발자는 AWE에서 코드 변경 없이 라스트 마일을 완료할 수 있습니다.

질문

설치 전 답변입니다.

앱에서 지원하는 Shopify 테마는 무엇입니까?
이 앱은 Dawn, Horizon, Craft, Refresh, Studio 및 Taste를 포함한 24개의 Shopify 테마에 대한 테스트된 구성과 기타 Online Store 2.0 테마를 포괄하는 일반 구성을 제공합니다. 테마 배치 조정이 필요한 경우 지원팀에서 설정을 검토합니다.
테마 코드를 편집해야 합니까?
아니요. 표준 설정은 앱과 테마 편집기에서 이루어지며 Liquid를 작성할 필요가 없습니다. 개발자가 모양을 미세 조정하려는 경우 사용자 정의 CSS 필드를 사용할 수 있습니다.
컬렉션 페이지에 견본을 표시할 수 있나요?
그렇습니다. 컬렉션 카드는 고유한 스타일 설정으로 컴팩트한 견본 행을 렌더링할 수 있으므로 쇼핑객은 각 제품을 여는 대신 그리드를 스캔하는 동안 사용 가능한 색상을 볼 수 있습니다.
컬러 도트 대신 실제 변형 이미지를 사용할 수 있나요?
그렇습니다. 이미지 견본은 변형 제품의 자체 제품 사진을 사용합니다. 사용자 정의 색상 또는 질감 타일을 업로드하거나 이미지를 옵션 이름과 쌍을 이루는 견본 카드를 사용할 수도 있습니다.
Shopify Plus 없이 별도의 제품을 그룹화할 수 있나요?
그렇습니다. 제품 그룹은 관련 제품을 Shopify 플랜의 하나의 선택기로 연결합니다. 각 제품은 고유한 페이지, 이미지, 가격 및 재고를 유지합니다. Shopify의 기본 통합 목록은 Plus로 제한됩니다. 이것은 그렇지 않습니다.
앱은 무료인가요?
AWE 통합 목록 Swatch는 무료로 설치할 수 있습니다. 현재 계획 세부 정보는 Shopify 앱 스토어 목록에 있습니다.
품절된 옵션은 어떻게 처리되나요?
매장별 선택: 옵션을 그대로 두거나, 줄을 그어 지우거나, 회색으로 표시하거나, 숨깁니다. 쇼핑객은 현재 구매할 수 있는 선택 항목 중에서 사용할 수 없는 선택 항목을 알 수 있습니다.
Shopify의 카테고리 메타필드 견본과 작동합니까?
앱은 Shopify의 카테고리 메타필드 사용 여부에 관계없이 옵션 값을 표시할 수 있으며 메타필드만으로는 다루지 않는 스타일, 표면 및 제품 그룹을 추가합니다.
내 매장의 속도가 느려지나요?
견본 스크립트는 필요한 페이지에서만 실행되며 페이지에 이미 포함된 옵션 데이터를 읽습니다. 갤러리 필터와 도구 설명은 선택 사항이므로 사용하지 않는 기능에는 비용이 들지 않습니다.
제거하면 어떻게 되나요?
견본이 렌더링을 중지하고 테마의 자체 변형 선택기가 반환됩니다. 앱이 카탈로그를 다시 작성하지 않기 때문에 제품, 변형, 이미지, 가격 및 재고는 변경되지 않습니다.

전체 범위를 하나의 선택기에 넣습니다.

무료로 설치하고, 옵션별로 선택기 스타일을 설정하고, 함께 속한 제품을 그룹화하세요.

모든 Shopify 플랜에 무료로 설치할 수 있습니다. 표준 설정을 위해 쓸 액체가 없습니다.