Need to change zoomType to inner in mobile view

[mpkumar87]

Hi,

Need to change zoomType from window to inner when view in mobile screen. Please guide to me fix the issue..

Thanks, Premkumar M.

[Hozey]

I have the same problem. Did anyone provide an answer

[ozanyaz]

i have same problem too.

[chandrantwins]

Anybody have found solution for this?

[chandrantwins]

Hi I am able to achieve by following code..

$(".zoom").elevateZoom();
var ezApi = $('.zoom').data('elevateZoom');
var mq = window.matchMedia('(min-width: 768px)');
mq.addListener((b) => {
  if (b.matches) {
               ezApi.destroy();
	  // do something for screens > 768px, for example turn on zoom	
		$(".zoom").elevateZoom({
			 'responsive':true		 
		});
  } else {
	  ezApi.destroy();
	  // do something for screens < 768px, for example turn off zoom	
		$(".zoom").elevateZoom({
			 'responsive':true,
			 'zoomType': 'lens',
			 'lensShape': 'round',
			 'lensSize': 200				 
		});		  
  }
});