コレクションページでのスクロールテキスト背景アニメーションの設定

このガイドでは、コレクションページにテキストのスクロール領域を挿入するための手順を段階的に説明します。実際の動作を確認するには、以下のビデオをご覧ください。

この機能はメタフィールドを介して利用されるため、このガイドは 2 つの主要な部分で構成されています。

まず、「 Marquee 」という名前の新しいメタフィールドを作成します。このメタフィールドはすべてのコレクションに表示されます。

管理者ダッシュボードで、[設定] > [カスタムデータ] > [コレクション] > [定義の追加] を選択します。
- 名前- Marquee
  名前空間とキー- theme.marquee
- タイプを選択し、 [単一行テキスト]を選択してから、 [1 つの値] を選択します。
上記の手順を完了すると、「Marquee」という名前の新しいメタフィールドが作成されます。
このマーキーメタフィールドは、リストされたコレクションメタフィールドの中から見つけることができます。

「マーキー」メタフィールドにテキストを追加します。このテキストはコレクションページに表示されます。

たとえば、「ワイヤレスヘッドフォン」コレクションを例として使用してみましょう。

管理者ダッシュボード> [製品] > [コレクション] > [ワイヤレスヘッドフォンコレクション] を選択します。
ワイヤレスヘッドフォンコレクションで、下にスクロールして [メタフィールド] のすべてを表示をクリックします。
「マーキーメタフィールド」をクリックします。次に、表示するテキストを入力します (この例では「あらゆる機会に最適なヘッドフォンを見つけてください」など)。
最後に、 「保存」をクリックして終了します。