Product Options New Order Notification Email

Modified on Thu, 10 Aug 2023 at 05:35 AM

{% capture email_title %}
Security check
{% endcapture %}
<!DOCTYPE html>
<html lang="en">
<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">Order was not fulfilled automatically</strong>
                                High risk of fraud detected. Before fulfilling this order or capturing payment, please review the the Risk Analysis and determine if this order is fraudulent.
                        </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">High risk of fraud detected</strong>
                                        Before fulfilling this order or capturing payment, please review the the Risk Analysis and determine if this order is fraudulent.
                                </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 }} placed order {{ name }} on {{ current_date }} at {{ current_time | strip }}.
                                                                                {% else %}
                                                                                    Someone placed order {{ name }} on {{ current_date }} at {{ current_time | strip }}.
                                                                                {% endif %}
                                                                                <table class="row actions">
                                                                                    <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">View order</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">Order summary</strong>
                                                                    <br>
                                                                    <br>
                                                                    <table class="row">
                                                                        <!-- Bold Hide Options Properties -->
                                                                        {% assign hidden_variant_ids = "" %}
                                                                        {% for line in line_items %}
                                                                            {% if line.properties._boldVariantIds %}
                                                                                {% assign hidden_variant_ids = hidden_variant_ids | append: ',' %}
                                                                                {% assign hidden_variant_ids = hidden_variant_ids | append: line.properties._boldVariantIds %}
                                                                            {% endif %}
                                                                        {% endfor %}
                                                                        <!-- end Bold Hide Options Properties -->

                                                                        {% for line in subtotal_line_items %}
                                                                        <!-- Bold Assign Properties and Prices -->
                                                                        {% if hidden_variant_ids contains line.variant_id %}{% continue %}{% endif %}

                                                                        {% assign bold_item_price = line.price %}
                                                                        {% assign bold_line_price = line.line_price %}
                                                                        {% for line2 in line_items %}
                                                                            {% if line.properties._boldVariantIds contains line2.variant_id and line.properties._boldBuilderId contains line2.properties._boldBuilderId %}
                                                                                {% assign bold_item_price = bold_item_price | plus: line2.price %}
                                                                                {% assign bold_line_option_price = line2.price | times: line.quantity %}
                                                                                {% assign bold_line_price = bold_line_price | plus: bold_line_option_price %}
                                                                            {% endif %}
                                                                        {% endfor %}

                                                                        {% assign bold_options = " " %}
                                                                        {% for bold_option in line.properties %}
                                                                            {% assign first_char = bold_option.first | slice: 0, 1 %}
                                                                            {% assign opt_title = bold_option | first %}
                                                                            {% assign opt_desc = bold_option | last %}
                                                                            {% unless first_char == '_' or bold_option.first == 'master_builder' or bold_option.first == 'builder_id' or bold_option.first == 'builder_info' or bold_option.last == "" %}
                                                                                {% assign bold_options = bold_options | append: '<br />' | append: opt_title | append: ': ' | append: opt_desc %}
                                                                            {% endunless%}
                                                                        {% endfor %}

                                                                        {% assign bold_options = bold_options | prepend: '<span class="bold_options">' | append: "</span>" %}
                                                                        <!-- end Bold Assign Properties and Prices -->

                                                                        <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>
                                                                                        <!-- Display Bold Options -->
                                                                                        {{ bold_options }}
                                                                                        <!-- End Display Bold Options -->
                                                                                        <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 %}
                                                                                            <!-- Display Bold Item Price -->
                                                                                            <span>{{ bold_item_price | money }} × {{ line.quantity }} </span><br/>
                                                                                            <!-- End Display Bold Item Price -->
                                                                                        {% 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 %}
                                                                                                <!-- Display Bold Item Line Price -->
                                                                                                    {{ bold_line_price | money }}
                                                                                                <!-- End Display Bold Item Line Price -->
                                                                                        {% else %}
                                                                                            Free
                                                                                        {% 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>Subtotal</strong></span>
                                                                                                {% else %}
                                                                                                    <span>Subtotal</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 %}
                                                                                                    Discount
                                                                                                {% endif %}
                                                                                            {% endcapture %}
                                                                                            <tr class="subtotal-line">
                                                                                                <td class="subtotal-line__title">
                                                                                                    <p>
                                                                                                        {% if titleBold %}
                                                                                                            <span><strong>Discount</strong></span>
                                                                                                        {% else %}
                                                                                                            <span>Discount</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>Pickup</strong></span>
                                                                                                    {% else %}
                                                                                                        <span>Pickup</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>Shipping</strong></span>
                                                                                                    {% else %}
                                                                                                        <span>Shipping</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>Tax</strong></span>
                                                                                                    {% else %}
                                                                                                        <span>Tax</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>Total</strong></span>
                                                                                                {% else %}
                                                                                                    <span>Total</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>Payment processing method</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>Delivery method</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>Shipping address</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>
                                                                        </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>© Shopify | <span class="apple-link">151 O'Connor Street, Ground floor, Ottawa, ON, K2P 2L8</span></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>

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article