我正试图在Stencil CLI - BigCommerce中的类别页面上显示每个产品的缩略图,并可选择滑动。最合乎逻辑的做法是从product-view.html获取片段,然后将其粘贴到card.html中,不幸的是,这很容易成为现实。
我已经尝试多次更换把手并更换一个href网址,但仍然没有运气。
<ul class="productView-thumbnails"{{#gt product.images.length 5}} data-slick='{
"infinite": false,
"mobileFirst": true,
"slidesToShow": 5,
"slidesToScroll": 1
}'{{/gt}}>
{{#each product.images}}
<li class="productView-thumbnail">
<a
class="productView-thumbnail-link"
href="{{getImage this 'product_size' (cdn ../theme_settings.default_image_product)}}"
data-image-gallery-item
data-image-gallery-new-image-url="{{getImage this 'product_size' (cdn ../theme_settings.default_image_product)}}"
data-image-gallery-zoom-image-url="{{getImage this 'zoom_size' (cdn ../theme_settings.default_image_product)}}">
<img class="lazyload" data-sizes="auto" src="{{cdn 'img/loading.svg'}}" data-src="{{getImage this 'productview_thumb_size' (cdn ../theme_settings.default_image_product)}}" alt="{{this.alt}}" title="{{this.alt}}">
</a>
</li>
{{/each}}
</ul>
有任何想法吗 ?谢谢。
我相信使用车把助手是不可能的。根据文档,产品缩略图未指定为全局属性。因此,如果将代码复制到类别模板,它将无法工作。