Skip to content

Instantly share code, notes, and snippets.

{% if fulfillment.item_count == item_count %}
{% capture shipment_name %}Your order is{% endcapture %}
{% elsif fulfillment.item_count > 1 %}
{% if fulfillment_status == 'fulfilled' %}
{% capture shipment_name %}The last items in your order are{% endcapture %}
{% else %}
{% capture shipment_name %}Some items in your order are{% endcapture %}
{% endif %}
{% else %}
{% if fulfillment_status == 'fulfilled' %}
{% 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">
<div class="bold-loyalties-welcome-overlay">
<div class="bold-loyalties-welcome-modal">
<div class="bold-loyalties-section">
<a href="#" class="bold-modal-close-btn">x</a>
<div class="section-top">
<div class="section-top__left">
<img src="https://loy.boldapps.net/cdn/loyalties/bold16.myshopify.com/da88907d6fd9994ec56abb8dfe195f8b.png">
</div>
<div class="section-top__right">
{% if shop.metafields.bold_loyalties.active == 1 %}
<style>
@import url('//loy.boldapps.net/app_assets/css/client/product.css');
</style>
{% if customer %}
{% include 'bold-loyalties-modal' %}
{% endif %}
<script>
<div id="bold-loyalties-shipping-modal">
<form action="https://loy.boldapps.net/front_end/redeem" method="POST">
<input type="hidden" name="domain" value="{{shop.permanent_domain}}"/>
<input type="hidden" name="uuid" value="{{customer.metafields.bold_loyalties.uuid}}"/>
<input type="hidden" name="variant_id" id="bold_loyalties_redeem_variant" value=""/>
<input type="hidden" name="product_id" value="{{product.id}}"/>
<div class="section__header">
<a href="#" class="bold-modal-close-btn">x</a>
<h3>{{shop.metafields.bold_loyalties.modal_heading}}</h3>
<p class="bold-success">{{shop.metafields.bold_loyalties.modal_thank_you_message}}</p>
{% if shop.metafields.bold_loyalties.active == 1 and shop.metafields.bold_loyalties.points_can_be_earned == 1 and shop.metafields.bold_loyalties.points_can_be_redeemed == 1 %}
<div class="boldapps-rewards-points-customer-section">
<div class="bold-row bold-no-margin">
<div class="bold-col">
<h1>{{ shop.metafields.bold_loyalties.name }}</h1>
<p class="description">
{{ shop.metafields.bold_loyalties.description }}
</p>
</div>
</div>
{% if shop.metafields.bold_loyalties.active == 1 and shop.metafields.bold_loyalties.callout_type == 'full_width'%}
<div class="bold-loyalties-callout">
{% if customer %}
{% else %}
{{ shop.metafields.bold_loyalties.callout_loggedout_text }}
{% endif %}
<a class="bold-loyalties-close" href="#"> Close</a>
</div>
{% endif %}
{% if shop.metafields.bold_loyalties.active == 1 and shop.metafields.bold_loyalties.callout_type == 'tab'%}
{% if shop.metafields.bold_loyalties.active == 1 and shop.metafields.bold_loyalties.callout_type == 'simple' %}
<span class="bold-loyalties-callout-nav">
{% if customer %}{% else %}
{% if shop.metafields.bold_loyalties.points_can_be_earned == 1 %}
{{ shop.metafields.bold_loyalties.callout_loggedout_text }}
{% endif %}
{% endif %}
function BTME(data_product_id){this.changes=[false,false,false,false,false];this.pricing_unit=null;this.pricing_multiplier=null;this.pricing_id=null;this.default_field_value=null;this.global_min=null;this.global_max=null;this.local_limits=[];this.commitTimeout=2000;this.product_id=data_product_id===undefined?null:data_product_id;}
BTME.prototype={constructor:BTME,setCommitTimeout:function(timeout){this.commitTimeout=timeout;},changePricingUnit:function(pricing_unit,multiplier,priceId){this.pricing_unit=pricing_unit;this.pricing_multiplier=multiplier;this.pricing_id=priceId;this.changes[0]=true;return this;},setGlobalMinimum:function(min){this.global_min=min;this.changes[1]=true;return this;},setGlobalMaximum:function(max){this.global_max=max;this.changes[2]=true;return this;},setFieldMinimum:function(fieldNumber,min,errorMessage){var fieldIndex=this.indexOfFieldLimits(fieldNumber-1);if(fieldIndex>-1){this.local_limits[fieldIndex][1]=min;this.local_limits[fieldIndex][3]=errorMessage;}
else{this.local_limits.pu
/* Bold Custom Responsive Styling for Arrow Headers Theme*/
@media only screen and (max-width: 480px ){
body .shappify_product_builder .option_image_pane {
border-left:none;
width: 100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}