How can I conceal product page images on the right side?

Store Design
,

Topic summary

A user seeks to hide product images displayed on the right side of product pages.

Solution Provided:

  • Navigate to Online Store → Theme → Edit code
  • Locate the CSS file (section-main-product or similar)
  • Add the following CSS snippet at the bottom:
.detailmodule_image {
  display: none !important;
}

Outcome:
The solution successfully removed the images completely. The user confirmed it worked as intended.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

I don’t know how I can hide the images on the right side of the product on the product page (like the attached image). Can someone help me.

hayclowz_0-1677614617261.png
hayclowz_0-1677614617261.png648×728 379 KB

Here is my preview link : https://b7u8zkn8hdo43uge-72834810142.shopifypreview.com

2

Hi @hayclowz ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-main-products.css->paste below code at the bottom of the file:

.detailmodule_image {
   display: none !important;
}

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like
3

@PageFly-Victor Thank you so much, it’s completely gone