woocommerce cart page in mobile view not display product

[maxleewc]

Dear Sir,

I noticed that woocommerce cart page in mobile view not displaying product image and detail. I have no issue viewing in computer browswer. Anyone has any idea?
<h3>Weaver System Info ###</h3>
— WordPress Configuration —

Site URL: https://maxamulet.com
Home URL: https://maxamulet.com
Multisite: No
Version: 6.8.2
Language: en_US
WP_DEBUG: Disabled
WP Memory Limit: 40M
Permalink: /%postname%/
Show On Front: page
Page On Front: Rent Amulet 恭请佛牌 (ID# 3488)
Page For Posts: Home 主页 (ID# 4359)
Current Theme: Weaver Xtreme (6.7)
Post Types: post, page, attachment, revision, nav_menu_item, custom_css, customize_changeset, oembed_cache, user_request, wp_block, wp_template, wp_template_part, wp_global_styles, wp_navigation, wp_font_family, wp_font_face, product, product_variation, shop_order, shop_order_refund, shop_coupon, shop_order_placehold, br_labels

— Weaver Xtreme Configuration —

Weaver Xtreme Version: 6.7
Theme Support Version: 6.5.1

— Server Configuration —

Operating System: Linux
PHP Version: 8.1.33
MySQL Version: 8.0.42
jQuery Version: 3.7.1
Server Software: LiteSpeed

— PHP Configuration —

Local Memory Limit: 1024M
Server Memory Limit: 1024M
Post Max Size: 8M
Upload Max Filesize: 512M
Time Limit: 600
Max Input Vars: 10000
Display Errors: N/A

— WordPress Active Plugins —

Call for Price for WooCommerce: 3.10.0
Chaty: 3.4.5
EWWW Image Optimizer: 8.2.0
GTM4WP – A Google Tag Manager (GTM) plugin for WordPress: 1.21.1
Heartbeat Control by WP Rocket: 2.0.1
MalCare WordPress Security Plugin – Malware Scanner, Cleaner, Security Firewall: 6.02
Menu Image: 3.13
MyCryptoCheckout: 2.143
Product Filter by WBW: 2.8.7
W3 Total Cache: 2.8.10
Weaver Xtreme Theme Support: 6.5.1
WooCommerce: 10.0.3
WooCommerce Advanced Product Labels: 1.2.9.1
WooCommerce Legacy REST API: 1.0.5
WooCommerce PayPal Payments: 3.0.7
WooCommerce Price Based on Country: 4.0.8
WooCommerce Stripe Gateway: 9.7.0
Yoast SEO: 25.5

— WordPress Inactive Plugins —

Akismet Anti-spam: Spam Protection: 5.5
Hello Dolly: 1.7.2

### End System Info ###

[scrambler]

This done by WooCommerce.

There is WooCommerce CSS that set the product name element to display:none.

You need to speak with WooCommerce to see if there is an option to keep it visible

[Weaver]

Add this to custom CSS, either WordPress global css, or Weaver’s custom css:

 

.woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {
display: inline !important;
}

Please see next post for better solution.

Interesting decision on the part of WooCommerce. I would have thought they would want to show the product name even on phones. I help support a Woocommerce site, and we had not noticed that, but there it was – not product name on the checkout. This fix doesn’t seem to make it hard to read the checkout.

[Weaver]

This is a bit better solution. Previous solution of inline does not align item description properly. And the selector is more precise with this one.

/* show product name in cart */

.woocommerce .shop_table .cart_item .product-name {
display: block !important;
}

[maxleewc]

Hi, Thanks for the reply. The table cart and product name is display, but the product image is not available. Do you know how to display the product image correctly in mobile view？

[scrambler]

The product thumbnail is being displayed fine on my side

[Author]

Posts