Shopifyサイトを運用していると様々な場面で「タグ」という単語を耳にすると思います。
本記事での「タグ」は、Shopifyの管理画面にてブログ記事に付けられる「タグ」のことを指します。「タグ一覧」はそのタグをShopifyのブログやブログ記事で一覧表示することを指します。
詳しくは ブログ記事にタグ一覧を出すメリットと表示方法 にまとめてあるので、参考にしてください。
まだShopifyのブログ機能を利用していない方は、下記の記事でShopifyのブログ機能について解説していますので参考にしてください。
Shopifyのブログ機能をフル活用しよう｜機能や拡張アプリを紹介
まずはシンプルなコード例です。
ブログ記事テンプレート内で取得できるarticleオブジェクトにはtagsがあり、tagsにはブログ記事のタグが入っています。
それをループで1つずつ link_to_tag フィルターでタグ用のリンクに変換しています。
link_to_tagはタグ用のaタグを自動で生成してくれるフィルターですが、aタグにプロパティを指定したい場合などは下記のように自前でaタグを生成する必要があります。
一部のタグを除外して表示したい場合、Shopify Liquidで配列から任意の要素を取り除いた配列を生成する を参考に下記のようにします。
今回はShopifyのブログ記事内にタグ一覧を追加する方法をご紹介しました。Tsunではタグ一覧をノーコードで導入できるShopifyアプリをリリースしました！
Tsun Inc.ではShopifyを使ったストア構築やアプリ開発を行っています。
もしストア構築やアプリ開発をしたい方は、Tsun Inc.へお問い合わせください。
Tsun Inc. CTOの小笠原です！今回はShopify APIをPostmanで簡単に実行するノウハウをまとめました。 Shopify APIに限...
RuffRuff 目次作成の機能や料金プランを知りたい方は下記のページをご参考にしてください。 Shopifyに目次を自動生成するアプリ「RuffRuff...
EコマースやShopifyの初学者にとって、できるだけ “やさしく” “わかりやすく” “正確に” 難しいコマース用語やマーケティング用語、ストア構築から販売までの仕組み・ノウハウを伝えることを心がけて、記事コンテンツを作成しています。
掲載している各種情報は、株式会社Tsunが調査した情報をもとにしています。できるだけ“最新“かつ“正確“な情報の掲載に努めておりますが、内容を完全に保証するものではありません。当サイトによって生じた損害について、株式会社Tsunではその賠償の責任を一切負わないものとします。掲載情報に誤りがある場合には、お手数ですが株式会社Tsunまでご連絡をいただけますようお願いいたします。
{"one"=>"比較する2つまたは3つのアイテムを選択します", "other"=>"選択された3つのアイテムの{{ count }}"}
