Shopifyの商品ページ内に、同じ販売元の商品を表示させる方法

Shopifyの商品ページ内に、同じ販売元の商品を表示させる方法

公開日:2021年09月18日

更新日:2022年07月02日

今回は、Shopifyで同じ販売元の商品を表示させる方法をご紹介します。


Liquid言語の知識が必要となりますので、Shopifyの公式ドキュメントも確認しながら進めてください。

1. 全ての商品が含まれるコレクションを作成します。

 

2. 新たにセクションを作成します。

 

3. 作成したセクションに、以下のコードを貼り付けてください。
このコードでは同じ販売元の商品のタイトルを表示しています。 

See the Pen by 5bit-matsuda (@5bit-matsuda) on CodePen.


4. あとは、商品ページに作成したセクションを追加して完成です。


これで同じ販売元の商品のタイトルが表示されるようになりました。

※この記事は2022年07月時点の内容です。今後のアップデートやShopifyの仕様変更等により、記事の内容どおりに設定ができない場合があります。

株式会社5-bit

2020年1月に、カナダのShopify本社より「Shopifyエキスパート」として認定をいただきました。現在までに累計で50以上のShopifyストアの構築、1000以上の機能開発経験。他社で難しい要件の実装や構築も承ります。

お問い合わせはこちら

Our Contents私たちの情報発信

ShopifyにAmazon Payを導入するメリットや設定方法を解説

Shopifyのテーマ開発環境を構築する

Shopifyのストアフロントフィルタにメタフィールドが追加されたので使ってみた

Shopifyの新着商品一覧に期間限定(公開から〇〇日以内)で商品を掲載する方法

Shopifyの注文情報をGASでCSV出力する方法

Shopifyの全商品一覧(collections/all)に表示される商品を制御する方法

Shopifyテーマ開発にFigmaを使ったらかなり捗った話

Shopifyのクーポンを特定のユーザーにのみ適用させる方法

ブログ一覧