Alternate PROD Page Image Machine Image Not Displaying

[Bruce - PhosphorMedia]

Nevermind, I went back to double check and it was my mistake - js-PROD is case sensitive.

happens to everyone. i just always assume EVERYTHING is case sensitive.

[afiumano]

Nevermind, I went back to double check and it was my mistake - js-PROD is case sensitive.

[afiumano]

Leslie, did you ever get this figured out? I am having the same issue with colossus theme.

[lesliekirk]

Thanks, I've opened a support ticket.

[Matt Zimmermann]

Hi Leslie,

If all the code is the same and all of the page items are the same, then I'm not certain. You may want to contact support.

[lesliekirk]

Hi Leslie,

Are the images not showing or is there something else going on?

The graphics/en-US/cssui/blank.gif is being displayed.

[Matt Zimmermann]

Hi Leslie,

Are the images not showing or is there something else going on?

[lesliekirk]

I've created an alternate PROD page. I've carefully copied over all of the template content from the PROD page. I've changed the BODY id to js-PROD and t-page-&mvt:global:pageClass;" to t-page-prod.

I've made sure the Image Type Main is assigned to the product image (the thumbnails are generated everywhere needed).

This is the from the PROD Product Display Layout template and is what I used in the alternate template

<figure class="o-layout__item u-text-center x-product-layout-images">
        <a data-mini-modal data-mini-modal-type="inline" href="#closeup_image" title="&mvte:product:name;">
            <img id="main_image" class="x-product-layout-images__image card" src="graphics/en-US/cssui/blank.gif" alt="&mvte:product:name;" title="&mvte:product:name;">
        </a>
<p>Click to zoom</p>
        <ul id="thumbnails" class="o-layout u-grids-3 u-grids-6--m o-layout--justify-center x-product-layout-images__thumbnail-list"></ul>
        <img id="closeup_image" class="u-hide-visually" src="graphics/en-US/cssui/blank.gif" alt="&mvte:product:name;" title="&mvte:product:name;">
        <span id="closeup_close" class="u-hidden">
            <span id="closeup_div" class="u-hide-visually"></span>
        </span>
        <mvt:item name="product_display_imagemachine" param="body_deferred:product:id"/>
    </figure>
    <!-- end .x-product-layout-images -->

I'm not getting any javascript errors.

What else should I look for?