All images are broken Prestige

[OguzSanci2]

seems like this i dont know what should i do to fix it

here's the preview link

[Moeed]

Hey @OguzSanci2 

It looks like in your header.liquid file, the img tag is not configured properly. I suggest you make some changes in that file and if you're not familiar with coding then my best recommendation would be to hire a Shopify developer who can help you out with that. 

If you'd like my support then feel free to connect with me and I would be more than happy to give you a helping hand.

Best,

Moeed

[OguzSanci2]

not just in the header all images in the site are broken

[SEOAnt-Jeffery]

Hello @OguzSanci2

If this situation happens on all web pages of your store, please kindly double-check whether your images have been compressed or modified by other apps, as some apps will edit the image names and if your website images are linked to each other, they will fail to make redirections and display properly.

Do the best to restore all images or re-upload images properly from Shopify admin page. If you link the images directly from backend, you can also check if the image URLs are under good condition or not, a kind reminder here.

[Vi-WizzCommerce]

Hello @OguzSanci2 !

Thanks for the screenshot — this is a common Shopify CDN issue when:

1. Image URLs look correct but return 404s or remain broken.

2. All your images across the Prestige theme are affected.

3. File paths like cdn/shop/files/... are visible directly in the image sliders (like your screenshot).

Root Causes to Check

1. Broken or invalid image links in the theme

Often happens when:

• You upload images manually into Settings → Files or directly reference CDN URLs in custom code.

• The URL structure is incorrect or includes broken params (e.g., width=296 with no fallback).

Solution:

• Go to Admin → Settings → Files

• Confirm the files exist and their URLs are valid

• Test direct file links in a private browser

2. Theme section uses image_url but expects an image object

Some themes (like Prestige) changed how they handle image blocks. If your code has:

{{ section.settings.image | image_url }}

Instead of:

{{ section.settings.image | image_url: width: 1200 }}

Or if image is missing, the link becomes invalid and shows broken image.

Fix it:
Go to Sections/ → slideshow.liquid or hero.liquid and check for any image_url logic.
Ensure image objects are referenced correctly and you’re not calling url on a null object.

3. Wrong file reference in image_picker

In schema blocks (e.g., image_picker), make sure you're not reusing the same image ID or using stale references.

You might see something like this:

{
"type": "image_picker",
"id": "slide_image",
"label": "Image"
}

But then fail to reference it correctly in the output.

Correct usage in output should be:

<img src="{{ section.settings.slide_image | image_url: width: 1200 }}" />

Quick Fix Steps

1. Open the Theme Editor

   • Go to Online Store → Themes → Customize.

   • Check the hero/slider section. Re-upload the images from there — not just through “Files.”

2. Re-upload via Section Settings

   • Click the image blocks in your homepage slideshow

   • Re-select or re-upload each image

   • Save

3. Check theme code (if you're customizing):

   • Go to Sections/slideshow.liquid (or similar)

   • Look for image_url and confirm correct usage

   • Test with hardcoded fallback like:

   • {% if section.settings.image %}
     <img src="{{ section.settings.image | image_url: width: 1200 }}" alt="Slide" />
     {% else %}
     <img src="{{ 'default-image.jpg' | asset_url }}" alt="Default" />
     {% endif %}

If nothing works

Force clear cache or test on another device. Some broken images are cached even when reuploaded. Or:

• Try switching temporarily to a default theme (e.g., Dawn) to verify image behavior.

• If images work there, it's 100% Prestige code or section config issue.

If this reply was useful to you, we would really appreciate it if you gave us a LIKE and mark the issue as SOLVED!