配送情報通知のメール（発送時の通知メール)で、メール本文内の配送中のアイテム一覧に表示されている各商品ごとに、商品ページへ飛べるようにリンクをつけたいのですが、方法はありますでしょうか？
こちら↓の解決済み質問を参考に{{line.url}}を貼ってみましたが、ショップのホームページにしか飛びません。
aタグを と記述しています。
https://community.shopify.com/post/1854307
よろしくお願いいたします。
Topic summary
課題と解決方法:
配送通知メール内の商品リストに、各商品ページへのリンクを追加する方法についての質問。
技術的な解決策:
- 当初、
{{line.url}}を使用したがショップのホームページにしか遷移しなかった - 解決方法:
{{line.line_item.url}}に変更することで商品詳細ページへのリンク取得が可能に - 配送情報通知テンプレートの「コード編集」から、197行目付近のコードを修正
実装コード例:
<a href="{{line.line_item.url}}">{{ line_title }}</a> × {{ line_display }}
追加の質問:
別のユーザーから、スマホ表示時に商品画像が横に縮んでしまう問題について質問が出ているが、この点については未解決のまま。
ステータス: 主要な問題(商品リンクの追加)は解決済み。画像サイズの調整については回答待ち。
質問いただいている商品詳細ページへのリンクですが、
配送中のメールでは{{ line.url }}では詳細ページのURLが取得できませんので、
{{ line.line_item.url }}こちらのタグでの取得となります。
に変更いただければ、詳細ページまでのリンクが取得可能です。
ご参考まで。
(キュー小坂)
1 Like
ご教示ありがとうございます。
{{ line.line_item.url }}で実装に成功しました。
大変助かりました。
突然申し訳ございません。回答を見てお伺いしたいことがあります。
こちらの質問者の方と同じように
配送完了メールから各商品ページへ飛べるようにしたいのですが、
初期設定の状態から、配送中のアイテムの商品タイトルを商品ページにリンクさせるには
どの位置にどのコードを入れれば良いのでしょうか。
もし可能であればお教えいただきたいです。
どうかよろしくお願いいたします。
ご連絡いただいている、コードの編集箇所についてですが、
配送情報通知の『コード編集』を押し、197行目あたりにある下記コードを
{{ line_title }} × {{ line_display }}
下記コードに変更
{{ line_title }} × {{ line_display }}
こちらで、商品タイトルに商品ページへのリンクを設定することが可能です。
ご参考まで。
(キュー小坂)
早速の返信、誠にありがとうございます！
できました！感動です！！！
あわせてご質問なのですが、
画像のサイズがスマホで見たときに横にギュッと縮んでしまうのですが、こちらもコードで修正できるでしょうか？
現状は下記のコードです。
{% if line.line_item.image %}
{% endif %}
もしよろしければご確認いただけますと幸いです。
重ね重ね申し訳ございませんが、どうぞよろしくお願いいたします。