Hide Featured Product Image on Single Product Page

Posted in: Newspaper
Post count: 87

Hello,

I’m using the latest Newspaper Theme with WooCommerce.
I would like to achieve the following behavior:
Display the Featured Product Image on Shop, Category, Search, and Related Products pages.
Do not display the Featured Product Image on the Single Product page.
On the Single Product page, display only the Product Gallery images, with the first gallery image becoming the main image.
Keep all WooCommerce gallery functionality such as thumbnails, zoom, lightbox, and variation image switching working normally.
Could you please provide the recommended to achieve this?
website : https://grookfit.com/product/social-introvert-teddy-graphic-regular-fit-tshirt/
Thank you.

Post count: 20685

Hi,

So for example in the product you mentioned the featured image is displayed here -> https://prnt.sc/0u-SP3AYuWQ6

And you want the featured image to not be displayed at all, and instead the second image should be displayed as the large image.

That could be tricky, the featured image and the gallery are part of the same element, they are integrated together. Maybe it could be done somehow with some javascript, or maybe PHP. I’ll try a few things.

If I may ask, what’s the purpose of removing the product featured image from the product page?

Thank you!

Post count: 87

Hi Simion,
The reason is that I want to use the Featured Image only as the product thumbnail throughout the store (Shop, Category, Search, Related Products).
For example, I want to use a custom framed thumbnail like the attached example sample thumbnail .
layout This type of image is perfect for product listings because it gives the store a consistent branded appearance.
However, on the Single Product page, I don’t want customers to see this thumbnail image. Instead, I want them to see only the clean product gallery images without the frame, starting from the first gallery image.
In short:
Featured Image → Used only as the product thumbnail across the store.
Single Product Page → Display only the Product Gallery images.
This would allow different images for product listings and the product detail page while keeping the WooCommerce gallery functionality intact.

Post count: 20685

I managed to find a solution eventually. I added the code in a PHP snippet on your website. Now the featured image should not appear anymore in the product page -> https://prnt.sc/k5xwEqDnJa2E Pleas check it as well.

Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic.