Help! Can't see my logo in my customer notification emails

Help! Can't see my logo in my customer notification emails

remudawesternwe
Tourist
8 0 3

I'm having trouble trying to get my logo to show in my customer notification emails. I can only see my store name as text and can't figure out why. Any suggestions?

 

Screenshot-2024-07-24-123723.jpg

{% if fulfillment.item_count == item_count %} {% capture email_title %}Your order is on the way{% endcapture %} {% capture email_body %}Your order is on the way. Track your shipment to see the delivery status.{% endcapture %} {% elsif fulfillment.item_count > 1 %} {% if fulfillment_status == 'fulfilled' %} {% capture email_title %}The last items in your order are on the way{% endcapture %} {% capture email_body %}The last items in your order are on the way. Track your shipment to see the delivery status.{% endcapture %} {% else %} {% capture email_title %}Some items in your order are on the way{% endcapture %} {% capture email_body %}Some items in your order are on the way. Track your shipment to see the delivery status.{% endcapture %} {% endif %} {% else %} {% if fulfillment_status == 'fulfilled' %} {% capture email_title %}The last item in your order is on the way{% endcapture %} {% capture email_body %}The last item in your order is on the way. Track your shipment to see the delivery status.{% endcapture %} {% else %} {% capture email_title %}One item in your order is on the way{% endcapture %} {% capture email_body %}One item in your order is on the way. Track your shipment to see the delivery status.{% endcapture %} {% endif %} {% endif %} {% capture email_emphasis %}Estimated delivery date: <strong>{{fulfillment.estimated_delivery_at | date: format: 'date'}}</strong>{% 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> <table class="order-po-number__container"> <tr> <td class="order-number__cell"> <span class="order-number__text"> Order {{ order_name }} </span> </td> </tr> {%- if po_number %} <tr> <td class="po-number__cell"> <span class="po-number__text"> PO number #{{ po_number }} </span> </td> </tr> {%- endif %} </table> </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 fulfillment.estimated_delivery_at %} <p>{{ email_emphasis }}</p> {% endif %} {% if order_status_url %} <table class="row actions"> <tr> <td class="empty-line">&nbsp;</td> </tr> <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">or <a href="{{ shop.url }}">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 %} {% if fulfillment.tracking_numbers.size > 0 %} <p class="disclaimer__subtext"> <br/> {% if fulfillment.tracking_numbers.size == 1 and fulfillment.tracking_company and fulfillment.tracking_url %} {{ fulfillment.tracking_company }} tracking number: <a href="{{ fulfillment.tracking_url }}">{{ fulfillment.tracking_numbers.first }}</a> {% elsif fulfillment.tracking_numbers.size == 1 %} Tracking number: {{ fulfillment.tracking_numbers.first }} {% else %} {{ fulfillment.tracking_company }} tracking numbers:<br /> {% for tracking_number in fulfillment.tracking_numbers %} {% if fulfillment.tracking_urls[forloop.index0] %} <a href="{{ fulfillment.tracking_urls[forloop.index0] }}"> {{ tracking_number }} </a> {% else %} {{ tracking_number }} {% endif %} <br/> {% endfor %} {% endif %} </p> {% endif %} </td> </tr> </table> </center> </td> </tr> </table> <table class="row section"> <tr> <td class="section__cell"> <center> <table class="container"> <tr> <td> <h3>Items in this shipment</h3> </td> </tr> </table> <table class="container"> <tr> <td> <table class="row"> {% for line in fulfillment.fulfillment_line_items %} <tr class="order-list__item"> <td class="order-list__item__cell"> <table> {% assign expand_bundles = false %} {% if expand_bundles and line.line_item.bundle_parent? %} <td class="order-list__parent-image-cell"> {% if line.line_item.image %} <img src="{{ line.line_item | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/> {% else %} <div class="order-list__no-image-cell"> <img src="{{ 'notifications/no-image.png' | shopify_asset_url }}" align="left" width="60" height="60" class="order-list__no-product-image"/> </div> {% endif %} </td> {% else %} <td class="order-list__image-cell"> {% if line.line_item.image %} <img src="{{ line.line_item | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/> {% else %} <div class="order-list__no-image-cell"> <img src="{{ 'notifications/no-image.png' | shopify_asset_url }}" align="left" width="60" height="60" class="order-list__no-product-image"/> </div> {% endif %} </td> {% endif %} <td class="order-list__product-description-cell"> {% if line.line_item.product.title %} {% assign line_title = line.line_item.product.title %} {% else %} {% assign line_title = line.line_item.title %} {% endif %} {% if line.quantity < line.line_item.quantity %} {% capture line_display %} {{ line.quantity }} of {{ line.line_item.quantity }} {% endcapture %} {% else %} {% assign line_display = line.line_item.quantity %} {% endif %} <span class="order-list__item-title">{{ line_title }}&nbsp;&times;&nbsp;{{ line_display }}</span><br/> {% if line.line_item.variant.title != 'Default Title' and line.line_item.bundle_parent? == false %} <span class="order-list__item-variant">{{ line.line_item.variant.title }}</span><br/> {% elsif line.line_item.variant.title != 'Default Title' and line.line_item.bundle_parent? and expand_bundles == false %} <span class="order-list__item-variant">{{ line.line_item.variant.title }}</span><br/> {% endif %} {% if expand_bundles %} {% for component in line.line_item.bundle_components %} <table> <tr class="order-list__item"> <td class="order-list__bundle-item"> <table> <td class="order-list__image-cell"> {% if component.image %} <img src="{{ component | img_url: 'compact_cropped' }}" align="left" width="40" height="40" class="order-list__product-image"/> {% else %} <div class="order-list__no-image-cell small"> <img src="{{ 'notifications/no-image.png' | shopify_asset_url }}" align="left" width="40" height="40" class="order-list__no-product-image small"/> </div> {% endif %} </td> <td class="order-list__product-description-cell"> {% if component.product.title %} {% assign component_title = component.product.title %} {% else %} {% assign component_title = component.title %} {% endif %} {% assign component_display = component.quantity %} <span class="order-list__item-title">{{ component_title }}&nbsp;&times;&nbsp;{{ component_display }}</span><br> {% if component.variant.title != 'Default Title'%} <span class="order-list__item-variant">{{ component.variant.title }}</span> {% endif %} </td> </table> </td> </tr> </table> {% endfor %} {% else %} {% for group in line.line_item.groups %} <span class="order-list__item-variant">Part of: {{ group.display_title }}</span><br/> {% endfor %} {% endif %} {% if line.line_item.selling_plan_allocation %} <span class="order-list__item-variant">{{ line.line_item.selling_plan_allocation.selling_plan.name }}</span><br/> {% endif %} {% if line.line_item.refunded_quantity > 0 %} <span class="order-list__item-refunded">Refunded</span> {% endif %} {% if line.line_item.discount_allocations %} {% for discount_allocation in line.line_item.discount_allocations %} {% if discount_allocation.discount_application.target_selection != 'all' %} <p> <span class="order-list__item-discount-allocation"> <img src="{{ 'notifications/discounttag.png' | shopify_asset_url }}" width="18" height="18" class="discount-tag-icon" /> <span> {{ discount_allocation.discount_application.title | upcase }} (-{{ discount_allocation.amount | money }}) </span> </span> </p> {% endif %} {% endfor %} {% endif %} </td> </table> </td> </tr> {% endfor %} </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>
Replies 3 (3)

EcomGraduates
Shopify Partner
795 68 114

It seems like the logo might not be showing up because the shop.email_logo_url isn't set or might not be pointing to a valid image URL. Double-check the URL in your Shopify admin to make sure it's correctly configured. If it's set correctly, ensure there are no CSS or HTML issues preventing the image from displaying.


 If this fixed your issue, likes and accepting as a solution are highly appreciated
|  Build an online presence with our custom-built Shopify Theme: EcomifyTheme
|  Check out our reviews: Trustpilot Reviews
|  We are Shopify Partners: EcomGraduates Shopify Partner



remudawesternwe
Tourist
8 0 3

Hello and thanks! It appears the logo is set correctly and there haven't been any changes to the CSS or HTML that would prevent this logo from appearing. After thinking about it, I recently updated to Dawn v 15.0 and this is when the logo disappeared. There was also a note at the top of the notification email section that I would need to go in and find an app for custom emails, or something to that effect? That note is no longer there so I can't remember for sure what it said. Any ideas?

JoesIdeas
Shopify Partner
2479 228 667

You could replace this code:

{%- 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 %}

 

With this:

{%- if shop.email_logo_url %}
  <img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
{%- else %}
  <img src="url of your logo" alt="{{ shop.name }}" width="200" /> 
{%- endif %}

 

- This keeps the shop.email_logo_url variable in case you figure that out later

 

- Replaces the text with an image

 

- Replace "url of your logo" with the actual url to your logo. For a temporary solution just open your website and copy the image url of your logo. That address could change over time, so I would still try to find where the shop.email_logo_url variable comes from, but this at least gets you going now.

 

- Replace "200" in the width attribute with the width of your logo, you can experiment with different pixel widths to see what you like.

• Creator of Order Automator [auto tag, fulfill, connect FBA, daily jobs]
• Co-Creator of Product Automator [suite of features for products / collections]
• Shopify developer for 10+ years, store owner for 7 years
• Blog: Shopify Tips, Guides, and Automation Tactics