javascript - porto magento 2 demo 1 主题中没有缩放功能

标签 javascript jquery magento magento2.1

我是前端开发人员。我正在使用 Smartwave porto magento 2 demo 1 主题。突然在产品详细信息页面上缩放悬停功能不起作用。我已经上传了旧的 pub - static 文件夹,其中缩放可以正常工作。但这里仍然出现控制台缩放不起作用的错误。哪里检查错误?即使我复制了调用 zoom function 的整个缩放函数代码。还是没有运气。请告诉我。我缺少什么或在哪里检查,因为我不是 magento 人。谢谢。

最佳答案

我对 Magento 2.2.4 和 Porto 主题也有同样的问题。我缩小了(未捆绑)Javascript,因此发生了错误。我目前使用的是波尔图 3.0.6

我认为这是因为 Smartwave/porto/Magento_Catalog/web/js/jquery.zoom.min.js 包含在缩小文件中,但没有使用 RequireJS。所以它是在 jQuery 加载之前加载的(无论如何在我的例子中)。

因此,我在容器中的 Smartwave/porto/Magento_Catalog/layout/default.xml 中以这种方式删除了我的子主题中的加载脚本:

<head>
    <remove src="Magento_Catalog::js/jquery.zoom.min.js" />
</head>

并将其添加到我的 requirejs-config.js 中(Smartwave/CHILDTHEMENAME/requirejs-config.js,以包含它:

var config = {
    deps: [
        'Magento_Catalog/js/jquery.zoom.min'
    ],
    shim: {
        'Magento_Catalog/js/jquery.zoom.min':
            {
                deps: ['jquery']
            },
    }
};

关于javascript - porto magento 2 demo 1 主题中没有缩放功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48394872/

相关文章:

javascript - 选择后代元素的最佳方法

php - 删除结帐顶部链接 magento

php - Magento:如何获取 Paypal 交易 ID?

javascript - this.id 在声明的函数内部时返回 undefined

javascript - 访问时更改导航栏中元素的颜色

javascript - 语义 UI - 使用动态输入自动完成搜索

javascript - 使用 AngularJS 在窗口调整大小时调整 div 大小

Magento SKU 不适用于基本搜索

javascript - 删除 mongoose 中的嵌入文档

javascript - 通过 Jquery(Chrome 扩展)解析 RSS