Ugly text in customer email when product image is shown

  • Resolved titsmaker

    (@titsmaker)


    5 years, 4 months ago

    Hi, I’m using follwoing code to add product images to customer emails:

    function my_code_modify_wc_order_emails( $args ) {
    $args['show_image'] = true;
    $args['image_size'] = array( 100, 100 );
    return $args;
}
add_filter( 'woocommerce_email_order_items_args', 'my_code_modify_wc_order_emails' );

    Resulting emails look not that good. Product name is displayed to the right of product image, while product attributes are shown below product image. This already looks suboptimal. But if product name is rather long things get even worse because second row of product name is shown under product image as well although there’s plenty of space to the right of image. Please have a look at this screenshot – https://gyazo.com/dc2dd22751ea38e95ebc6c5690f7f9b0
    Please help me to make this look better. Placing all the text to the right of product image would be an ideal solution.

Viewing 12 replies - 1 through 12 (of 12 total)
  • Stef

    (@serafinnyc)

    It appears you are showing a mobile display. Hard to tell. However, you’re limited as to what you can do here. You’ll need to make a decision for mobile vs desktop and write CSS styles inside the TD selector as well.

    Do you hide thumbnail in mobile display vs desktop. Maybe. Maybe you hide the title and keep the thumb. Maybe you make the thumb 50×50 instead of 100×100

    Thread Starter titsmaker

    (@titsmaker)

    Thank you for your answer. But I don’t get how this is related to mobile display. WooCommerce Email template is not responsive by any means. On mobile it is shown the same way as on desktop, just scaled to the screen size.

    Stef

    (@serafinnyc)

    Like I said in my initial comment is that it “appears” you are showing a mobile display. Hard for any of us to tell really. Desktop display would be much wider.

    Either way, doesn’t matter. You have a decision to make and you’ll also have to add CSS to get it to look nicer.

    Thread Starter titsmaker

    (@titsmaker)

    For me it’s rather strange that default layout which is used by millions of shops has such an issue and has to be “fixed”.

    Stef

    (@serafinnyc)

    Could be your theme. Try switching themes and test. I wouldn’t be so quick to blame WC. I mean who ridicules something that’s FREE?

    Thread Starter titsmaker

    (@titsmaker)

    Nope, it’s not my theme. I have the same results with Storefront and all the plugins deactivated.

    Stef

    (@serafinnyc)

    Do you know how to work with your browsers Console? It could be conflicting CSS or a another plugin. However, you’ll need to customize the template by adding it to your child theme.

    I’ve never had to do anything but add inline css to that template page and have never had a problem.

    Thread Starter titsmaker

    (@titsmaker)

    I still think this not my personal problem, but the way they made it in WooCommerce. As soon as I have free time I’ll make clean install and check.

    Stef

    (@serafinnyc)

    It’s not WC. As a former contributor to the framework I can tell you with 100% certainty that anytime you want to customize WC it then becomes something that’s not relative to the framework. Meaning doesn’t come with it. Which it doesn’t.

    Thread Starter titsmaker

    (@titsmaker)

    By the way I checked the behaviour with clean isntall and it is th same.
    I think it is safe to assume that in 2019 99% of stores want to have product images in their emails. The function to enable images is not custom, it is just disabled by default. So this is something basic and needed by most shop owners.
    Anyway it seems it’s better to ask on GitHub…

    Stef

    (@serafinnyc)

    You love to argue. A know it all it appears. Best of luck to you.

    Hi there,

    Due to the age of this thread, I will go ahead and close it. If you continue to have issues please open a new thread and let us know!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Ugly text in customer email when product image is shown’ is closed to new replies.

Tags