How to override fotorama.js Magento ver. 2.2.5

Question

Is there a way to remove the product name below the product image on the product detail page?

How to override fotorama.js?

Thanks, JM

Answer 1

Try to put it it in your custom theme at below path.

app/design/frontend/YourThemeVendor/Theme/web/fotorama/fotorama.js

Deploy static content and clear cache to see changes.

Answer 2

Create requirejs-config.js file in your module - Path should be like Vendor/ModuleName/frontend/requirejs-config.js

Code to be placed with in requirejs-config.js file:

If fotorama.js exists in Core/Vendor

var config = {
    map: {
        '*': {
            'Magento_Review/js/process-reviews':'Vendor_ModuleName/js/fotorama.js'
        }
    }
};

If fotorama.js is not existed in Vendor(Place your script inside Vendor/ModuleName/frontend/web/js/fotorama.js)

var config = {
    map: {
        '*': {
            uniqueName:'Vendor_ModuleName/js/fotorama'            
        }
    }
};