カラースウォッチの設定
Plain Jane と Interactive のみ
学べること
商品カテゴリーを割り当てる方法
Shopifyのカテゴリーメタフィールドを使用してカラースウォッチを適用する方法
テーマの商品のバリアントにカラーメタフィールドを接続する方法
1. テーマエディタで商品ページを開く
Shopify管理画面で、次に移動します オンラインストア > テーマ、次にクリックします テキストの ライブテーマの上で。
商品ページに移動します。
左パネルの 商品バリアント の中のブロック 製品セクション.
の下で バリアントスタイル、選択します カラースウォッチ.
💡 ヒント: プレビューネームセレクタを使って複数のカラーバリアントがある商品を読み込んでください。
2. Shopify管理画面でカテゴリを割り当てる
移動先： 製品 Shopify管理画面で。
編集したい商品をクリックします。
までスクロールします カテゴリー セクションで適切なオプションに割り当てます（例： アパレル＆アクセサリー).
3. カテゴリメタフィールドにカラー値を追加する
カテゴリを割り当てた後、下にスクロールして カテゴリメタフィールド.
今、そのカテゴリ（例：「色」）に固有のオプションが表示されます。
の中をクリックします カラー フィールドに入り、リストから選択するか、次を選択します 新しい項目を追加 を選んでカスタムカラーを入力します。
4. カラーメタフィールドをバリアントブロックにリンクする
テーマエディタに戻り、再度 商品バリアント ブロックをクリックします。
ファイルブラウザで次のファイルを見つけます： カラーバリアント を選択してから 動的ソースアイコンをクリックします （重なった円のアイコン）。
ドロップダウンから追加したカラーメタフィールドを選択します。
5. 変更を保存する
クリック： 完了 してから 保存 テーマエディタの右上で。
✅ 追加したメタフィールドの値に基づいて、クリック可能なカラースウォッチが商品に表示されるようになります。
⚠️ 警告: カラースウォッチは、商品に 「Color」という名前のバリアントオプションが あり、それが対応するメタフィールドと一致している場合にのみ表示されます。
ヘルプが必要ですか？
💬 Discordでコミュニティに参加： https://discord.gg/hcc2GvgZc6
📧 メールでお問い合わせ： support@openspaces.design
💻 ライブチャット： 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応
最終更新