Unwanted description code appears in cart

[tarakennymv]

I’m getting a strange code-like description with my product in my cart, and I would like to NOT see this in the cart.

attribute_pa_colour: white-2 Size: M

This appears in the cart under the product and also on the right when you click through and the “My Order” appears on the right.

Also, I am having trouble setting up the shipping, and you may see errors – I’m trying to figure this out with the WooCommerce folks.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please provide me correct website url. Your given url is displaying Server not found error.
Thanks
Mohammad

[tarakennymv]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

I tried and it seems to be fine to me.
https://www.dropbox.com/s/m37j4kio09jubpf/cart_issues.png?dl=0

Can you try to clear the cache and try again, or try in a different browser.

-Rui

[tarakennymv]

Ok, now it seems fine. However, when I try to checkout, the “Your Order” section on the right of the screen has strange line breaks.

Asymmetrical Earrrings ×
1

AND

Stutterheim – Stockholm,
White × 1
Color: White M
Size:

I would like these lines to read neatly.
Asymmetrical Earrings x1 (on one line)

AND

Stutterheim – Stockholm x 1
Color: White Size: M

Can you help me with that?
Also, I would like the words “Shipping and Handling” to appear above all the shipping options, like the following example… and have the Ground, and 3 Day Select lines appear on one line each – not broken onto 2 lines.

Shipping and Handling

Local Pickup (Free)
Ground (We ship via UPS): $23.86
3 Day Select (We ship via UPS): $27.80

Thank you so much!

[tarakennymv]

Sorry, I forgot to attache the screencap – here it is.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

try to add the code below to your custom css option

.woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dd {
  line-height: 20px!important;
}

the rest looks fine to me, seems that your window size is small and can the layout can adjust in lower resolutions.

https://www.dropbox.com/s/3g3kkgpoosecqpp/woo_order.png?dl=0

-Rui

[tarakennymv]

Hi,
Thank you for the code, I tried it, but it hasn’t fixed the issue.
These are the screencaps from the cart page, and also the checkout page.
Any other suggestions to fix it?

On the cart page – I want “Shiping and handling” to be above the shipping options, not centered vertically on the left.

On the Checkout page – I still have my product listed on 4 lines…
Stutterheim – Stockholm,
White × 1
Color: White M
Size:

I would like for this to read on 2 lines at the most.
Stutterheim – Stockholm, White × 1
Color: White Size: M

I think I can adjust the first line to be shorter by changing the product description. But It’s strange that “Size: ” is all alone and has no size beside it.

Also, the shipping and handling still aligns weird. I would like ti to read like the below sample.

Shipping and Handling (on one line above the shipping options)

• Local Pickup (Free)
• Ground (We ship via UPS): $23.86
• 3 Day Select (We ship via UPS): $27.80

(and all 3 shipping options on one line each, like the above) I changed the shipping description to read just UPS and it still breaks on to 2 lines.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

There is just not enough space for everything. Try to reduce the products names, by removing product attributes like the color from the name.

That checkout table is divided in 2 columns. If we increase the column of the left(Product name, Shipping labels) that will decrease the column on the right(price, shipping methods)

Give a try with this code to increase a little bit the product name width.

#order_review table.shop_table td.product-name {
  text-align: left;
  width: 60%;
}

-Rui