# 発送メール内の商品リストに商品ページへのリンクをつけたい

**URL:** <https://community.shopify.com/t/topic/181977>\
**Category:** 技術的なQ＆A\
**Created:** [January 9, 2023, 8:05am UTC](https://community.shopify.com/t/topic/181977 "2023-01-09T08:05:59Z")\
**Posts on this page:** 6\
**Page:** 1

## AI-generated summary

**課題と解決方法:**
配送通知メール内の商品リストに、各商品ページへのリンクを追加する方法についての質問。

**技術的な解決策:**
- 当初、`{{line.url}}`を使用したがショップのホームページにしか遷移しなかった
- **解決方法:** `{{line.line_item.url}}`に変更することで商品詳細ページへのリンク取得が可能に
- 配送情報通知テンプレートの「コード編集」から、197行目付近のコードを修正

**実装コード例:**
```
<a href="{{line.line_item.url}}">{{ line_title }}</a> × {{ line_display }}
```

**追加の質問:**
別のユーザーから、スマホ表示時に商品画像が横に縮んでしまう問題について質問が出ているが、この点については未解決のまま。

**ステータス:** 主要な問題(商品リンクの追加)は解決済み。画像サイズの調整については回答待ち。

<div class="post-metadata">

**Author:** ![kyuza](https://avatars.discourse-cdn.com/v4/letter/k/919ad9/32.png) [@kyuza](https://community.shopify.com/u/kyuza)\
**Post date:** [January 9, 2023, 8:05am UTC](https://community.shopify.com/t/topic/181977/1 "2023-01-09T08:05:59Z")

</div>

配送情報通知のメール（発送時の通知メール)で、メール本文内の配送中のアイテム一覧に表示されている各商品ごとに、商品ページへ飛べるようにリンクをつけたいのですが、方法はありますでしょうか？

こちら↓の解決済み質問を参考に{{line.url}}を貼ってみましたが、ショップのホームページにしか飛びません。

aタグを と記述しています。

 

[https://community.shopify.com/post/1854307](https://community.shopify.com/post/1854307)

 ![発送メールにリンク.jpg](https://canada1.discourse-cdn.com/shopifyforum/original/4X/4/d/8/4d8410ca410859f2130cb56c2d8231a9ba364ae7.jpeg)

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\
**Post date:** [January 10, 2023, 11:37am UTC](https://community.shopify.com/t/topic/181977/2 "2023-01-10T11:37:41Z")

</div>

質問いただいている商品詳細ページへのリンクですが、

配送中のメールでは{{ line.url }}では詳細ページのURLが取得できませんので、

{{ line.line\_item.url }}こちらのタグでの取得となります。

```markup

```

に変更いただければ、詳細ページまでのリンクが取得可能です。

ご参考まで。

(キュー小坂)

---

<div class="post-metadata">

**Author:** ![kyuza](https://avatars.discourse-cdn.com/v4/letter/k/919ad9/32.png) [@kyuza](https://community.shopify.com/u/kyuza)\
**Post date:** [January 12, 2023, 11:26am UTC](https://community.shopify.com/t/topic/181977/3 "2023-01-12T11:26:09Z")

</div>

ご教示ありがとうございます。

{{ line.line\_item.url }}で実装に成功しました。

大変助かりました。

---

<div class="post-metadata">

**Author:** ![tcsf](https://avatars.discourse-cdn.com/v4/letter/t/5f8ce5/32.png) [@tcsf](https://community.shopify.com/u/tcsf)\
**Post date:** [April 21, 2023, 8:56am UTC](https://community.shopify.com/t/topic/181977/4 "2023-04-21T08:56:54Z")

</div>

突然申し訳ございません。回答を見てお伺いしたいことがあります。

こちらの質問者の方と同じように

配送完了メールから各商品ページへ飛べるようにしたいのですが、

初期設定の状態から、配送中のアイテムの商品タイトルを商品ページにリンクさせるには

どの位置にどのコードを入れれば良いのでしょうか。

もし可能であればお教えいただきたいです。

どうかよろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\
**Post date:** [April 21, 2023, 10:10am UTC](https://community.shopify.com/t/topic/181977/5 "2023-04-21T10:10:55Z")

</div>

@tcsf

ご連絡いただいている、コードの編集箇所についてですが、

配送情報通知の『コード編集』を押し、197行目あたりにある下記コードを

```markup
{{ line_title }} × {{ line_display }}

```

下記コードに変更

```markup
{{ line_title }} × {{ line_display }}

```

こちらで、商品タイトルに商品ページへのリンクを設定することが可能です。

ご参考まで。  
(キュー小坂)

---

<div class="post-metadata">

**Author:** ![tcsf](https://avatars.discourse-cdn.com/v4/letter/t/5f8ce5/32.png) [@tcsf](https://community.shopify.com/u/tcsf)\
**Post date:** [April 21, 2023, 10:46am UTC](https://community.shopify.com/t/topic/181977/6 "2023-04-21T10:46:52Z")

</div>

早速の返信、誠にありがとうございます！

できました！感動です！！！

あわせてご質問なのですが、

画像のサイズがスマホで見たときに横にギュッと縮んでしまうのですが、こちらもコードで修正できるでしょうか？

現状は下記のコードです。

{% if line.line\_item.image %}  
 ![]()  
{% endif %}

もしよろしければご確認いただけますと幸いです。

重ね重ね申し訳ございませんが、どうぞよろしくお願いいたします。
