Last active
October 10, 2017 21:02
-
-
Save boldsupport/db202c29f69e4c95f8e564b3dbcbb34e to your computer and use it in GitHub Desktop.
Linked from: https://support.boldcommerce.com/hc/en-us/articles/200469766-Product-Builder-Install-Instructions
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{% capture email_title %}Thank you for your purchase! {% endcapture %} | |
{% capture email_body %}Hi {{ customer.first_name }}, we're getting your order ready to be shipped. We will notify you when it has been sent.{% 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" href="/assets/notifications/styles.css"> | |
<style> | |
.button__cell { background: {{ shop.email_accent_color }}; } | |
a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; } | |
</style> | |
</head> | |
<body> | |
<table class="body"> | |
<tr> | |
<td> | |
<table class="header row"> | |
<tr> | |
<td class="header__cell"> | |
<center> | |
<table class="container"> | |
<tr> | |
<td> | |
<table class="row"> | |
<tr> | |
<td class="shop-name__cell"> | |
{% if shop.email_logo_url %} | |
<img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}"> | |
{% else %} | |
<h1 class="shop-name__text"> | |
<a href="{{shop.url}}">{{ shop.name }}</a> | |
</h1> | |
{% endif %} | |
</td> | |
<td class="order-number__cell"> | |
<span class="order-number__text"> | |
Order {{ order_name }} | |
</span> | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</center> | |
</td> | |
</tr> | |
</table> | |
<table class="row content"> | |
<tr> | |
<td class="content__cell"> | |
<center> | |
<table class="container"> | |
<tr> | |
<td> | |
<h2>{{ email_title }}</h2> | |
<p>{{ email_body }}</p> | |
{% if order_status_url %} | |
<table class="row actions"> | |
<tr> | |
<td class="actions__cell"> | |
<table class="button main-action-cell"> | |
<tr> | |
<td class="button__cell"><a href="{{ order_status_url }}" class="button__text">View your order</a></td> | |
</tr> | |
</table> | |
{% if shop.url %} | |
<table class="link secondary-action-cell"> | |
<tr> | |
<td class="link__cell"><a href="{{ shop.url }}" class="link__text"><span class='or'>or</span> Visit our store</a></td> | |
</tr> | |
</table> | |
{% endif %} | |
</td> | |
</tr> | |
</table> | |
{% else %} | |
{% if shop.url %} | |
<table class="row actions"> | |
<tr> | |
<td class="actions__cell"> | |
<table class="button main-action-cell"> | |
<tr> | |
<td class="button__cell"><a href="{{ shop.url }}" class="button__text">Visit our store</a></td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
{% endif %} | |
{% endif %} | |
</td> | |
</tr> | |
</table> | |
</center> | |
</td> | |
</tr> | |
</table> | |
<table class="row section"> | |
<tr> | |
<td class="section__cell"> | |
<center> | |
<table class="container"> | |
<tr> | |
<td> | |
<h3>Order summary</h3> | |
</td> | |
</tr> | |
</table> | |
<table class="container"> | |
<tr> | |
<td> | |
<table class="row"> | |
{% for line in line_items %} | |
{% capture bold_product_options %} | |
{% if line.properties.builder_id %} | |
{% assign bold_builder_id = line.properties.builder_id %} | |
{% assign bold_master_builder = line.properties.master_builder %} | |
{% else %} | |
{% assign bold_builder_id = line.properties._builder_id %} | |
{% assign bold_master_builder = line.properties._master_builder %} | |
{% endif %} | |
{% if bold_master_builder == blank and bold_builder_id != blank %}{% continue %} | |
{% endif %} | |
{% if bold_builder_id != blank %} | |
{% assign bold_price = 0 %} | |
{% for bold_item in line_items %} | |
{% if bold_item.properties.builder_id == bold_builder_id or bold_item.properties._builder_id == bold_builder_id %} | |
{% assign bold_price = bold_price | plus: bold_item.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>" %} | |
{% assign bold_line_price = bold_price | times: line.quantity %} | |
{% else %} | |
{% assign bold_price = line.price %} | |
{% assign bold_line_price = line.line_price %} | |
{% 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>" %} | |
{% endif %} | |
{% endcapture %} | |
{% if item_count == 1 %} | |
{% assign columnWrapperClass = 'order-list__item--single' %} | |
{% elsif forloop.first == true %} | |
{% assign columnWrapperClass = 'order-list__item--first' %} | |
{% elsif forloop.last == true %} | |
{% assign columnWrapperClass = 'order-list__item--last' %} | |
{% else %} | |
{% assign columnWrapperClass = '' %} | |
{% endif %} | |
<tr class="order-list__item {{columnWrapperClass}}"> | |
<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.product.title %} | |
{% assign line_title = line.product.title %} | |
{% else %} | |
{% assign line_title = line.title %} | |
{% endif %} | |
{% 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">{{ line_title }} × {{ line_display }}</span><br/> | |
{% if line.variant.title != 'Default Title' %} | |
<span class="order-list__item-variant">{{ line.variant.title }}</span> | |
{% endif %} | |
{{ bold_options }} | |
</td> | |
<td class="order-list__price-cell"> | |
{% if line.original_line_price != line.line_price %} | |
<del class="order-list__item-original-price">{{ line.original_line_price | money }}</del> | |
{% endif %} | |
<p class="order-list__item-price">{{ bold_price | money }}</p> | |
</td> | |
</table> | |
</td> | |
</tr>{% endfor %} | |
</table> | |
<table class="row subtotal-lines"> | |
<tr> | |
<td class="subtotal-spacer"></td> | |
<td> | |
<table class="row subtotal-table"> | |
{% if discounts %} | |
{% capture discount_title %}Discount {% if discounts.first.code %}({{ discounts.first.code }}){% endif %}{% endcapture %} | |
<tr class="subtotal-line"> | |
<td class="subtotal-line__title"> | |
<p> | |
<span>{{ discount_title }}</span> | |
</p> | |
</td> | |
<td class="subtotal-line__value"> | |
<strong>{{ discounts_savings | money }}</strong> | |
</td> | |
</tr> | |
{% endif %} | |
<tr class="subtotal-line"> | |
<td class="subtotal-line__title"> | |
<p> | |
<span>Subtotal</span> | |
</p> | |
</td> | |
<td class="subtotal-line__value"> | |
<strong>{{ subtotal_price | money }}</strong> | |
</td> | |
</tr> | |
<tr class="subtotal-line"> | |
<td class="subtotal-line__title"> | |
<p> | |
<span>Shipping</span> | |
</p> | |
</td> | |
<td class="subtotal-line__value"> | |
<strong>{{ shipping_price | money }}</strong> | |
</td> | |
</tr> | |
{% for line in tax_lines %} | |
<tr class="subtotal-line"> | |
<td class="subtotal-line__title"> | |
<p> | |
<span>{{ line.title }}</span> | |
</p> | |
</td> | |
<td class="subtotal-line__value"> | |
<strong>{{ line.price | money }}</strong> | |
</td> | |
</tr> | |
{% endfor %} | |
</table> | |
<table class="row subtotal-table subtotal-table--total"> | |
<tr class="subtotal-line"> | |
<td class="subtotal-line__title"> | |
<p> | |
<span>Total</span> | |
</p> | |
</td> | |
<td class="subtotal-line__value"> | |
<strong>{{ total_price | money_with_currency }}</strong> | |
</td> | |
</tr> | |
</table> | |
{% assign transaction_size = 0 %} | |
{% for transaction in transactions %} | |
{% unless transaction.kind == "capture" or transaction.kind == "void" %} | |
{% assign transaction_size = transaction_size | plus: 1 %} | |
{% endunless %} | |
{% endfor %} | |
{% if transaction_size > 1 %} | |
<table class="row subtotal-table"> | |
<tr><td colspan="2" class="subtotal-table__line"></td></tr> | |
<tr><td colspan="2" class="subtotal-table__small-space"></td></tr> | |
{% for transaction in transactions %} | |
{% if (transaction.status == "success") and (transaction.kind == "authorization" or transaction.kind == "sale") %} | |
{% if transaction.payment_details.credit_card_company %} | |
{% capture transaction_name %}{{ transaction.payment_details.credit_card_company }} (ending in {{ transaction.payment_details.credit_card_last_four_digits }}){% endcapture %} | |
{% else %} | |
{% capture transaction_name %}{{ transaction.gateway | replace: "_", " " | capitalize }}{% endcapture %} | |
{% endif %} | |
<tr class="subtotal-line"> | |
<td class="subtotal-line__title"> | |
<p> | |
<span>{{transaction_name}}</span> | |
</p> | |
</td> | |
<td class="subtotal-line__value"> | |
<strong>{{ transaction.amount | money }}</strong> | |
</td> | |
</tr> | |
{% endif %} | |
{% if transaction.kind == 'refund' %} | |
{% if transaction.payment_details.credit_card_company %} | |
{% assign refund_method_title = transaction.payment_details.credit_card_company %} | |
{% else %} | |
{% assign refund_method_title = transaction.gateway %} | |
{% endif %} | |
<tr class="subtotal-line"> | |
<td class="subtotal-line__title"> | |
<p> | |
<span>Refund</span> | |
<br> | |
<small>{{ refund_method_title | capitalize }}</small> | |
</p> | |
</td> | |
<td class="subtotal-line__value"> | |
<strong>- {{ transaction.amount | money }}</strong> | |
</td> | |
</tr> | |
{% endif %} | |
{% endfor %} | |
</table> | |
{% endif %} | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</center> | |
</td> | |
</tr> | |
</table> | |
<table class="row section"> | |
<tr> | |
<td class="section__cell"> | |
<center> | |
<table class="container"> | |
<tr> | |
<td> | |
<h3>Customer information</h3> | |
</td> | |
</tr> | |
</table> | |
<table class="container"> | |
<tr> | |
<td> | |
<table class="row"> | |
<tr> | |
{% if requires_shipping and shipping_address %} | |
<td class="customer-info__item"> | |
<h4>Shipping address</h4> | |
<p> | |
{{ shipping_address.name }}<br/> | |
{{ shipping_address.address1 }} | |
{% if shipping_address.address2 %} | |
<br/>{{ shipping_address.address2 }} | |
{% endif %} | |
<br/>{{ shipping_address.city }}, {{ shipping_address.province }} {{ shipping_address.zip }} | |
<br/>{{ shipping_address.country }} | |
</p> | |
</td> | |
{% endif %} | |
{% if billing_address %} | |
<td class="customer-info__item"> | |
<h4>Billing address</h4> | |
<p> | |
{{ billing_address.name }}<br/> | |
{{ billing_address.address1 }} | |
{% if billing_address.address2 %} | |
<br/>{{ billing_address.address2 }} | |
{% endif %} | |
<br/>{{ billing_address.city }}, {{ billing_address.province }} {{ billing_address.zip }} | |
<br/>{{ billing_address.country }} | |
</p> | |
</td> | |
{% endif %} | |
</tr> | |
</table> | |
<table class="row"> | |
<tr> | |
<td class="customer-info__item"> | |
<h4>Shipping method</h4> | |
<p>{{ shipping_method.title }}</p> | |
</td> | |
<td class="customer-info__item"> | |
<h4>Payment method</h4> | |
{% for transaction in transactions %} | |
{% | |
if (transaction.status == "success" or transaction.status == "pending") | |
and (transaction.kind == "authorization" or transaction.kind == "sale") | |
%} | |
<p class="customer-info__item-content"> | |
{% if transaction.payment_details.credit_card_company %} | |
{% capture credit_card_url %}notifications/{{ transaction.payment_details.credit_card_company | downcase | replace: " ", "_" }}.png{% endcapture %} | |
<img src="{{ credit_card_url | shopify_asset_url }}" class="customer-info__item-credit" height="24"> | |
<span>Ending in {{ transaction.payment_details.credit_card_last_four_digits }} — <strong>{{ total_price | money }}</strong></span> | |
{% else %} | |
{{ transaction.gateway | replace: "_", " " | capitalize }} — <strong>{{ transaction.amount | money }}</strong> | |
{% endif %} | |
</p> | |
{% endif %} | |
{% endfor %} | |
</td> | |
</tr> | |
</table> | |
</td> | |
</tr> | |
</table> | |
</center> | |
</td> | |
</tr> | |
</table> | |
<table class="row footer"> | |
<tr> | |
<td class="footer__cell"> | |
<center> | |
<table class="container"> | |
<tr> | |
<td> | |
<p class="disclaimer__subtext">If you have any questions, reply to this email or contact us at <a href="mailto:{{ shop.email }}">{{ shop.email }}</a></p> | |
</td> | |
</tr> | |
</table> | |
</center> | |
</td> | |
</tr> | |
</table> | |
<img src="{{ 'notifications/spacer.png' | shopify_asset_url }}" class="spacer" height="1" /> | |
</td> | |
</tr> | |
</table> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment