blpgs,pagesのページ内に、その記事内容に関連性のある商品のサムネ画像・商品名・価格を表示し、その商品の詳細ページにリンクさせる方法

TERA_tosho
新規メンバー
2 0 1

blogsやpagesのページ内に、そのページ掲載内容に関連性のある商品のサムネ画像・商品名・価格を表示し、

そこから該当商品の詳細ページにリンクさせたいと考えています。

最初はBuy ButtonのView productで解決できるかと考えましたが、モーダル表示ではなく、詳細ページへのリンクが希望です。(商品情報をしっかり伝えたい)

静的にコンテンツを入れ込めばできるかと思いますが、商品情報は商品マスタと連動させたいと考えています。

Buy ButtonのJSカスタマイズ等で実現可能なものでしょうか。

代替案でも構いませんので、上記の解決方がないか、お教え頂けますと幸いです。

なお記事と商品の関連はシステム的に自動で紐づけることは考えておらず、記事に紐づける商品(もしくはコレクション)を個別に指定ができればよいと考えています。

2件の返信2
Jizo_Inagaki
航海者
477 177 473

Shopifyのオンラインストアに購入ボタンをつけることは非推奨となります。

https://help.shopify.com/ja/manual/online-sales-channels/buy-button/faq

 

コードを書いて対応する方法は複数考えられますが、いずれも商品のハンドルなど手掛かりとなるもの設定してそこから商品情報を取得し表示することになると思います。
Googleなどで検索いただければ以下のような情報が見つかりますので参考にされることをお勧めします。

https://happypoints.io/shopify-add-products-to-blog-post-c2-stt-66/

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
TERA_tosho
新規メンバー
2 0 1

ご助言頂きまして、誠にありがとうございます。

ただいまご回答頂きました内容よりエンジニアチームで対応策を検討しております。

ちなみに恐縮ながら、少し急いでおりましたため別のサポート窓口にもご相談をさせて頂いていたのですが、

上記ご紹介を頂いたブログの他に以下のようなアプリも、要件次第で解決可能性のあるものとして参考情報として頂きましたので

他の方の参考用としてこちらにも記載しておきます。

Product Link Card
Related Products & Blogs
Shogun Landing Page Builder

今のところご紹介頂いたブログ解決をメインで考えております。