Product Names / Images Not Showing On Cart For Mobile View

Support
#1

Hello,

I’m currently having an issue on my WooCommerce/X Theme website, where items on the cart page do not display properly on mobile view. Instead of images and product titles it just displays Quantity:xxx and Total:xxx

I’m wondering if someone would be able to assist with some CSS, many thanks!

Link: https://greatgames.com.au then add product to your cart and head to https://greatgames.com.au/cart

Thankyou

Samuel

#2

Hey Samuel,

I followed your instruction but the issue’s not happening on my end. This is highly likely a caching issue. Please try clearing your browser’s cache and test again. Also, try in the browser’s incognito mode and other browsers.

Thanks.

#3

Hi Christian,

That’s not the mobile view, could you try on mobile and reconfirm? The issue occurs on all browsers - Thanks.

#4

Hey Samuel,

It’s still the same on mobile view.

Have you cleared the browser cache and tested on incognito and other browsers?

Thanks.

#5

Hi Christian,

That’s correct thankyou, but notice how there are no product images or names of the products? This is the issue. It simply says quantity: 1. People need to know what’s in their cart so I would like to display the product thumbnail and product title like the desktop view, thanks

#6

Hello Samuel,

Thanks for updating the thread and sharing the details. :slight_smile:

To make the necessary changes, please add following CSS under X > Theme Options > CSS:


@media only screen and (max-width: 600px) {
  .woocommerce-page table.cart .product-thumbnail {
    display: inline;
}

.woocommerce .cart.shop_table .product-name {
    display: block;
}

.woocommerce .cart.shop_table .product-thumbnail img {
    width: 25%;
}
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

2 Likes
#7

Hi Prasant,

Thankyou@ that works like a charm :slight_smile:

Kind regards,
Samuel

#8

You are most welcome. :slight_smile:

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.