デザインページに、コレクションの一覧を設定できます。
コレクションは、カルーセル表示か、横向き表示か設定が可能です。
本ガイドでは、コレクションの設定方法をご案内いたします。デザインページについてのガイドを確認されていない方は、まずはデザインページに関するガイドをご確認ください。(→デザインページのガイドはこちら)
デザインページを開いた後、まずは「ブロックを追加する」からコレクション(カルーセル)を選択してください。表示された設定画面に以下表の内容を参考に情報を入力します。
設定項目 | 説明 |
管理画面表示用のタイトル | 管理画面上のブロックタイトルを任意で設定してください。 |
コンテンツ | コレクションを選択してください。 コレクションは複数選択できます。 |
タイトル | コレクションタイトルを表示したい場合に日本語・英語・台湾語(繁体字)で設定してください。 |
サブタイトル | コレクションタイトルの下に表示されるサブタイトルを表示したい場合に日本語・英語・台湾語(繁体字)で設定してください。 |
コレクションにタイトルを表示する | チェックをいれることで、コレクションページに設定しているアイキャッチ画像がグレーアウトされその上にコレクションのタイトルが表示されます。 |
表示期間の制限を行う | 表示開始と表示終了の日時を指定できます。 期間限定のイベントや販売などに活用できます。 |
顧客タグで表示制限を行う | 顧客タグごとに表示制限が可能です。 特定の顧客に対するイベントや販売などに活用できます。 ※タグは |
デザインページを開いた後、まずは「ブロックを追加する」からコレクション(横向き)を選択してください。表示された設定画面に以下表の内容を参考に情報を入力します。
設定項目 | 説明 |
管理画面表示用のタイトル | 管理画面上のブロックタイトルを任意で設定してください。 |
タイトル | タイトルを表示したい場合に日本語、英語、中国語 繁体字それぞれ設定してください。 |
サブタイトル | サブタイトルを表示したい場合に日本語、英語、中国語 繁体字それぞれ設定してください。 |
コンテンツ | コレクションを選択してください。 コレクションは複数選択できます。 |
コレクションにタイトルを表示する | チェックをいれることで、コレクションページに設定しているアイキャッチ画像がグレーアウトされその上にコレクションのタイトルが表示されます。 |
表示期間の制限を行う | 表示開始と表示終了の日時を指定できます。 期間限定のイベントや販売などに活用できます。 |
顧客タグで表示制限を行う | 顧客タグごとに表示制限が可能です。 特定の顧客に対するイベントや販売などに活用できます。 ※タグは |
モバイルアプリに表示されるコレクション名をカスタマイズする
以下の手順に則ってメタフィールドを設定することで、コレクションタイトルを自由にカスタマイズできます。管理用のタイトルと表示用のタイトルとしてそれぞれ管理可能です。
Shopify管理画面>設定>カスタムデータ>コレクション と進みメタフィールドの設定を行います。「定義を追加する」ボタンをクリックして各項に下記の内容を入力してください。
※日本語、英語それぞれメタフィールドを設定しないと表示されません。
項目名 | 内容(日本語) | 内容(英語) |
名前 | 日本語タイトルの表示(任意) | 英語タイトルの表示(任意) |
ネームスペースとキー | appify-mobile.title_japanese | appify-mobile.title_english |
説明 | 任意で入力してください | 任意で入力してください |
タイプ | 単一行のテキスト[1つの値] | 単一行のテキスト[1つの値] |
メタフィールドの設定が終わったら、Shopifyの商品管理からコレクションへ進み、対象コレクションをクリックして移動します。
コレクション内のメタフィールドにタイトルを入力すると入力した値がモバイルアプリに表示されます。