在 category/section 页面上显示产品缩略图？

Question

我正在尝试在 Stencil CLI - BigCommerce 的类别页面上显示每个产品的缩略图，并提供滑动选项。最合乎逻辑的做法是从 product-view.html 中提取代码片段并将其粘贴到 card.html 中，不幸的是，这很容易成为事实。

我试过多次更换车把并更换 href url，但仍然没有成功。

    <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>

有什么想法吗？谢谢

Answer 1

我认为使用把手助手是不可能的。根据文档，产品缩略图未指定为全局属性。因此，如果您将代码复制到类别模板，它将不起作用。

在 category/section 页面上显示产品缩略图？

Display product thumbnails on category/section page?

bigcommerce