商品詳細ページで別商品へのリンクを生成したい

バリエーションではなく別の商品のページに遷移させる場合、以下のような方法が考えられると思います。

①商品の説明文にHTMLで挿入する
ミニマムで実現をするのであれば、該当商品の説明文にHTMLとして画像やリンクを挿入する形が考えられます。
ご担当者様がHTMLでの編集が可能な場合、Liquidの操作が必要ありませんので、比較的容易に実現ができると思います。

②metafieldsに表示したい関連商品のハンドルを入力してall_productsで出力

メタフィールド入力例:
作成したメタフィールド:custom.product_handle
入力内容:product1,product2,product3(表示したい商品のハンドル)

コード例:
{% assign handleList = product.metafields.custom.product_handle | split: “,” %}
でカンマ区切りで入力した商品のメタフィールドを取得する

{% for handle in handleList %}
{{ all_products[handle].title }}
{% endfor %}
all_products[handle]の形で全商品からメタフィールドに入力したハンドルの商品を取得できますので、
titleなど表示したい内容を出力する

参考:
https://shopify.dev/api/liquid/objects

商品タグをベースに出力するなど他の方法も考えられると思いますが、一例としては上記のような形になると思います。

1 Like