Shopware6 -产品细节缩略图.更改大小

Question

我想改变产品细节页上的缩略图的大小。目前，拇指指甲非常小。将尺寸设置为200 to宽度的最佳方法是什么？

提前谢谢你。

编辑:我需要更改产品的主图片下的缩略图在产品详细信息页面。

Answer 1

您可以扩展相关的小枝文件并设置说明大小。f.e.

​

{% sw_thumbnails 'product-image-thumbnails' with {
    media: cover,
    sizes: {
        'default': '200px'
    }
} %}

​

另外，根据您的主题和安装的插件，您可能需要调整CSS。

Answer 2

您可以使用IDE的搜索功能和术语“产品-图像-缩略图”。

然后，您将看到您必须装饰块component_product_box_image storefront/component/product/card/box-standard.html.twig来设置可变大小。

YourPluginFolder/src/Resources/views/storefront/component/product/card/box-standard.html.twig上的实例文件

{% sw_extends '@Storefront/storefront/component/product/card/box-standard.html.twig' %}

{% block component_product_box_image %}
    {% set sizes = {
        'default': '200px'
    } %}
   {{ parent() }}
{% endblock %}

Answer 3

您可以通过自定义模板来完成此操作：Resources/views/storefront/element/cms-element-image-gallery.html.twig，您可以找到

{% sw_thumbnails 'gallery-slider-image-thumbnails' with {
     media: image
} %}

扩展包含该代码的块，并添加您想要的默认大小：

{% sw_thumbnails 'gallery-slider-image-thumbnails' with {
     media: image,
     sizes: {
           'default': '200px'
      } 
} %}

如何定制模板：https://developer.shopware.com/docs/guides/plugins/plugins/storefront/customize-templates#custom-template-content