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>
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025