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

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

アプリのインストール

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

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

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

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

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

マルチバリエーションイメージの表示設定の構成

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

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

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

   

2. 表示設定のポップアップウィンドウで、以下のオプションを設定します：

   

   • PC版表示

     • サムネイルグリッド：メイン画像の下にバリエーション画像をサムネイルグリッドで表示します。これはすべてのストアのデフォルトレイアウトです。
     • 2列：バリエーション画像を2列のグリッドレイアウトで表示します。

     レイアウトがサムネイルグリッドに設定されている場合、2つの追加オプションが表示されます：

     • サムネイルの位置：商品画像の下（デフォルト）または商品画像の横を選択して、テーマエディターで設定した位置に合わせます。各オプションにはレイアウトのプレビューが含まれます。
     • サムネイルサイズ：大、中（デフォルト）、または小を選択します。

   • モバイル表示で、レイアウトオプションを選択します：

     • サムネイルを表示：メイン画像の下にサムネイル画像を表示します。これはすべてのストアのデフォルトレイアウトです。
     • サムネイルを非表示：モバイルでサムネイル画像を非表示にします。購入者はページインジケーターを使って画像間を移動できます。

     レイアウトがサムネイルを表示に設定されている場合、サムネイルサイズも設定できます：大、中（デフォルト）、または小。

   • カート追加ポップアップの下で、カート追加ポップアップに表示されるバリエーション画像の表示方法を選択します：

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

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

3. 変更を保存するには、確認をクリックします。