Product images not showing up

Store Design
1

For some reason, all of my product images are no longer showing up on my product page. Anyone else having this issue? Also, has the Shopify Code editor changed recently?

3

Hi,

Thank you for sharing your issue on the Shopify Community.

Could you please provide the link to your store, along with the storefront password (if one is required to access the site)? I’ll review it on my end and provide the necessary code to help resolve the issue.

Best regards,

4

Hey @Mrmichaelt,

Welcome to the Shopify Community! Really excited to help you tackle this one.

Mind sharing your store URL so I can dive in and see exactly what’s going on? If you’ve got a password set up, just toss that my way too. I’ll take a thorough look at your setup and get you a rock-solid solution that’s clean, optimized, and works like a charm.

Looking forward to getting this wrapped up for you!

Best,
Shubham | Untechnickle

5

Hi @Mrmichaelt,

1: For image product: Please send the website link, I will check it for you.
2: For code editor: Yes, it is being updated recently, which helps people code better :blush:

6

@Mrmichaelt

  1. Check if your product images are redirected from uploaded images on Shopify admin page. If so, directly check the content on Shopify product pages and see if the redirection is ok or not. If not, make the new redirections or upload new images directly to solve this issue.
  2. Yes indeed, as when I check my store theme code contents, they are updated as well.
7

Hi @Mrmichaelt ,

I am from Mageplaza - Shopify solution expert.

When product images do not show up on a Shopify website, there can be various causes. Below are steps to check and how to fix each common issue:

  1. Check images in the Admin panel
  • Go to Shopify Admin > Products > [Product Name]
  • Make sure:
    The product has images (already uploaded).
    The images are not corrupted or too large (should be under 5MB, in JPG/PNG/WebP format).
    If the product has variants, ensure each variant has its own assigned image if needed.
  1. Check the product’s visibility status
  • Make sure the product is set to “Active”
  • Under Sales Channels, ensure Online Store is enabled.
  1. Check the theme code (if you’ve customized the theme)
    Go to Online Store > Themes > Actions > Edit code, then check the following files:
    a. product.liquid or main-product.liquid
    Look for the image rendering section, such as:
{% if product.featured_image %}
  <img src="{{ product.featured_image | img_url: 'large' }}" alt="{{ product.title }}">
{% endif %}

If {% if %} is missing or img_url is incorrect, the image may not show.

  1. Check if JavaScript or CSS is hiding the image
    Use DevTools (Ctrl+Shift+I) to inspect the element and see if the image is being hidden via CSS, e.g.:
display: none;
opacity: 0;
visibility: hidden;
  1. Image errors caused by app or CDN
    Inspect the image URL in the HTML:
  • If it looks like
    https://cdn.shopify.com/s/files/…
    but doesn’t load ⇒ it could be a CDN cache issue or permission error.
  • Try re-uploading the image to refresh the CDN link.
  1. Check for errors using Chrome
  • In your browser, right-click the image area → Inspect
  • Check the Console and Network tabs
    If there’s a 404 Not Found or 403 Forbidden error ⇒ the image link is invalid or blocked.
  1. Using a sectioned theme or headless setup
    If you’re using a headless build or a modern sectioned theme (sections/main-product.liquid), ensure the product object is properly passed into the template.

Additionally, the code editor interface in Shopify has recently been updated.

Please let me know if it works as expected

Best regards!

9

I am facing the same issue, my products are not visible on my home page in editorial mode, only a very thin layer of the image is visible at the top part of the blank area. Could you please help me out.

10

I am facing the same issue, my products are not visible on my home page in editorial mode, only a very thin layer of the image is visible at the top part of the blank area. Could you please help me out, I am trying to create a website.

11

Hey @user1912 , No worries at all - I’m here to help you! :blush:
Please feel free to reach out and share your store collaboration invite in PM, and I’ll check it right away and start fixing the issue. Thanks!

12

The first thing you need to do is to check all product image related URLs if they work normally or not on the homepage. And if you use any third-party apps to manage these images, better check out if the connection is fine. After that, upload images directly on the homepage and this will reduce the possibility of losing images under a high percentage.