マルチバリエーションイメージ：バリエーションに複数の画像を追加する方法

マルチバリエーションイメージ アプリを使うと、バリエーションごとに複数の画像を設定し、ストアで画像カルーセルとして表示できます。また、PC版とモバイルでのバリエーション画像の表示方法をカスタマイズでき、ストアのテーマに合ったレイアウトに調整可能です。このガイドでは、アプリのインストール方法、バリエーションへの複数画像の追加方法、表示設定の構成方法について説明します。

アプリのインストール

マルチバリエーションイメージアプリをインストールするには、以下の手順に従ってください：

1. SHOPLINE アプリストアでマルチバリエーションイメージアプリを検索します。
2. 「インストール」をクリックしてアプリを承認し、インストールを完了させます。
3. 任意で、管理画面のアプリセクションにアプリをトップに固定して、アクセスしやすくします。
   

バリエーションに複数画像を追加する方法

バリエーションに複数の画像を追加し、画像カルーセルで表示するには、以下の手順に従ってください：

1. Variants Multiple Imagesアプリで、設定したい商品を見つけて、Options列の鉛筆アイコンをクリックします。バリエーションのない商品は鉛筆アイコンがグレー表示されます。
   
2. 設定ページでは、単一のバリエーションに最大10枚の画像を追加できます。画像の追加方法は2つあります：
   • 個別のバリエーションを手動で設定する：バリエーションをクリックして画像アップローダーを開き、希望の画像を追加します。商品のメイン画像やファイルライブラリから選択するか、PCからアップロードできます。
     
   • 複数のバリエーションを一括設定する：バリエーションを選択するか、上部の属性オプションで素早く選択します。Batch editingをクリックし、ポップアップのサイドパネルで画像を追加します。PCからアップロード、ファイルライブラリから選択、またはReuse existing SKU imagesをクリックして既存のバリエーションから画像をコピーできます。
     
3. 画像をアップロードしたら、右上のUpdateをクリックして変更を保存します。
   
4. 商品一覧ページに戻り、目のアイコンをクリックして効果をプレビューし、アプリを有効にします。
   

Variants Multiple Imagesの表示設定の構成

Display settingsオプションでは、バリエーション画像がストアフロントにどのように表示されるかを制御できます。PC版レイアウト、モバイルレイアウト、そしてバリエーション画像がAdd to cartポップアップに表示されるかどうかを設定可能です。

表示設定を構成するには：

1. マルチバリエーションイメージアプリで、右上の表示設定をクリックします。

   

2. ＜strong＞PC版表示＜/strong＞の下で、＜strong＞レイアウト＜/strong＞オプションを選択します：
   • サムネイルグリッド： メイン画像の下にバリエーション画像をサムネイルグリッドで表示します。これはすべてのストアのデフォルトレイアウトです。
   • 2列： バリエーション画像を2列のグリッドレイアウトで表示します。
3. ＜strong＞モバイル表示＜/strong＞の下で、＜strong＞レイアウト＜/strong＞オプションを選択します：
   • サムネイルを表示： メイン画像の下にサムネイル画像を表示します。これはすべてのストアのデフォルトレイアウトです。
   • サムネイルを非表示： モバイルでサムネイル画像を非表示にします。購入者はページインジケーターを使って画像間を移動できます。

4. ＜strong＞カート追加ポップアップ＜/strong＞の下で、バリエーション画像がカート追加ポップアップにどのように表示されるかを選択します：

   • バリエーション画像を非表示： ポップアップにバリエーション画像を表示しません。これは既存のストアのデフォルト設定です。
   • バリエーション画像を表示： カート追加ポップアップにバリエーション画像を表示します。

   注： カート追加ポップアップの設定は、 カート追加ボタン アプリがストアで有効になっている場合にのみ適用されます。

5. 変更を保存するには、＜strong＞確認＜/strong＞をクリックします。