Question

我正在和一个Magento网站合作，我是Magento的新手，所以请耐心等待。我最初是asked this question in the Magento community，但是他们告诉我这是偏离主题的。我希望StackOverflow可以提供帮助。

查看某些产品时，单击/点击缩略图图像不会重新加载大图像。相反，当我单击/点击图像时，浏览器会跳回到页面顶部，并且哈希（＃）会附加到URL。当然，这让我相信某处存在JS问题，但我的控制台中没有看到任何关于它的信息。

Chrome控制台错误：

The key "target-densitydpi" is not supported.
cg-ball-cap-adjustable.html:114 

GET http://[my url]/skin/frontend/gpmd/default/js/vendor/lightbox.min.map 404 (Not Found)
cg-ball-cap-adjustable.html:1

Safari控制台错误：

[Error] Viewport argument key "target-densitydpi" not recognized and ignored.
(result, line 106)

[Error] Failed to load resource: the server responded with a status of 404 (Not Found)
(lightbox.min.map, line 0)

这些错误看起来不像是导致我的问题，但我想我不是百分百肯定的。

其他奇怪：

有时 - 不一致但通常在重新加载页面后 - 我得到这个JS错误：

Uncaught TypeError: Cannot read property 'config' of undefined
prototype.js:828

Chrome将我指向原型的错误捕获行。当我查看Firefox时，Firebug向我提供了有关此错误的更多信息：

TypeError: prevConfig.config is undefined
if(prevConfig.config.allowedProducts
configurable.js (line 184)

我的HTML：

<div id="product-media" class="product-media">
    <div id="product-main" class="product-media-large">
        <a class="product-image" data-lightbox="product-image-1" title="" href="[my url]/placeholder/default/thumbnail-large.jpg">
            <img id="product-zoom" class="image" src="[my url]/placeholder/default/thumbnail-large.jpg" width="476" height="610" alt="" data-zoom-image="[my url]/placeholder/default/thumbnail-large.jpg">
        </a>
        <div class="view-full-link">
            <a data-lightbox="product-image-2" href="[my url]/placeholder/default/thumbnail-large.jpg">View Full Size</a>
        </div>
    </div>
    <div id="product-thumbs-gallery">
        <div id="product-thumbs" class="flexslider">
            <ul class="slides carousel">
                <li>
                    <a href="#" class="carousel-link active" data-image="[my url]/thumbnail-1.jpg" data-zoom-image="[my url]/thumbnail-1.jpg" title="">
                        <img class="carousel-image" src="[my url]/thumbnail-1.jpg" width="115" height="115" alt="">
                    </a>
                </li>
                <li>
                    <a href="#" class="carousel-link " data-image="[my url]/thumbnail-1_5th_copy_.jpg" data-zoom-image="[my url]/thumbnail-1_5th_copy_.jpg" title="">
                        <img class="carousel-image" src="[my url]/thumbnail-1_5th_copy_.jpg" width="115" height="115" alt="">
                    </a>
                </li>
                <li>
                    <a href="#" class="carousel-link " data-image="[my url]/thumbnail-1_copy_.jpg" data-zoom-image="[my url]/thumbnail-1_copy_.jpg" title="">
                        <img class="carousel-image" src="[my url]/thumbnail-1_copy_.jpg" width="115" height="115" alt="">
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

背景信息：

我没有建立这个网站。我继承了它，并试图通过事物找到自己的方式。因此，我不确定我是否为您提供了足够的信息来帮助我。我可以使用任何可能有用的其他信息对此进行编辑。

知道出了什么问题吗？

Answer 1

似乎有javascript冲突，尝试在flexslider脚本中添加jquery.conflict（）。您可以从[root] / skin / frontend / [yourpackage或default] / theme /.

找到脚本。

您也可以尝试在页脚中添加flexslider脚本。您需要检查添加此库的布局文件（[root] / app / design / frontend / [yourpackage或default] /theme/layout/page.xml或catalog.xml等）。

Magento网站：点击缩略图照片不会改变手机上的大照片

1 个答案: