カラースウォッチの設定

Plain Jane と Interactive のみ

学べること

商品カテゴリーを割り当てる方法
Shopifyのカテゴリーメタフィールドを使用してカラースウォッチを適用する方法
テーマの商品のバリアントにカラーメタフィールドを接続する方法

1. テーマエディタで商品ページを開く

Shopify管理画面で、次に移動します オンラインストア > テーマ、次にクリックします テキストの ライブテーマの上で。
商品ページに移動します。
左パネルの 商品バリアント の中のブロック 製品セクション.
の下で バリアントスタイル、選択します カラースウォッチ.

💡 ヒント: プレビューネームセレクタを使って複数のカラーバリアントがある商品を読み込んでください。

2. Shopify管理画面でカテゴリを割り当てる

移動先：製品 Shopify管理画面で。
編集したい商品をクリックします。
までスクロールします カテゴリー セクションで適切なオプションに割り当てます（例： アパレル＆アクセサリー).

3. カテゴリメタフィールドにカラー値を追加する

カテゴリを割り当てた後、下にスクロールして カテゴリメタフィールド.
そのカテゴリ固有のオプション（「Color」など）が表示されます。
の中をクリックします カラー フィールドに入り、リストから選択するか、次を選択します 新しい項目を追加 を選んでカスタムカラーを入力します。

4. カラーメタフィールドをバリアントブロックにリンクする

テーマエディタに戻り、再度 商品バリアント ブロックをクリックします。
ファイルブラウザで次のファイルを見つけます： カラーバリアント を選択してから 動的ソースアイコンをクリックします （重なった円のアイコン）。
ドロップダウンから追加したカラーメタフィールドを選択します。

5. 変更を保存する

クリック：完了してから保存テーマエディタの右上で。

✅ 追加したメタフィールドの値に基づいて、クリック可能なカラースウォッチが商品に表示されるようになります。

⚠️ 警告: カラースウォッチは、商品に 「Color」という名前のバリアントオプションが あり、それが対応するメタフィールドと一致している場合にのみ表示されます。

ヘルプが必要ですか？

前へ各商品にサイズチャートを追加する方法次へモデル情報の設定

最終更新 7 か月前