No images after applying Shadows

[ids]

Finally a normal upgrade, meaning, no MMUI2CSSUI, etc. The production store is a lightly modified Levels Theme. Alternate images work and Image type is assigned correctly and everything works as expected. In a dev store, the task is to switch to Shadows 2. Sounds "normal."

In the dev store, I decided to apply the framework in a branch. I get no images. (concentrating on the product page template for now). The Production branch, with Levels, seems to be working fine. FYI: Image type Main is assigned everywhere it needs to be. It looks like ALL the data is where it should be and no work should be required.

Any ideas? I have one hunch, but not enough info yet.

Note: The logo had to be reset in the Theme Components too.

Scott

[Matt Zimmermann]

Hi Scott,

That's a new one to me. Was there any custom code in the Levels version that might have been calling the images from someplace else?

[ids]

Not that I am seeing. The client has no front-end modules either, and only a couple of admin mods that may not even be installed. Practically stock Levels. It's one of the reasons I used "normal."

So, this has me baffled.

[ids]

More info. I think I narrowed the scope of this issue. First, I tried to apply Shadows to the Primary branch in the client's dev store. Same issue. Then, in my own store, not using levels, but base ready theme, I created a test branch and applied Shadows 2. There aren't issues with the images. I'll have to see if I can find another dev instance of Levels and attempt this. The test is to see if it's related to Levels somehow? Or, there indeed may be some conflicting code initially in the client's store. I am still doubtful of that, however.

Scott
IDS

[ids]

Matt,

This is the default img tag in the Product Display Layout for Shadows 2. Uses the blank.gif. Is it correct to assume that the src attribute is being replaced with a JS function? If so, which one and where? Maybe it isn't firing in my client's store for some reason?

<img id="main_image" class="x-product-layout-images__image" src="graphics/en-US/cssui/blank.gif"

[Matt Zimmermann]

Hey Scott,

The default IMG tag for Shadows should look like this:

<img id="main_image" class="x-product-layout-images__image" src="graphics/en-US/cssui/blank.gif" alt="&mvte:product:name;" loading="lazy" width="&mvte:product_display_imagemachine:image_width;" height="&mvte:product_display_imagemachine:image_height;">

[ids]

Apologies, yes I agree with that. I chopped off after the src attribute. Is there a JS function that replaces the src value with the correct image?

Scott

[Matt Zimmermann]

Hi Scott,

Yeah, it's part if Image Machine. Make sure the page settings match the ID of the IMG tag.

[ids]

Not sure what that means.

Did something change from Levels to Shadows regarding the image machine? No changes to the data from one branch to the other.

[Matt Zimmermann]

Make sure the entry for PROD -> Product Display Layout Image Machine -> Image Element is set to "main_image"

[ids]

It's all consistent. On Levels, js-main-image and the ID attr value is the same.
the Shadows is main_image as you described.

[ids]

Matt,

Should I create a ticket if the new version of Shadows doesn't fix it (I doubt it will)?

Thanks,

Scott

[Matt Zimmermann]

Hey Scott,

Yeah, that might be a good idea.

[ids]

Update: Support was able to fix, somehow. We are still trying to determine what was actually wrong. Could have been a mis-config on the dev site copy to DNS entry for the Mivatest version. Or something stupid such as having to change the domain setting in the admin and change them back to real value.

Scott