RuffRuff タグ一覧のアプリブロックをコレクションページへ追加すると、コレクション内の商品に設定したタグがコレクションページに表示されます。この記事では、アプリのホーム画面からアプリブロックを追加し、オンラインストアで表示を確認するまでの手順を説明します。
前提: Online Store 2.0対応テーマを使用し、対象ページのセクションにアプリブロックを追加できる必要があります。
設定を始める前に、次の状態になっていることを確認してください。
RuffRuff タグ一覧アプリを有効にしている
公開中のコレクションが1件以上ある
コレクション内に公開中の商品が1件以上ある
コレクション内の商品にタグを1件以上設定している
(1) RuffRuff タグ一覧を開く
Shopify管理画面 → アプリから「RuffRuff タグ一覧」を開いてください。
(2) 対象のテーマを選択する
アプリのホーム画面にある「テーマを選択する」から、タグ一覧を設置するテーマを選択してください。
(3) コレクションのアプリブロック追加画面を開く
「コレクション」の横にある「アプリブロックを追加する」を選択してください。対象のコレクションページがテーマエディタで開きます。
(4) プランに応じたアプリブロックを追加する
ホーム画面の「アプリブロックを追加する」から開いた場合は、利用中のプランに応じたアプリブロックが追加された状態でテーマエディタが開きます。追加されていない場合は、テーマエディタの左側メニューで「ブロックを追加」または「セクションを追加」を選択し、次のアプリブロックを追加してください。
フリープラン、ライトプラン: 「タグ一覧」
レギュラープラン: 「タグ一覧 (Regularプラン)」
(5) 表示位置を調整して保存する
左側メニューで追加したアプリブロックを表示したい位置へ移動し、テーマエディタ右上の「保存」を選択してください。
(6) オンラインストアで表示を確認する
設定したテーマのコレクションページを開き、タグ一覧が表示されることを確認してください。
確認: コレクション内の商品に設定したタグがコレクションページに表示されます。タグ一覧を選択した後の動作も確認してください。
設定の変更や、表示されない場合の対処方法は次の記事を確認してください。