Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I would like to have the products listed in these emails link to their respective product pages.
Shipping confirmation
Shipping update
Out for delivery
Delivered
in the Order Confirmation emails,
<a href="{{ shop.url }}{{ line.url }}">{% assign line_title = line.product.title %}</a>
works just fine.
However, in all the other emails, only the shop url is linking.
<a href="{{ shop.url }}{{ line.url }}"><img src="{{ line.line_item | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/></a>
<span class="order-list__item-title"><a href="{{ shop.url }}{{ line.url }}">{{ line_title }} × {{ line_display }}</a></span><br/>
here is all the code in that td cell:
<td class="order-list__product-description-cell">
{% if line.line_item.product.title %}
{% assign line_title = line.line_item.product.title %}
{% else %}
{% assign line_title = line.line_item.title %}
{% endif %}
{% if line.quantity < line.line_item.quantity %}
{% capture line_display %} {{ line.quantity }} of {{ line.line_item.quantity }} {% endcapture %}
{% else %}
{% assign line_display = line.line_item.quantity %}
{% endif %}
<span class="order-list__item-title"><a href="{{ shop.url }}{{ line.url }}">{{ line_title }} × {{ line_display }}</a></span><br/>
{% if line.line_item.variant.title != 'Default Title' %}
<span class="order-list__item-variant"><a href="{{ shop.url }}{{ line.url }}">{{ line.line_item.variant.title }}</a></span><br/>
{% endif %}
{% if line.line_item.selling_plan_allocation %}
<span class="order-list__item-variant">{{ line.line_item.selling_plan_allocation.selling_plan.name }}</span><br/>
{% endif %}
{% if line.line_item.refunded_quantity > 0 %}
<span class="order-list__item-refunded">Refunded</span>
{% endif %}
{% if line.line_item.discount_allocations %}
{% for discount_allocation in line.line_item.discount_allocations %}
{% if discount_allocation.discount_application.target_selection != 'all' %}
<span class="order-list__item-discount-allocation">
<img src="{{ 'notifications/discounttag.png' | shopify_asset_url }}" width="18" height="18" class="discount-tag-icon" />
<span>
{{ discount_allocation.discount_application.title | upcase }}
(-{{ discount_allocation.amount | money }})
</span>
</span>
{% endif %}
{% endfor %}
{% endif %}
</td>
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025