#StackBounty: #magento2 #requirejs #requirejs-config.js Enable zoom feature in custom template in Magento 2

Bounty: 50

I am creating zoom feature on images in my custom template,


var config = {
 paths: {
        'custom_zoom': 'Vendor_Module/js/jquery.zoom.js'
shim: {
    'custom_zoom': {
        deps: ['jquery']    

and in app/code/Vendor/Module/view/frontend/templates/custom.phtml

  .contain { 
    position: fixed; 
    right: 15%; 
    top: 15%; 
    width: 200px; 
    height: 220px; 
<img class="imgsrc" src="image url here" />

<div class="contain"></div> 

<script type="text/javascript">
require(['jquery', 'jquery/ui','custom_zoom'], function($){ 
            magnify: 4, 
            target: $('.contain').get(0) 

Moved jquery.zoom.js into Vendor/Module/view/frontend/web/js directory

But I am getting this error in console in my custom page.

Script error for: custom_zoom

Can anyone help me on this please..

Get this bounty!!!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.