Long product names being cutoff in email

Up until last week when we would receive an email for a new order the product names would wrap so we could see the full item name but now they are just being cutoff. What do I need to edit to force product names to wrap around again? In the attached image Mastic Remover used to show up under BLUE BEAR BEAN-e-doo.
Thanks for any help
image

The below is what I was told when I asked about it as this change hinders our workflow as the entire title is not seen so our employees have to click on the products to verify that the correct product is being pulled for the order. I canforsee many mistakes being made due to this change.

"Thank you for your patience! I’ve looked into this, and unfortunately, we won’t be able to revert to the older version. It appears that if the product name exceeds a certain character limit in the order summary view, it gets shortened with “…” to keep the interface clean and organized. However, the full product name is still visible in the order details when you click on the “Product name”

Well that is unfortunate

Did you reach out to Support directly?

Yeah that doesn’t do us any good because we print out all the orders to enter them into our system and you can’t “click” anything on a piece of paper :slight_smile:

Edit the order notification template itself to tailor it to need.

There’s also that if your product names are that long you should probably be using SKU or barcodes for picklists.
As employees are likely already making mistakes from longform confusion or just losing a lot of time in aggregate having to double check names on paper vs names on boxes/labels etc.
It does not scale at all.

:bomb: Keep mind html in emails are NOT like html on a webpage, practice restraint or seek help for anything “fancy”.
https://help.shopify.com/en/manual/fulfillment/setup/notifications/customizing-notification-template
https://help.shopify.com/en/manual/fulfillment/setup/notifications/new-order-notifications

I have been trying to find the best way to alter the code on the Order Email notification template to force the Product Item to Wrap Text but haven’t gotten anything to work yet. Fixing this small change is probably going to be better than trying to revamp our invoicing system and the way our customer service reps enter invoices for the warehouse.

If your not already familiar with coding CSS/HTML I wouldn’t try to to style email HTML if may only make you more frustrated.
Just find out the character limit and split the title onto two SEPARATE lines/elements

<p>{{ product.title | slice: 0,10 }}</p>
<p>{{ product.title | slice: 10,20 }}</p>
...

Where “10” is the END of the character limit, and of course 20 is again the character limit just offset from “10”

There’s also just using the split filter if product titles are HIGHLY consistent, like each one contains the reserved “®”
<p>{{ product.title | split:'®' }}</p>

Thank you for this. I will definitely try this out.

Yes, and we also print our orders as well when we pull them

It’s not even just the email. It is on the actual orders in admin where it cuts off.

No, our employees were NOT making mistakes with the way it was before. Looking up by SKU is harder for us as we have our inventory in the thousands alphabetized.

No priority system for thousands of products not even popular stuff, are all products sold near-equally, weigh the ..
meh nvm logistics choice are moot with the admin issue aren’t they :person_shrugging:

So regardless of picking process, for changes to the admin styles everyone is pretty much at the mercy of shopify with how the native admin behaves; shucks see the bloated dev-IDE they are now forcing merchants to use just to edit theme files for another example of unwanted changes.

Alternatives

There are some limited things that can be accomplished with browser userstyles/extensions to style or add info to areas of the admin.
But generally building a custom dashboard with the api can get better long term control and stable consistency.
See services like retool for lowcode internal tool creation,etc.

Do make a formal feature request to a shopify support advisor about order admin customizability

Type “support advisor” or “human” to try and bypass the bot quickly.
https://help.shopify.com