Pop Up / Zoom images not working

[lesliekirk]

Not sure what wrong here, it's a fresh install of Iron & Wool and the popup / zoom is not working:

http://parkerweb.mivamerchantdev.com/mm5/merchant.mvc?Store_Code=pw&Screen=PROD&Product_Code=emory

[rajnishsi]

Re: Pop Up / Zoom images not working

span tag wrapping around img tag is missing ID attribute based upon which these functions work, check if something is edited there after installation.

Your span tag

<span class="main-image" data-index="0">

Default span tag

<span data-icon="&#x54;" id="js-main-image-zoom" class="main-image" data-index="0">

[lesliekirk]

Re: Pop Up / Zoom images not working

Hmmmm, that leads to an interesting question since the code is there but it's wrapped in this conditional

<mvt:if expr="NOT ISNULL l.settings:product:customfield_values:productimagecustomfields:main">				<span data-icon="&#x54;" id="js-main-image-zoom" class="main-image" data-index="0"><img src="graphics/en-US/cssui/blank.gif" alt="&mvte:product:name;" title="&mvte:product:name;" id="js-main-image" data-image="&mvt:product:customfield_values:productimagecustomfields:main;" /></span>
			<mvt:else>
				<span class="main-image" data-index="0"><img src="graphics/en-US/cssui/blank.gif" alt="&mvte:product:name;" title="&mvte:product:name;" id="js-main-image" data-image="&mvt:product:customfield_values:productimagecustomfields:main;" /></span>
			</mvt:if>

why would the zoom be wrapped in a conditional?

[rajnishsi]

Re: Pop Up / Zoom images not working

Zoom and Gallery features are basically there to work with the Image Machine, that's why there is that IF conditional to check whether images are from Image Management or Legacy Images.

[lesliekirk]

Re: Pop Up / Zoom images not working

Okay, the images are in the Image Management, so why it's the conditional triggering? The Image Type "main" is assigned to the image.

[rajnishsi]

Re: Pop Up / Zoom images not working

I'm afraid I have to say "No Idea". In my stock install, it's working even for products where there is no image type is assigned.

[titlehere]

I know this is an old post, but just in case anyone new is searching for this very issue: make sure the "Custom Fields" image types are assigned to the PROD page in the Product Display Layout.

[jfazar]

My zoom isn't working either. Custom Fields is on under items and span tag looks correct. Anyone else having this problem?

[rajnishsi]

jfazar if possible, please share the link of your site, I can take a look into it from HTML perspective.

[jfazar]

Hi Rajnishsi,

dev.imagescienceassociates.com

[jsdva]

Rajnishsi has a good point. You'd be amazed how often simple coding errors can screw up other things. It's always a good place to start when you have any issues. Here's a link to check your html: https://validator.w3.org/nu/

For posterity, here's one for the CSS too, but yours looks like it has no real issues that could affect the function you are trying to fix: http://jigsaw.w3.org/css-validator/


Jamie