Small images and no title on basket

Support
#1

Hi there, I wonder if you can help please? I am managing a site for a client using WooCommerce, on mobile view the product title is missing and it just shows the product image on the basket page. But the image is way too small, so mobile user don’t know what’s in there basket, is there a way the title can be displayed or image size approved upon? Thank you

#2

I have been told by WooCommerce that is is theme related

#3

Hello @wolfproductions,

Thanks for writing in! Please make sure that you have updated to the latest versions
Our latest versions are:

  • Pro theme 3.1.2
  • X theme 7.1.2
  • Cornerstone 4.1.2

This latest release contains fixes for several issues so be sure to check out the changelog (http://theme.co/changelog/).

After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

If the issue still exist, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media (max-width: 767px){
    .woocommerce .cart.shop_table .product-name {
        display: block;
    }
}

Please let us know how it goes.

#4

Thank you… right so the title is now showing :slight_smile:

But the image is even smaller… can it be edited to stack differently to show at a decent viewable size OR excluded once too small please? Thanks

#5

Hello @wolfproductions,

You may control the image dimensions by updating the code into this:

@media (max-width: 767px){
    .woocommerce .cart.shop_table .product-name,
    .woocommerce-page table.cart .product-thumbnail {
        display: block;
    }

    .woocommerce .cart.shop_table .product-thumbnail img {
        width: auto !important;
        max-height: 90px !important;
    }
}

We would love to know if this has worked for you. Thank you.

#6

Perfect thank you, just made max height 0 to remove image entirely

#7

Glad we could help.

Cheers!

#8

Thanks for your help, I also noticed that the big black circle that turns green once someone has added to basket has disappeared, I have not touched the setting, just wondered if you know why?

I have spoken to WooCommerce and they said it’s another theme issue?

It used to work as per this video from another site: https://www.dropbox.com/s/ax93d9w51t9jp9j/greentick.mp4?dl=0

#10

Hello @wolfproductions,

Thanks for writing in!

I have checked your site and I could not replicate any issue. The AJAX add to cart functionality is working as expected.

Add to Cart:

Confirmation:

You may need to clear all your caches including your browser caches or use private browsing mode and test your site again.

#11

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