Apps / Combined Listings Swatch
Shopify のバリエーションと組み合わせた製品のビジュアル見本。
製品オプションを画像、色、カード、ボタン、またはテキスト セレクターとしてレンダリングし、個別の製品を 1 つのビジュアル ピッカーにリンクします。商品ページ、コレクションカード、クイックビューで機能します。
色セージ
セレクターのスタイル
各オプションに適切なセレクターを選択してください。
色は見本に属します。サイズが合わないことはほとんどありません。 1 つのグローバルな外観を受け入れるのではなく、オプションごとおよびサーフェスごとにスタイルを設定します。
- 画像見本円、丸、四角など、任意の半径でのバリアント自身の写真。
- 丸い同じ値、角は 10 ピクセルです。
- 正方形同じ値、角は 2px です。
- カスタムスウォッチアップロードされたカラーまたはテクスチャ タイル。写真が最も鮮明な信号ではありません。
- スウォッチカードラベルが重みをもつ範囲の画像と値の名前を組み合わせたもの。
- ボタン短い固定セット — サイズ、長さ、数量。売り切れの値は非表示ではなく取り消し線が表示されます。
- ドロップダウンメニューが正しい場所にあり、ピッカーの残りの部分と一致するようにスタイル設定されたメニュー。開いた状態で示されています。
- 隠された買い物客に届かない内部オプションのために、表面上で抑制されたセレクター。何もレンダリングされません。これは設定が機能していることを意味します。
- セレクターはレンダリングされません
製品ページとコレクション カードはそれぞれ独自のスタイルを採用しているため、グリッド上のコンパクトなスウォッチ行を製品ページ上の完全なピッカーと並べて配置できます。 スウォッチのスタイルを設定する
統合されたリスト
別々の製品を 1 つのピッカーにリンクします。
多くのカタログでは、写真、在庫、SEO、または 100 バリエーションの上限のために、各カラーウェイを独自の Shopify 製品として保持しています。製品グループはこれらの製品を接続するため、すべてのカラーウェイがグループ内のすべての製品の 1 つのセレクターに表示されます。
5 つの個別の製品、1 つのピッカー
- 独自のURL
- 各製品は独自のページ、画像、価格、在庫を保持します。
- リバーシブル
- 何もマージ、名前変更、削除されません。グループを削除すると、カタログは元どおりになります。
- どのプランでも
- Shopify 独自の結合リストとは異なり、すべての Shopify プランで利用できます。
- 任意の軸
- 色、素材、長さ、香り、束のサイズなど、製品に共通するものごとにグループ化します。
コレクションページとクイックビュー
買い物客がクリックする前にオプションを表示します。
コレクショングリッドに目を通す買い物客は、どの製品が欲しい色のものであるかを知ることができません。カード上のスウォッチは、グリッド自体でそれを答えます。
Chore Jacket — Persimmon
Chore Jacket — Cobalt
- コレクションカード
- 独自のスタイル設定を備えた、カード上のコンパクトなスウォッチ行。
- クイック追加とクイック表示
- テーマのモーダルは完全なピッカーを取得し、カートに追加されます。
- 製品ギャラリー
- スウォッチを切り替えると、ギャラリーをそのバリアントのメディアにフィルターできます。
セットアップ
管理者とテーマエディターでの 3 つのステップ。
標準セットアップでは、Liquid やテーマのコード変更は必要ありません。
- 01
Shopify App Storeからインストールする
アプリはアクティブなテーマを検出し、そのテーマに対してテストされた構成をロードします。テーマが 24 のいずれでもない場合は汎用構成をロードします。
- 02
テーマエディターでブロックを有効にする
グリッド内にスウォッチが必要な場合は、製品ページ上のバリアント ピッカーが配置されるスウォッチ ブロックと、コレクション カードにスウォッチ ブロックを追加します。
- 03
オプションごとにスタイルを選択してください
オプションごとに画像、色、カード、ボタン、ドロップダウン、または非表示を設定し、在庫切れの動作を設定してから、個別の製品として存在する範囲の製品グループを作成します。
テーマのマークアップは異なります。自動配置を調整する必要がある場合は、ストアの URL を送信してください。サポートが確認します。
ドキュメント
- 価格
- 無料でインストール可能
- Shopify プラン
- すべてのプラン、プラス不要
- 設定されたテーマ
- 24 のテスト済み、および一般的な Online Store 2.0 構成
- セットアップヘルプ
- support@awecommerce.net
アプリが行うすべてのこと
- バリエーション写真からの画像見本
- スウォッチには実際の製品が表示され、個別のアセット ライブラリを維持する必要はありません
- カスタムの色とテクスチャの見本
- 製品写真が異なる場合でも、一貫したスウォッチの列
- スウォッチカード
- 色だけでは曖昧な場合でも、オプション名が読みやすくなります。
- ボタンセレクター
- サイズと短いオプション セットはワンタップで操作可能
- ドロップダウンセレクター
- ピッカーのスタイリングに合わせた、メニューが本当に良くなるメニュー
- セレクターを非表示にする
- 社内オプションまたは無関係なオプションが店頭に並ぶことはありません
- サーフェスごとに個別のスタイル
- コレクションカードのコンパクトな列、製品ページのフルピッカー
- 製品グループ
- Shopify プランでは、個別の商品が 1 つの範囲として動作します
- コレクションカードの見本
- 買い物客は各商品を開かずに利用可能な色を確認できます
- クイック追加とクイック表示
- ピッカーは製品ページだけでなく、テーマのモーダル内でも機能します。
- 在庫切れ表示
- そのままにするか、取り消し線を引くか、灰色表示にするか、非表示にします。売り切れは売り切れとして読み取られます。
- テキスト、画像、またはその両方を含むツールチップ
- オプション名は小さな見本でも見つけやすくなります
- 選択された値のラベル
- 選択したオプションは、指輪によって暗示されるだけでなく、言葉で表現されます。
- ギャラリーバリアントフィルター
- スウォッチを切り替えると、ギャラリーがそのバリアントのメディアに更新されます
- カスタムCSSフィールド
- 開発者は、AWE からコードを変更せずにラストマイルを完了できます
質問
インストール前の回答。
アプリはどの Shopify テーマをサポートしていますか?
このアプリには、Dawn、Horizon、Craft、Refresh、Studio、Taste を含む 24 の Shopify テーマのテスト済み構成に加え、他の Online Store 2.0 テーマをカバーする汎用構成が同梱されています。テーマ上で配置の調整が必要な場合は、サポートが設定を確認します。
テーマコードを編集する必要がありますか?
いいえ。標準セットアップはアプリとテーマ エディターで行われ、Liquid を書き込む必要はありません。開発者が外観を微調整したい場合は、カスタム CSS フィールドを使用できます。
コレクションページに見本を表示できますか?
はい。コレクション カードでは、独自のスタイル設定を使用してコンパクトな見本行をレンダリングできるため、買い物客は各商品を開く代わりに、グリッドをスキャンしながら利用可能な色を確認できます。
カラードットの代わりに実際のバリアント画像を使用できますか?
はい。画像見本には、バリアント独自の製品写真が使用されています。カスタム カラーまたはテクスチャ タイルをアップロードしたり、画像とオプション名を組み合わせたスウォッチ カードを使用したりすることもできます。
Shopify Plusを使用せずに別々の商品をグループ化できますか?
はい。製品グループは、関連製品を Shopify プランの 1 つのピッカーにリンクします。各製品は独自のページ、画像、価格、在庫を保持します。 Shopify のネイティブの結合リストは Plus に限定されています。これは違います。
アプリは無料ですか?
AWE Combined Listings Swatch は無料でインストールできます。現在のプランの詳細は、Shopify App Store のリストに記載されています。
売り切れのオプションはどのように処理されますか?
ストアごとに選択します。オプションをそのままにするか、取り消し線を引くか、グレー表示にするか、非表示にします。買い物客は、現在購入できない選択肢と現在購入できる選択肢を区別できます。
Shopifyのカテゴリメタフィールドスウォッチでは機能しますか?
アプリは、Shopify のカテゴリ メタフィールドを使用するかどうかに関係なく、オプション値を表示でき、メタフィールドだけではカバーできないスタイル、サーフェス、製品グループを追加します。
ストアフロントの速度が遅くなりますか?
スウォッチ スクリプトは、それを必要とするページ上でのみ実行され、ページにすでに含まれているオプション データを読み取ります。ギャラリー フィルターとツールチップはオプトインなので、未使用の機能には費用はかかりません。
アンインストールするとどうなりますか?
スウォッチのレンダリングが停止し、テーマ独自のバリアント ピッカーが戻ります。アプリはカタログを書き換えないため、製品、バリエーション、画像、価格、在庫は変更されません。
範囲全体を 1 つのピッカーに入れます。
無料でインストールし、オプションごとにセレクター スタイルを設定し、属する製品をグループ化します。
Shopify のどのプランでも無料でインストールできます。標準セットアップでは書き込む液体はありません。