Liquid, JavaScript, thema's
Hello,
I would like to add the TAG of a product to this email that is send to myself after an order has been made. Can someone help me? Thanks in advance.
{%- capture email_title %}
Veiligheidscontrole
{% endcapture -%}
<!DOCTYPE html>
<html lang="nl">
<head>
<title>{{ email_title }}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" media="screen" href="/assets/admin/merchant_mailer/style.css">
<style data-premailer="ignore">
.button__cell { background: {{ shop.email_accent_color }}; }
a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }
@media print{
body {
color: black !important;
}
.subtitle-lines,
.subtotal-line__title,
.subtotal-line__value {
padding: 0 !important;
margin: 0 !important;
}
.subtotal-table {
margin: 0 !important;
}
}
</style>
</head>
<body>
<table class="row">
<tr class="mail-priority-indicator mail-priority-indicator--{% if fulfillment_aborted or has_high_risks? %}high{% else %}low{% endif %}">
<td></td>
</tr>
</table>
<table class="body">
<tr>
<td>
{% if fulfillment_aborted %}
<center>
<table class="row banner-container banner-alert__table">
<tr>
<td class="banner-alert__cell">
<img src="{{ 'mailer/merchant/critical_alert.png' | cdn_asset_url }}" alt="Critical Alert" width="20px">
</td>
<td class="banner-description__cell">
<strong class="banner-alert__title">Bestelling is niet automatisch afgehandeld</strong>
Hoog risico op fraude gedetecteerd. Voordat je deze bestelling of betaling uitvoert, moet je de risicoanalyse bekijken en bepalen of deze bestelling frauduleus is.
</td>
</tr>
</table>
</center>
{% endif %}
{% if has_high_risks? %}
<center>
<table class="row banner-container banner-alert__table">
<tr>
<td class="banner-alert__cell">
<img src="{{ 'mailer/merchant/critical_alert.png' | cdn_asset_url }}" alt="Critical Alert" width="20px">
</td>
<td class="banner-description__cell">
<strong class="banner-alert__title">Hoog risico op fraude gedetecteerd</strong>
Voordat je deze bestelling of betaling uitvoert, moet je de risicoanalyse bekijken en bepalen of deze bestelling frauduleus is.
</td>
</tr>
</table>
</center>
{% endif %}
<table class="row">
<tr>
<td class="section__cell">
<center>
<table class="container section">
<tr>
<td>
<table class="row content">
<tr>
<td class="content__cell {% if no_top_border == 'hide_border' %}no_top__border{% endif %}">
<center>
<table class="container">
<tr>
<td>
<table class="row">
<tr>
<td>
{% assign current_date = date | date: "%b %d" %}
{% assign current_time = date | date: "%l:%M %P" %}
{% if customer.name %}
{{ customer.name }} plaatste bestelling {{ name }} op {{ current_date }} om {{ current_time | strip }}.
{% else %}
Iemand heeft bestelling {{ name }} geplaatst op {{ current_date }} om {{ current_time | strip }}.
{% endif %}
<table class="row actions" style="width: auto;">
<tr>
<td class="empty-line"> </td>
</tr>
<tr>
<td class="actions__cell">
<table class="button main-action-cell">
<tr>
<td><a href="https://{{ shop.permanent_domain }}/admin/orders/{{ id }}" class="mail-button" style="margin-right:5px">Bestelling weergeven</a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<table class="row content">
<tr>
<td class="content__cell {% if no_top_border == 'hide_border' %}no_top__border{% endif %}">
<center>
<table class="container">
<tr>
<td>
<strong class="order-list__summary-title">Besteloverzicht</strong>
<br>
<br>
<table class="row">
{% for line in subtotal_line_items %}
<tr class="order-list__item">
<td class="order-list__item__cell">
<table>
<td>
{% if line.image %}
<img src="{{ line | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/>
{% endif %}
</td>
<td class="order-list__product-description-cell">
{% if line.quantity < line.quantity %}
{% capture line_display %} {{ line.quantity }} of {{ line.quantity }} {% endcapture %}
{% else %}
{% assign line_display = line.quantity %}
{% endif %}
<span class="order-list__item-title">
{% if line.product.title == blank %}
{{ line.title }}</span><br/>
{% else %}
{{ line.product.title }}
{% endif %}
</span><br/>
{% if line.quantity %}
{% if line.original_line_price != line.final_line_price %}
<span><del class="order-list__item-original-price">{{ line.original_price | money }}</del></span>
{% endif %}
<span>{{ line.final_price | money }} × {{ line.quantity }} </span><br/>
{% endif %}
{% if line.variant.title != 'Default Title' %}
<span class="order-list__item-variant">{{ line.variant.title }}</span>
{% if line.sku != blank %}
<span class="order-list__item-variant">• </span>
{% endif %}
{% endif %}
{% if line.sku != blank %}
<span class="order-list__item-variant">SKU: {{ line.sku }}</span>
{% endif %}
{% if line.selling_plan_allocation != nil %}
<p class="order-list__item-variant">{{ line.selling_plan_allocation.selling_plan.name }}</p>
{% endif %}
</td>
<td class="order-list__price-cell">
<p class="order-list__item-price">
{% if line.final_line_price > 0 %}
{{ line.final_line_price | money }}
{% else %}
Gratis
{% endif %}
</p>
</td>
</table>
</td>
</tr>{% endfor %}
</table>
<table class="row subtotal-lines">
<tr>
<td>
<table class="row subtotal-table">
{% assign discount_value = 0 %}
{% for discount_application in discount_applications %}
{% if discount_application.target_selection == 'all' %}
{% assign discount_value = discount_application.total_allocated_amount %}
{% endif %}
{% endfor %}
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
{% if titleBold %}
<span><strong>Subtotaal</strong></span>
{% else %}
<span>Subtotaal</span>
{% endif %}
</p>
</td>
<td class="subtotal-line__value">
{% if valueBold %}
<strong>{{ subtotal_price | plus: discount_value | money }}</strong>
{% else %}
{{ subtotal_price | plus: discount_value | money }}
{% endif %}
</td>
</tr>
{% for discount_application in discount_applications %}
{% if discount_application.target_selection == 'all' %}
{% capture discount_title %}
{% if discount_application.title %}
{{ discount_application.title | upcase }}
{% else %}
Korting
{% endif %}
{% endcapture %}
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
{% if titleBold %}
<span><strong>Korting</strong></span>
{% else %}
<span>Korting</span>
{% endif %}
<span class="subtotal-line__discount">
<span class="subtotal-line__discount-title">{% if discount_title.size > 0 %}({{ discount_title | strip }}){% endif %}</span>
</span>
</p>
</td>
<td class="subtotal-line__value">
{% if valueBold %}
<strong>-{{ discount_application.total_allocated_amount | money }}</strong>
{% else %}
-{{ discount_application.total_allocated_amount | money }}
{% endif %}
</td>
</tr>
{% endif %}
{% endfor %}
{% if delivery_method == 'pick-up' %}
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
{% if titleBold %}
<span><strong>Ophalen</strong></span>
{% else %}
<span>Ophalen</span>
{% endif %}
</p>
</td>
<td class="subtotal-line__value">
{% if valueBold %}
<strong>{{ shipping_price | money }}</strong>
{% else %}
{{ shipping_price | money }}
{% endif %}
</td>
</tr>
{% else %}
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
{% if titleBold %}
<span><strong>Verzending</strong></span>
{% else %}
<span>Verzending</span>
{% endif %}
<span class="subtotal-line__discount">
<span class="subtotal-line__discount-title">{% if shipping_method.title.size > 0 %}({{ shipping_method.title }}){% endif %}</span>
</span>
</p>
</td>
<td class="subtotal-line__value">
{% if valueBold %}
<strong>{{ shipping_price | money }}</strong>
{% else %}
{{ shipping_price | money }}
{% endif %}
</td>
</tr>
{% endif %}
{% for tax_line in tax_lines %}
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
{% if titleBold %}
<span><strong>Belasting</strong></span>
{% else %}
<span>Belasting</span>
{% endif %}
<span class="subtotal-line__discount">
<span class="subtotal-line__discount-title">{% if tax_line.title.size > 0 %}({{ tax_line.title }} {{ tax_line.rate | times: 100 }}%){% endif %}</span>
</span>
</p>
</td>
<td class="subtotal-line__value">
{% if valueBold %}
<strong>{{ tax_line.price | money }}</strong>
{% else %}
{{ tax_line.price | money }}
{% endif %}
</td>
</tr>
{% endfor %}
</table>
<table class="row subtotal-table subtotal-table--total">
<tr class="subtotal-line">
<td class="subtotal-line__title">
<p>
{% if titleBold %}
<span><strong>Totaal</strong></span>
{% else %}
<span>Totaal</span>
{% endif %}
</p>
</td>
<td class="subtotal-line__value">
{% if valueBold %}
<strong>{{ total_price | money_with_currency }}</strong>
{% else %}
{{ total_price | money_with_currency }}
{% endif %}
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<table class="row content">
<tr>
<td class="content__cell {% if no_top_border == 'hide_border' %}no_top__border{% endif %}">
<center>
<table class="container">
<tr>
<td>
{% if gateway %}
<table class="row">
<tr>
<td class="customer-info__item customer-info__item--last">
<strong>Betalingsverwerkingsmethode</strong>
<br>
<p>{{ gateway }}</p>
</td>
</tr>
</table>
{% endif %}
{% if requires_shipping and shipping_address %}
{% if shipping_methods.first %}
<br>
<table class="row">
<tr>
<td class="customer-info__item customer-info__item--last">
<strong>Bezorgmethode</strong>
<br>
{% for shipping_method in shipping_methods %}
<p>{{ shipping_method.title }}</p>
{% endfor %}
</td>
</tr>
</table>
{% endif %}
<br>
<table class="row">
<tr>
<td class="customer-info__item customer-info__item--last">
<strong>Bezorgadres</strong>
<br>
<p>
{{ shipping_address.name }}<br>
{{ shipping_address.street }}<br>
{{ shipping_address.city }},
{{ shipping_address.province }}
{{ shipping_address.zip }}<br>
{{ shipping_address.country }}<br>
{{ shipping_address.phone }}<br>
</p>
</td>
</tr>
{% if po_number %}
<tr>
<td>
<strong>Bestelnummer</strong><br/>
<p>#{{ po_number }}</p>
</td>
</tr>
{% endif %}
</table>
{% endif %}
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
<footer class="no-print">
<br>
<table border="0" cellpadding="0" cellspacing="0" class="mail-footer">
<tbody>
<tr>
<td align="center" valign="bottom">
<img src="{{ 'mailer/merchant/shopify_logo.png' | cdn_asset_url }}" alt="Shopify" width="89">
</td>
</tr>
<tr>
<td align="center">
<p><span class="apple-link">151 O'Connor Street, Ground floor, Ottawa, ON, K2P 2L8</span></p>
</td>
</tr>
</tbody>
</table>
</footer>
<img class="no-print" src="{{ 'notifications/spacer.png' | shopify_asset_url }}" class="spacer" height="1" />
</td>
</tr>
</table>
</body>
</html>
Ontdek hoe je je activiteiten internationaal kunt uitbreiden met het leertraject en de ...
By Shopify Feb 7, 2025Breid uit naar de groothandel met het leertraject van Shopify Academy, B2B on Shopify: ...
By Shopify Jan 31, 2025Heb je ooit een klant aan de telefoon gehad die zich afvroeg waarom ze dubbele verzendk...
By Lee Sep 13, 2024