レギュラープラン用アプリブロックでは、テーマのテンプレートごとにタグ一覧のデザインや動作を設定できます。商品・コレクション・ブログ・ブログ記事で異なる設定を使用する場合に利用します。
前提: アプリブロックでの個別設定は、レギュラープランで利用できます。「タグ一覧 (Regularプラン)」アプリブロックを使用してください。
設定場所による適用範囲と優先順位は次のとおりです。
比較項目 | カスタマイズページ | アプリブロック |
|---|---|---|
適用範囲 | 全ページの共通設定 | 対象テンプレートの個別設定 |
対象プラン | すべてのプラン | レギュラープラン |
同じ項目の優先順位 | 低い | 高い |
前提: 同じ設定項目が両方にある場合は、レギュラープラン用アプリブロックの設定が優先されます。
(1) テーマエディタを開く
Shopify管理画面 → オンラインストア → テーマから、対象テーマの「カスタマイズ」を選択してください。
(2) 対象のテンプレートを開く
商品・コレクション・ブログ・ブログ記事から、設定するテンプレートを開いてください。
次の画像では、手順(3)〜(5)の「アプリブロックを選択する → 設定項目を変更する → 保存する」という流れを確認できます。
(3) レギュラープラン用アプリブロックを選択する
テーマエディタの左側メニューから「タグ一覧 (Regularプラン)」を選択してください。
(4) 設定を変更する
アプリブロックの設定項目を変更し、テーマエディタのプレビューで表示を確認してください。
(5) 設定を保存する
テーマエディタ右上の「保存」を選択してください。
商品・コレクション・ブログ・ブログ記事のアプリブロックで、次の設定を利用できます。
設定項目 | 設定内容 |
|---|---|
タイトル | タグ一覧の上部に表示するテキスト |
デザインパターン | タグの形状 |
接頭辞・プレフィックス | タグ名の先頭に表示するテキスト |
除外タグ・マッチング方式 | 表示しないタグと照合条件 |
優先タグ・優先タグのみ表示 | 表示順と表示対象 |
横幅の最大値・表示位置 | タグ一覧の最大幅と配置 |
初期表示数・全表示ボタン | 最初の表示件数と展開ボタン |
カラー | タグ一覧・タグ・全表示ボタンの色 |
ブログページとコレクションページでは、タグを使った絞り込みに関する設定も利用できます。
設定項目 | 設定内容 |
|---|---|
選択解除ボタンを非表示にする | 選択中のタグに表示する解除ボタン |
タグ選択方式 | 単一選択または複数選択 |
選択状態のカラー | 選択中のタグと解除ボタンの色 |
商品ページでは、「コレクションページの絞り込みを常にコレクション全体にする」を設定できます。商品ページでタグを選択した後に、現在のコレクションまたはストア内の全商品を対象にする設定です。
設定項目の条件や操作手順は、次の記事を確認してください。