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
I'm not getting any javascript errors.
What else should I look for?
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
Code:
<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 -->
What else should I look for?
Comment