Duplicates showing on Cart page

Could be a cross-sell. Go to the product edit page, Product Data section, Linked Products tab, then make sure the Cross-sells field is empty.

The cross-sells field is empty.

Struggling a bit without seeing your settings. Could be the shop content then. Just go to:
Dashboard > WooCommerce > Settings > Products tab, Display sub page:
Make sure the Shop page drop down does not have the Cart page selected. You must have a separate shop page even if you don’t use it or have it visible.

Good job, because cart was selected for shop page. This has led to the cart page of the page we don’t want though. We wanted the cart with what it was showing earlier (with the apply coupon button, quantity can be changed, update carton button, and subtotal button).

From here, your cart page does show apply coupon, quantity change, update and sub-total. If you can’t see that, try deleting browser cache and plugin cache if you have one.

I really appreciate your quick responses. I checked it from another browser and you’re right. But, now I see the product image is extremely tiny. How do I get rid of the image or make it bigger? I remember before having this issue and even though I was regenerating thumbnails and images, the image still was very small.

Try this custom css:

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
  width: 200px;
}

Custom css can be entered at:
Dashboard > Appearance > Customise > Additional CSS

Unfortunately it didn’t work, the image is still the same tiny size.

There is a parse error in the style before this one. The brackets are mis-matched. This causes this style to be ignored. Please copy and paste the entire contents of the styles in Simple Custom CSS here:
https://jigsaw.w3.org/css-validator/#validate_by_input
and edit until the check comes up valid.

If you format those styles here:
https://www.cleancss.com/css-beautify/
they will be easier to read and syntax errors will show up.

The CSS looks much better, thank you for that invaluable piece of information. I added in your code after I fixed the CSS, and the image on the cart page is still tiny. Perhaps if the columns were spaced out better, it wouldn’t look so goofy being so small.

The style is correct but its not being read by the browser. The console is showing an error loading the styles from Simple Custom CSS: “Resource interpreted as Stylesheet but transferred with MIME type text/html”.

So in fact none of the styles in SCC are being applied. For example, the first style in the set applies a background image to the about us section on the front page: Rough-Dark-Brown-Paper-Texture.jpg. This is the section titled “Social Media Users”. However, the background remains black. The second style concerns the body font – this is also not applied.

Reading round, this error seems to be a server mis-configuration issue, and others have tied it to cloudfront which I think you are using.

But life’s too short to get that working, just try putting everything that’s in Simple Custom CSS into the field at:
Dashboard > Appearance > Customise > Additional CSS

Let’s look at the columns if we can find a way getting custom css to take effect.

I wish I knew what cloudfront is because it has caused a lot of grief! I placed your code for the image in the Customizer Additional CSS and the image is fixed. Thank you so much for your help, I really appreciate it.

cloudfront is a service that places copies of your site on its servers at various points around the world. When a user requests your site, they get a local copy and that will mean it will load quicker, so generally good. Nobody likes a slow site. You may be able to turn it on or off in your host’s cpanel application.

You can improve the columns with:

table.cart td {
  width:auto;
}

• This reply was modified 7 years, 8 months ago by Majeed Raza.