外部アプリのご提案、どうもありがとうございます。
一度、検討してみたいと思います。
Topic summary
商品詳細ページで関連商品を表示する実装方法についての質問。
質問内容:
document.referrerで直前のURLからコレクションを取得し、そのコレクション内の他の商品を表示したい- JavaScriptの値をLiquidに渡せるか疑問
回答のポイント:
- JavaScriptはクライアントサイド、Liquidはサーバーサイドで実行されるため、JS→Liquidへの値の受け渡しは不可能
- 代替案として
{{ product.collections }}を使用し、商品が属する全コレクションを取得可能 - 具体的な実装コード例が提供され、各コレクションの商品を関連商品として表示する方法を提示
- 外部アプリ(PX Related Products、Relat.ify等)の利用も選択肢として提案
現状:
質問者は提案された代替案を検討中。Shopify公式サポートはJavaScriptの高度な実装は対象外だが、開発者向け資料は提供されている。