WooCommerce product gallery images can not show on product page.

Hi @lexieliu

The issue is with CSS. There is max-width:100%; applied to figure tag which is causing the issue. Please check from where the CSS coming from.

Let me know if further help needed.

Thanks,
Vaishali

I found something from the web source code but I don’t quite understand this part. Is this the information I need to change?

https://prnt.sc/XLZ4F3qwEQxs

• This reply was modified 1 year, 9 months ago by lexieliu.

@lexieliu

I’m not sure if you’ve edit access of WordPress theme files to change CSS.

As an alternate solution, you can add below CSS into Customizer.

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  max-width: inherit; 
} 

Ref – https://wordpress.com/support/editing-css/#access-the-css-editor

Let me know if this helps.

Your method works well on my product pages. I’m truly grateful for the time you put into my question. Thank you once again for your invaluable help.
Best regards!