Product Photos Not Showing in Catalog

[Morafin]

Hi everyone,

I’m currently experiencing an issue with my store: the product photos are not displaying in the catalog or product listing pages. However, the images do appear correctly on the homepage (for featured products or banners), which makes me think this isn’t an upload issue.

Here’s what I’ve checked so far:

• Product images are uploaded and saved in the admin panel.

• Each product has a featured image assigned.

• I’ve tried clearing the browser cache and using incognito mode.

Despite this, the catalog view remains blank where product images should be. Is this a theme issue or something in my product settings?

Any help would be appreciated! Here's the link to my website: https://wearmonochrome.store/

Thanks in advance.

[SealSubs-Roan]

Hi @Morafin 

If your product images appear in the home page but is not visible in collection page, it is probably a theme issue such as there is an missing image code or there is something wrong with your product grid template. Preview a free Shopify theme to see if it does. If images are showing there, it means that either your theme needs to be updated or that the theme developer does not use that action to display images.

[TheUntechnickle · Accepted solution]

Hey @Morafin,

I've analyzed your website's code and found the exact cause of why your product images aren't displaying in your catalog pages, even though they work perfectly on your homepage.

The Problem

Your Shopify theme's catalog section is configured to use placeholder images instead of your actual product images. Looking at your code, I can see that:

• Homepage: Shows real product images with proper URLs like //wearmonochrome.store/cdn/shop/files/S03312d8fd1404c10976c65a532975dd3f.webp
• Catalog: Shows placeholder images like https://cdn.shopify.com/static/themes/horizon/placeholders/product-ball.png

The issue is in your theme's collection template configuration where the image gallery has data-product-id="" (empty) and class="hidden", which prevents it from loading real product images.

How to Fix This

Option 1: Theme Customizer Fix (Try This First)

1. Go to Online Store → Themes → Customize
2. Navigate to your Collection/All Products page
3. Click on the Product grid section
4. Look for these settings:
   • Show product media - Make sure this is enabled
   • Enable image gallery - Turn this on
   • Show second image on hover - Enable if desired
   • Media aspect ratio - Set to your preference
5. Save your changes

Option 2: If Option 1 Doesn't Work

1. In theme customizer, go to Collection page
2. Try switching the Product card style to match your homepage
3. Check Product information settings
4. Ensure Media is selected in the product card elements

Option 3: Quick Template Fix

Sometimes switching to a different collection template and back fixes the configuration:

1. Go to Online Store → Themes → Customize
2. Navigate to Collection pages
3. Try switching the template to a different option, save
4. Switch back to your preferred template, save again

If these solutions don't work or if you're not comfortable making these changes, we'd be happy to fix this for you completely free of charge!

Just email us your collaborator access code and we'll fix this.

Let me know if you need any clarification or if you'd like us to handle the fix for you!

Best regards,

Shubham | Untechnickle

---

P.S. The issue is definitely solvable and your images are perfectly fine - it's just a theme setting that needs adjustment.