画像スウォッチオプションを使うと、お客様が名前付きの画像セットから選択でき、選択のたびにキャンバス上のアートワークが実際に切り替わります。同じイラストの色違いなど、デザインに視覚的なバリエーションがある場合に使うオプションで、選択リストのような単純な選択肢の選択とは異なります。

追加するには、サイドバーのオプションセットに移動し、商品のオプションセットを開いてオプションを追加をクリックし、選択リストの下にある画像スウォッチを選択して追加をクリックします。

サイドバーナビゲーションのオプションセット
オプションセットエディターのオプションを追加ボタン
選択リストの下で画像スウォッチを選択したオプションを追加メニュー

コンテンツ

コンテンツセクションでは、ラベル、お客様が選ぶ画像、その表示方法を設定します。

  • ラベル：選択欄の上に表示されるフィールド名。デフォルトは「Image swatch」です
  • デフォルトの画像：ライブラリ内の任意のアセットから選べる、独立したフォールバック画像。下のスウォッチの値のいずれかである必要はありません
  • 画像セット：最初は空の状態です。画像を追加（ファイルを1つアップロードまたは選択）とフォルダからインポート（アセットのフォルダ内にあるファイルをすべて一括追加）で内容を追加します
ラベル、デフォルトの画像、そして画像を追加ボタンとフォルダからインポートボタンが表示された空の画像セットがあるコンテンツパネル

フォルダからインポートをクリックすると、アセットライブラリが開きます。画像スウォッチはフォルダ自体にある画像ファイルを直接読み込むため、「Choose Color」のようなフラットなフォルダをそのまま使えます。フォルダの一覧でフォルダのチェックボックスをオンにし（フォルダの中には移動しないでください。フォルダ名をクリックすると、選択ではなくフォルダが開きます）、完了をクリックします。

フォルダの一覧でChoose Colorフォルダのチェックボックスがオンになっている画像ダイアログ

そのフォルダ内のファイルはそれぞれ画像セットの1つの値になり、ファイル名が値の名前になります。最初のファイルは自動的にデフォルトに設定されます。

インポート後のコンテンツパネル。画像セットにBlack、Blue、Brown、Green、Navy、Pinkが表示され、Blackがデフォルトに設定されている
  • 表示スタイル：サムネイルを選ぶと各値が画像タイルで表示され、ボタンを選ぶとテキストボタンで表示され、ドロップダウンを選ぶと選択メニューで表示されます
各カラーがラベル付きボタンとして表示された、ボタン表示スタイルのオプションセットのプレビュー
選択メニューとして表示された、ドロップダウン表示スタイルのオプションセットのプレビュー

キャンバスでの表示

これが画像スウォッチと選択リストの違いです。値を選ぶと、選択内容が記録されるだけでなく、そのオプション専用のキャンバスレイヤーがその画像で再描画されます。Pinkを選択すると、商品モックアップのアートワークがすぐにピンク版に切り替わります。

Pinkを選択した後のキャンバスとオプションセットのプレビュー。シャツにピンクの猫のアートワークが表示されている

条件

ほとんどのオプションタイプと同様に、画像スウォッチにも独自の条件があり、オプションセット内の別の選択内容に応じて表示と非表示を切り替えられます。各値には固有の名前（Black、Blue、Brownなど）があるため、これらの名前は、選択リストの選択肢と同じように、他のオプションの条件ピッカーにも個別の項目として表示されます。設定方法については、「条件付きオプションセット」のガイドをご覧ください。

更新日：2026/07/17