商品情報にスキップ
1 1
公開日:2024.01.22

Shopifyのテーマ「Dawn」の商品ページに設置したブログ記事セクションでタグの関連度が高い(同じタグを持つ数が多い)順に表示する設定例

Shopifyのテーマ「Dawn」の商品ページに設置したブログ記事セクションでタグの関連度が高い(同じタグを持つ数が多い)順に表示する設定例

用途

  • 商品情報管理・編集

実装方法

  • LIQUID
  • HTML/CSS
詳細を表示する

ShopifyのテーマDawnの商品ページにブログ記事リンクを設置してストア内の回遊性を高めることがありますが、できる限り商品と関連性の高い記事を表示させたいところです。そこで商品と共通のタグを持ち、その際に関連度が高い(同じタグを持っている数が多い)順に表示する場合の設定例です。


テーマ「Dawn」の商品ページに設置したブログ記事セクションでタグの関連度が高い(同じタグを持つ数が多い)順に表示する設定例


【設定手順①】featured-blog.liquid」にschemeを、「ja.schema.json」にラベルを追加


【設定手順】設定手順②の「featured-blog.liquid」の該当コードを商品タグ数に応じて優先して表示される内容に差し替え


【使い方】商品情報とブログ記事で連動させたいものについて同じタグを設定しておきテーマエディタの商品テンプレートで「商品タグに関連する記事を優先する」にチェックを入れる


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

「featured-blog.liquid」にschemeを追加

「ja.schema.json」にラベルを追加

「featured-blog.liquid」の該当コードを商品タグに関連する記事が優先して表示される内容に差し替え