カスタマイズページでは、すべてのページに共通で適用されるタグ一覧のデザインや動作を設定できます。設定はリアルタイムプレビューで確認でき、変更後に保存ボタンで反映されます。
レギュラープランをご利用の場合、アプリブロックでページごとに個別設定を上書きすることも可能です。
RuffRuffタグ一覧アプリを開く
左メニューの「カスタマイズ」をクリック
設定を変更して「保存」をクリック
項目 | 説明 |
|---|---|
タイトル | タグ一覧の上部に表示するタイトルテキストを設定します |
デザインパターン | タグの形状を4種類から選択します |
接頭辞・プレフィックス | タグ名の前に表示するテキストを設定します（例: |
選択解除ボタンを非表示にする | タグ選択時に表示される選択解除ボタンを非表示にします |
除外タグ | タグ一覧に表示しないタグを指定します |
除外タグのマッチング方式 | 除外タグと商品・記事タグをどのように照合するかを選択します |
カラー | 下記のカラーを指定します タグ一覧の背景・枠線・タイトルの色 タグの背景・枠線・タイトル・接頭辞・プレフィックス色 タグ（選択状態）の背景・枠線・タイトル・接頭辞・プレフィックス・選択解除ボタンの色 |
項目 | 説明 |
|---|---|
タグ選択方式 | 単一選択または複数選択を切り替えます |
商品の優先タグ | 商品ページのタグ一覧で先頭に表示するタグを指定します |
商品の優先タグのみ表示する | 商品ページで優先タグのみを表示します |
ブログの優先タグ | ブログ・ブログ記事ページのタグ一覧で先頭に表示するタグを指定します |
ブログの優先タグのみ表示する | ブログ・ブログ記事ページで優先タグのみを表示します |
コレクションページの絞り込みを常にコレクション全体にする | コレクションページでの絞り込み範囲を設定します |
タグ一覧の上部に表示するタイトルテキストを設定します。タイトルが不要な場合は空欄にしてください。
タグの形状を以下の4種類から選択できます。
Plain Text：背景なしのテキストのみのタグ
Rectangle：角のある四角形のタグ
Round：角丸の四角形のタグ
Underline Text：下線付きのテキストのみのタグ
タグ名の先頭に表示するテキストを設定します。例えば # を設定すると、タグが #ファッション のように表示されます。空欄にするとタグ名のみが表示されます。
タグを選択したときに表示される選択解除ボタンを非表示にします。タグの再クリックで選択解除させたい場合に有効です。
タグ一覧に表示したくないタグを指定します。複数ある場合は改行して入力してください。管理・運用目的で使用している内部タグや、訪問者に見せる必要のないタグを非表示にするときに使用します。
除外タグと商品・記事に設定されたタグをどのように照合するかを選択します。
完全一致：指定したタグと完全に一致するものだけを除外します（デフォルト）
前方一致（〜で始まる）：指定したテキストで始まるタグをすべて除外します
後方一致（〜で終わる）：指定したテキストで終わるタグをすべて除外します
部分一致（〜を含む）：指定したテキストを含むタグをすべて除外します
タグ一覧・タグ・選択状態のタグそれぞれについて、背景色・枠線色・テキスト色などを個別に設定できます。選択状態のタグには選択解除ボタンの色も設定できます。
商品ページのタグ一覧で先頭に表示したいタグを指定します。複数ある場合は改行して入力してください。指定した順序で先頭に表示されます。
有効にすると、商品ページのタグ一覧に優先タグとして設定したタグだけを表示します。優先タグが1件も設定されていない場合はすべてのタグが表示されます。
ブログ・ブログ記事ページのタグ一覧で先頭に表示したいタグを指定します。複数ある場合は改行して入力してください。指定した順序で先頭に表示されます。
有効にすると、ブログ・ブログ記事ページのタグ一覧に優先タグとして設定したタグだけを表示します。優先タグが1件も設定されていない場合はすべてのタグが表示されます。
有効の場合、コレクションページでの絞り込みが常にコレクション全体を対象にします。
無効の場合、商品ページのURLが /collections/{コレクションhandle}/products/{商品handle} のときはコレクション単位の絞り込みになり、それ以外はコレクション全体の絞り込みになります。