Question

我遇到问题以显示次要图像。我需要在bigcommerce的类别页面上显示二次图像代码以交换产品图片。

如果有人这样做，请分享我的代码

Answer 1

$(".ProductList li:first-child img")
    .mouseover(function() { 
        $(this).attr("src", "http://cdn2.bigcommerce.com/n-pktq5q/b2aus7wd/products/88/images/460/cmpltunknwn_wolfgold_view003__18141.1396558339.1280.1280.jpg?c=1");
        })
    .mouseout(function() {
       $(this).attr("src", "http://cdn2.bigcommerce.com/n-pktq5q/b2aus7wd/products/88/images/461/cmpltunknwn_wolfgold_view001__55714.1396558344.330.330.jpg?c=1");
    })

Answer 2

找到代码：在模板>>组件>>产品>> card.html

{{#each (limit images 2)}}
{{#if @index '>' 0}} 
<img src="{{getImage this 'productgallery_size' (cdn theme_settings.default_image_product)}}" alt="{{this.alt}}" title="{{this.alt}}"> 
{{/if}} 
{{/each}}

并在前面的代码之后插入以下代码：

min/max

在bigcommerce中的类别页面上获取次要图像和交换

2 个答案: