商品一覧ページでタグソートした際にページタイトル下にタグ名を表示させたい

日本語 ディスカッション 技術的なQ＆A
1

Shopify 初心者です。

現在、「Debut」のテーマをカスタマイズしています。

https://themes.shopify.com/themes/debut/styles/default/preview

コレクション商品一覧ページに「FILTER BY」日本語だと「絞り込み方法」がデフォルドで設定してあり、

商品タグのソートとして利用したいと考えているのですが、

商品タグでソートした際に、プルダウンの上のタイトルブロックにタグ名が表示するようにしたいです。

スクリーンショット 2020-10-08 075024.jpg
スクリーンショット 2020-10-08 075024.jpg1413×385 27.5 KB

■実現したいこと

  1. 上記添付した画像の、四角で囲った場所でセレクトしたタグ名が、波線引いた「商品」というページタイトルの下に表示させたい。
  2. 絞り込みをかけていないときは、無記入もしくは「すべての商品」という表示でありたいです
  3. また、別ページから、タグでソートした状態のリンクを張っている場合があり、その際にも波線箇所にタグ名が表示されてほしいです。
    https://〇〇.myshopify.com/collections/all/タグ

お手数おかけしますが、出力記述を教えていただけたらと思います。
ご確認どうぞよろしくお願いします。

2

sections/collection-template.liquid 内の

{{ ‘collections.general.collection_label’ | t }}:
{{ collection.title }}

が該当部分かと思いますので、これを

<select class=“filters-toolbar__input hidden” name=“FilterTags”

あたりを参照して、

{{ collection.title }} を {{ current_tags }} に置換（２箇所）したところ、タグを選択する毎に見出しの部分がタグ名になりました。

これだと未選択だと空白になりますが、その場合は、{{ current_tags }}が空白の場合は固定文字を入れるliquidコードを挿入すればいいと思います。

３は試してないですが、多分外部からリンクできても、{{ current_tags }}に値が入るので動作すると思います。