Product Image briefly displays then goes away

[lesliekirk]

I'm trying to figure out why the Product Image on the PROD Page briefly displays then disappears. This is the code in place in the Product Display Layout:

<figure class="x-product-imagery__showcase">
<img id="main_image" class="x-product-layout-images__image" data-hook="product-image" data-index="0" data-mini-modal data-mini-modal-content="data-hook=photo-gallery-template" data-mini-modal-type="inline" src="&mvt:product:image;" alt="&mvte:product:name;" title="&mvte:product:name;">
</figure>

The website is NOT using the Image Machine because it can't handle SVGs, instead, it is using the Legacy Images.

Is removing the id="main_image" the only way to fix this?

[Bruce - PhosphorMedia]

Might be. Unless the image machine JS is completely disabled, it will be trying to write in the data for the image (null in this case). That is, if #main_image is what is being used to identify the resource.

Also of course, check for JS errors in the control panel.

[Matt Zimmermann]

Hi Leslie,

I believe Bruce has the correct answer for this.