カラースウォッチの設定

Plain Jane と Interactive のみ

学べること

• 商品カテゴリーを割り当てる方法

• Shopifyのカテゴリーメタフィールドを使用してカラースウォッチを適用する方法

• テーマの商品のバリアントにカラーメタフィールドを接続する方法

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

• Shopify管理画面で、次に移動します オンラインストア > テーマ、次にクリックします テキストの ライブテーマの上で。

• 商品ページに移動します。

• 左パネルの 商品バリアント の中のブロック 製品セクション.

• の下で バリアントスタイル、選択します カラースウォッチ.

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

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

• 移動先： 製品 Shopify管理画面で。

• 編集したい商品をクリックします。

• までスクロールします カテゴリー セクションで適切なオプションに割り当てます（例： アパレル＆アクセサリー).

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

• カテゴリを割り当てた後、下にスクロールして カテゴリメタフィールド.

• 今、そのカテゴリ（例：「色」）に固有のオプションが表示されます。

• の中をクリックします カラー フィールドに入り、リストから選択するか、次を選択します 新しい項目を追加 を選んでカスタムカラーを入力します。

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

• テーマエディタに戻り、再度 商品バリアント ブロックをクリックします。

• ファイルブラウザで次のファイルを見つけます： カラーバリアント を選択してから 動的ソースアイコンをクリックします （重なった円のアイコン）。

• ドロップダウンから追加したカラーメタフィールドを選択します。

5. 変更を保存する

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

---

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

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

ヘルプが必要ですか？

• 💬 Discordでコミュニティに参加： https://discord.gg/hcc2GvgZc6

• 📧 メールでお問い合わせ： [email protected]

• 💻 ライブチャット： 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応