<pre><code>&lt;img src=&quot;/assets/uploads/16-hurstmere.jpeg&quot; width=&quot;100%&quot; title=&quot;&quot; alt=&quot;&quot;&gt;
</code></pre>
<p>you also appear to have an issue with opacity triggers on some of these sliders.
<a href="https://i.sstatic.net/g2mVJ.jpg" rel="nofollow noreferrer"><img src="https://i.sstatic.net/g2mVJ.jpg" alt="image shows opacity issue" /></a>
<a href="https://cookproperty.co.nz/properties/retail" rel="nofollow noreferrer">https://cookproperty.co.nz/properties/retail</a></p>
<p>The primary issue here appears to be that the page is loading the placeholder, or the placeholder has overwritten the original file.</p>
<p>What you have in the Control Panel is the thumbnail of the image. Another image file will have been created and stored, but it looks like it's the placeholder/fallback version.</p>
<ol>
<li>Check that you have the correct volume storage configured and there is space to write the files</li>
<li>Check that the permissions allow for volume creation, cause if you're rendering multiple image variations, then you will have issues with these not being properly structured.</li>
<li>Check that the job queues aren't failing partway through.</li>
<li>Check that the update hasn't changed the volume name as in placed it in archive and created a new one called uploads</li>
<li>Remove their access to settings when deploying to production. (If the site is configured correctly, the client shouldn't need to manually run queues.</li>
</ol>
<p>Just a tip for future questions, post the code that is wrapping the probable source of the error. Both twig and HTML.</p>
<p>I'll have my mate jugs come to take a closer look at this for you.</p>
<p>On another note, we have a plugin that handles this problem for you and probably some other ones you're running into with the asset management and media rendering. It'll certainly speed up your page loads. It also lets you swap media types with one field, stand-alone or within a matrix. Think video, svgs, documents, socialposts, all managed from the one field.</p>
<p>Image optimisation:
<a href="https://oneplugin.co/optimised-images-for-craft-cms" rel="nofollow noreferrer">https://oneplugin.co/optimised-images-for-craft-cms</a></p>
<p>Media types the plugin controls:
<a href="https://oneplugin.co/how-it-works" rel="nofollow noreferrer">https://oneplugin.co/how-it-works</a></p>
<p>Feel free to hit us up here:
<a href="https://oneplugin.co/contact" rel="nofollow noreferrer">https://oneplugin.co/contact</a></p>

CC BY-SA 4.0
2021-11-16T23:37:40.593Z
2021-11-16T23:53:36.690Z
2021-11-16T23:53:36.690Z
Mark Sands
<p>My client hit the update asset indexing button in the settings panel and now the images are all appearing broken. Can you suggest how to fix this?</p>
<p>Example image:</p>
<p><a href="https://cookproperty.co.nz/assets/uploads/_imageSlider/CookProperty__50I8095.jpg" rel="nofollow noreferrer">https://cookproperty.co.nz/assets/uploads/_imageSlider/CookProperty__50I8095.jpg</a></p>
<p>Whats weird is when you hover on the link on the inspector is shows correctly?</p>
<p><a href="https://i.sstatic.net/D0c0Q.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/D0c0Q.png" alt="image working in inspector" /></a></p>
<p>Any help would be much appreciated!</p>
<p>T</p>

<assets>
Asset Indexing breaking images
# Asset Indexing breaking images

(Asked by: username_0 on 2021-11-10)

My client hit the update asset indexing button in the settings panel and now the images are all appearing broken. Can you suggest how to fix this?

Example image:

<https://cookproperty.co.nz/assets/uploads/_imageSlider/CookProperty__50I8095.jpg>

Whats weird is when you hover on the link on the inspector is shows correctly?

[![image working in inspector](https://i.sstatic.net/D0c0Q.png)](https://i.sstatic.net/D0c0Q.png)

Any help would be much appreciated!

T

**Tags:** assets

---

## 1 answers

### Answer by username_1 on 2021-11-16. Score: 1

you also appear to have an issue with opacity triggers on some of these sliders.

https://cookproperty.co.nz/properties/retail
The primary issue here appears to be that the page is loading the placeholder, or the placeholder has overwritten the original file.
What you have in the Control Panel is the thumbnail of the image. Another image file will have been created and stored, but it looks like it's the placeholder/fallback version.

Check that you have the correct volume storage configured and there is space to write the files
Check that the permissions allow for volume creation, cause if you're rendering multiple image variations, then you will have issues with these not being properly structured.
Check that the job queues aren't failing partway through.
Check that the update hasn't changed the volume name as in placed it in archive and created a new one called uploads
Remove their access to settings when deploying to production. (If the site is configured correctly, the client shouldn't need to manually run queues.

Just a tip for future questions, post the code that is wrapping the probable source of the error. Both twig and HTML.
I'll have my mate jugs come to take a closer look at this for you.
On another note, we have a plugin that handles this problem for you and probably some other ones you're running into with the asset management and media rendering. It'll certainly speed up your page loads. It also lets you swap media types with one field, stand-alone or within a matrix. Think video, svgs, documents, socialposts, all managed from the one field.
Image optimisation:
https://oneplugin.co/optimised-images-for-craft-cms
Media types the plugin controls:
https://oneplugin.co/how-it-works
Feel free to hit us up here:
https://oneplugin.co/contact


---

