缩放功能在porto magento 2 demo 1主题

时间:2018-01-23 05:35:02

标签: javascript jquery magento magento2.1

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

1 个答案:

答案 0 :(得分:2)

我遇到了与Magento 2.2.4和Porto主题相同的问题。我缩小了( not bundled )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']
            },
    }
};