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

2021年09月18日

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


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

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

 

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

 

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

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


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


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

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

logo

株式会社5-bit

私たち『5-bit(ファイブビット)』は、SaaS型E-Commerceプラットフォーム『Shopifty』専門の伴走型EC支援企業です。

お問い合わせ・ご相談はこちらまで