Blurry + Overscaled Carrier icons on the order completed email

  • Resolved alekosk

    (@alekosk)


    2 years, 3 months ago

    Hi guys

    Me again!

    We just noticed that when the tracking #s are uploaded and the orders are marked as complete, the user receives the email with the tracking info.
    However the image of the carrier in the email is oversized/zoomed in and doesnt look nice- see here: https://ibb.co/yg6dYR0

    Is there a way to either completely remove the icon from the emails or scale down the size?

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Zorem

    (@zorem)

    Hi @alekosk,
    We checked this but can’t this issue on our development store.
    Please deactivate all other plugins except AST and WooCommerce and check again.
    Thanks

    Hi, I’, having the same issue with the oversized/zoomed carrier images. Did you ever find a solution?

    @zorem This is an issue specific to Hotmail/Outlook emails I believe.
    The emails look perfect when sent to Gmail for example but when sent to my Hotmail address, the icon takes up the whole width of the email and is really blurry. Pretty sure the issue is in the HTML of the email, maybe Outlook can’t render something about it.

    I’m trying to fix it myself and will report back here if I manage to fix it. Tried adding width and height to the img tag already but that didn’t help.

    Well the issue is using “max-width” in the CSS of the email. Outlook uses Word’s HTML processor and it doesn’t support max-width.

    You have “width: 100%” and “max-width: 40px” set for the provider image in the CSS. I fixed this by simply removing the “max-width” completely and changing the “width” to 40px.

    This is in file woo-advanced-shipment-tracking/templates/emails/fluid-tracking-info.php

    You can overwrite that email template by copying the file into your child theme’s folder into the path yourtheme/woocommerce/emails/fluid-tracking-info.php

    It still doesn’t look as good as in Gmail but at least the image is now only 40px. The tracking number and tracking button are in a column rather than in a row side by side but the whole structure of the email would have to be changed from using div’s to using just table to make it work in Outlook and I can’t be arsed to go over that right now.

    Plugin Author Zorem

    (@zorem)

    Hi @jussipv,

    We will fix this issue in the next version of the plugin.

    Thanks

    Awesome, thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Blurry + Overscaled Carrier icons on the order completed email’ is closed to new replies.