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; 
<div><img class="imgsrc" src="image url here" /></div>

<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.. Thanks

  • 1
    The error could be anyting. Can you provide more information about the error, or is this everything you get (maybe at least a backtrace or something like this) ?
    – Ekk4rd
    Commented May 29, 2020 at 9:31
  • @Ekk4rd, pls tell me what more information i have to update here?can you please use the same code in your test module and check it once
    – Manjunath
    Commented May 29, 2020 at 9:52
  • There might be an issue in the requirejs-config.js file. Please check if the paths and shim configured correctly here: devdocs.magento.com/guides/v2.3/javascript-dev-guide/javascript/… Commented May 29, 2020 at 19:17

1 Answer 1


I think problem in your requirejs-config.js file, please update like this

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

I hope this may help you!!!

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.