Image issue in order email

  • Resolved ashique12009

    (@ashique12009)


    3 years, 11 months ago

    Hi, In woocommerce email I see a broken image in my GMAIL.
    Actually it is an order email.
    Why it is showing broken image any hints?
    The image URL is this: https://ccdbclimatecentre.com/wp-content/uploads/2022/04/ctp-logo2.png
    Image is exists in uploads folder then why it is not showing.
    NOTE: before the site address was CCDBCLIMATECENTER.com then we bought a new domain CCDBCLIMATECENTRE.com , before it was working for old domain but after renewing its shows this issue.
    But I’ve modified the image URL in woo -> settings -> email HEADER IMAGE
    What might be the issue for showing broken header image in order email?
    Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Margaret S. woo-hc

    (@margaretwporg)

    3 years, 11 months ago

    Hi @ashique12009

    I understand that after changing the site domain the header image in the WooCommerce order email is no longer showing.

    As a first step, please load the desired image to the WordPress gallery afresh. And then go to WooCommerce → Settings → Emails page and choose the freshly loaded image. This way any confusion in the URL about the old domain can be eliminated.

    You can read more about WooCommerce email header images here: https://www.mail-mechanic.com/woocommerce-email-header-images

    Thread Starter ashique12009

    (@ashique12009)

    3 years, 11 months ago

    I’ve also modified wp-content\themes\mytheme\woocommerce\emails\email-header.php file like below:

    <td align="center" valign="top">
<!-- <div id="template_header_image"> -->
<?php
//if ( $img = get_option( 'woocommerce_email_header_image' ) ) {
	//echo '<p style="margin-top:0;"><img src="' . esc_url( $img ) . '" alt="' . get_bloginfo( 'name', 'display' ) . '" /></p>';
//}
?>
<!-- </div> -->
<table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container">
	<tr>
	<td align="center" valign="top">
	<!-- Header -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_header">
<tr>
											<td id="header_wrapper">
												<h1>
													<?php echo $email_heading; ?>
												</h1>
											</td>
											<td style="padding: 2px 8px;">
												<div id="template_header_image">
													<?php
													if ( $img = get_option( 'woocommerce_email_header_image' ) ) {
														echo '<p style="margin-top:0;"><img src="' . esc_url( $img ) . '" alt="' . get_bloginfo( 'name', 'display' ) . '" /></p>';
													}
													?>
												</div>
											</td>
	</tr>
</table>
<!-- End Header -->
</td>
</tr>
    Mashi

    (@shaonback2)

    3 years, 11 months ago

    Hi @ashique12009!

    Have you tried changing the Header image as Margaret suggested?

    Look forward to hearing from you.

    Thread Starter ashique12009

    (@ashique12009)

    3 years, 11 months ago

    @shaonback2 I’ve uploaded file in media then copied that newly upload file URL and pasted in header image. Is this process wrong to see the image in header in order email?

    And what does that mean wordpress gallery afresh?

    See this gallery page just uploaded logo is showing very bottom in frontend: https://ccdbclimatecentre.com/ape_gallery/adaptation-technology/

    Screenshot: https://prnt.sc/4s0mwvIzKT8P

    Hope you can can’t see it for password protected site.

    Thanks.

    • This reply was modified 3 years, 11 months ago by ashique12009.
    • This reply was modified 3 years, 11 months ago by ashique12009.
    • This reply was modified 3 years, 11 months ago by ashique12009.
    aetta

    (@chiape)

    3 years, 11 months ago

    Hi @ashique12009

    I’ve uploaded file in media then copied that newly upload file URL and pasted in header image. Is this process wrong to see the image in header in order email?

    Have you done this through WooCommerce > Settings > Emails, as my colleague mentioned above?

    Also, I am not able to access any of the links you shared (logo image and page gallery), so maybe Gmail isn’t able to access it too. Can you double-check if that file is public, and accessible from all over the internet?

    Let us know how it goes! My very best,

    Thread Starter ashique12009

    (@ashique12009)

    3 years, 11 months ago

    @chiape you might be correct in this case, I need to remove site password first then I might see the header logo.

    Margaret S. woo-hc

    (@margaretwporg)

    3 years, 11 months ago

    Hi @ashique12009

    Yes, it is a possibility that the header image location cannot be accessed due to restrictions, so removing the password may help.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Image issue in order email’ is closed to new replies.