Can anyone help me figure out if my email liquid codes are good?

Store Design
, ,
1

I am editing my notification email templates and I’ve written a notification email template that conforms with my shop’s branding. However, in all the test emails it looks like the meta fields aren’t being properly filled with order information. I can’t test for it properly without trying to purchase a product. Can someone please check this code to make sure that it actually has the proper links to the right meta fields?

@media all { .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } .apple-link a { color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; text-decoration-line: none !important; text-decoration-thickness: initial !important; text-decoration-style: initial !important; text-decoration-color: initial !important; } #MessageViewBody a { color: inherit; text-decoration-line: none; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } .btn-primary table td:hover { background-color: rgb(52, 73, 94) !important; } .btn-primary a:hover { background-color: rgb(52, 73, 94) !important; border-top-color: rgb(52, 73, 94) !important; border-right-color: rgb(52, 73, 94) !important; border-bottom-color: rgb(52, 73, 94) !important; border-left-color: rgb(52, 73, 94) !important; } }

@media only screen and (min-width: 768px) {
.mobile-only table, .mobile-only td {
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding: 0px !important;
mso-padding-alt: 0px 0px 0px 0px !important;
}
}

@media (max-width: 767px) {
.m-col-full .product-name, .m-col-full .product-price {
text-align: center;
}
.avada-row-wrap > td {
display: table !important;
width: 100% !important;
}
.desktop-only table, .desktop-only td, .desktop-only tr, .desktop-only th {
display: none !important;
}
.mobile-only table {
display: table !important;
}
.mobile-only td {
display: table-cell !important;
}
.mobile-only tr {
display: table-row !important;
}
.mobile-only tr.row-hidden {
display: none !important;
}
.mobile-only .divider-padding {
padding: 15px 0px;
mso-padding-alt: 15px 0px;
}
.mobile-only td.divider-line-2 {
font-size: 2px;
height: 2px;
line-height: 2px;
}
.mobile-only td.footer-content-col {
display: table !important;
width: 100% !important;
}
}

@media only screen and (max-width: 699px) {
table.table-640, div.row {
width: 100% !important;
max-width: 100% !important;
}
img.mo-img-full {
width: 100% !important;
}
td.mo-text-center {
text-align: center !important;
}
table.mo-link td {
width: 100% !important;
display: block !important;
text-align: center !important;
}
table.mo-link td a, td.mo-link a {
display: block !important;
text-align: center !important;
padding-bottom: 15px !important;
border-bottom-width: 2px !important;
border-bottom-style: solid !important;
border-bottom-color: rgb(241, 241, 241) !important;
}
}

@media only screen and (max-width: 620px) {
table[class=“body”] h1 {
font-size: 28px !important;
margin-bottom: 10px !important;
}
table[class=“body”] p, table[class=“body”] ul, table[class=“body”] ol, table[class=“body”] td, table[class=“body”] span, table[class=“body”] a {
font-size: 16px !important;
}
table[class=“body”] .wrapper, table[class=“body”] .article {
padding-top: 10px !important;
padding-right: 10px !important;
padding-bottom: 10px !important;
padding-left: 10px !important;
}
table[class=“body”] .content {
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
}
table[class=“body”] .container {
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
width: 100% !important;
}
table[class=“body”] .main {
border-left-width: 0px !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-right-width: 0px !important;
}
table[class=“body”] .btn table {
width: 100% !important;
}
table[class=“body”] .btn a {
width: 100% !important;
}
table[class=“body”] .img-responsive {
height: auto !important;
max-width: 100% !important;
width: auto !important;
}
}

#

Confetti cannons and virtual high-fives all around! :tada:

 

Your order at Le Jardin Bridal is officially confirmed, and we couldn't be more thrilled to be part of your special day. :heart:


Now, we know you've got that excitement buzzing in your fingertips, so here's a little sneak peek of what's headed your way:

Order Number {{order.order_number}}
Order Date : {{order.created_at | date: "%B %d, %Y"}}
{% for line in line_items %}{% endfor %}
#
Product Name
2 x 30
Black
60
Subtotal
{{order.subtotal_price | money}}
Order Discount
{{ discounts_amount | money }}
Tax
{{order.total_tax | money}}
Shipping
{{order.shipping_price | money}}
Total
{{order.total_price | money}}
Shipping Address

{{order.shipping_address.name}}, {{order.shipping_address.street}}, {{order.shipping_address.city}}, {{order.shipping_address.province_code}}, {{order.shipping_address.country_code}} {{order.shipping_address.zip}}

View order

 

Your taste? Impeccable. :smiling_face_with_sunglasses:

 

 

 

What Happens Next?

Stay Glued to Your Inbox: We'll keep you updated every step of the way. Watch out for shipping notifications and tracking details. It takes about 6 weeks for production before shipment.

 

Share the Joy: Snap a selfie when your order arrives and tag us on Instagram @lejardinbridal. We can't wait to give you a coupon towards your next accessories purchase. We love seeing our awesome customers in action!

 

 

Our Promise to You:

Quality Matters: Your order is crafted with care, using top-notch materials and design to ensure it's nothing less than fabulous.

 

Customer Happiness: Got questions? Need assistance? We're here for you 24/7. Just hit "reply" to this email, and our team of experts will swoop in to save the day!

 

Easy Returns: If by any chance you're not head over heels in love with your purchase, our hassle-free return process has your back. No stress, just pure shopping bliss.

 

 

Start exploring more of our fantastic products at lejardinbridal.com and keep the celebration vibes alive!

 

Thanks for choosing us, {{customer.first_name}} {{customer.last_name}}. 

 

With confetti and cheer, The Le Jardin Bridal Team

 

P.S. Did someone say cheer? Follow us on Instagram @lejardinbridal for all the latest trends, inspiration, and maybe a few surprise giveaways! :balloon: :camera_with_flash:

 

facebookinstagrampinterest
About Us|Refund Policy|Privacy Policy

2021 {{shop_name}}. The brand names, slogans, logos, service marks and other trademarks of {{shop_name}}'s goods, services and promotions belong exclusively to {{shop_name}}.

##
Unsubscribe
This email was sent to {{customer.email}} because you've subscribed or purchased on our website.
Le Jardin Bridal
lejardinbridal.com