Shopware6-ProductdetailThumbnails-Changesize

Shopware 6中，可以通过以下代码来更改产品详细页面缩略图的大小：

1. 首先，需要在自定义主题的src/Resources/views/storefront/layout/中创建新的blocks.html.twig文件，并添加以下代码：

{% sw_extends '@Storefront/storefront/page/product-detail/index.html.twig' %}

{% block page_product_detail_media_gallery_inner_images_item %}
    {{ parent() | replace({
        'max-width: 60px': 'max-width: 100px', //更改缩略图最大宽度为100px
        'max-height: 45px': 'max-height: 75px', //更改缩略图最大高度为75px
    }) }}
{% endblock %}

2. 然后，需要在此外观的webpack.config.js文件中添加以下模块：

const setPath = (folderName, fileName) => `src/Resources/app/storefront/src/${folderName}/${fileName}`;

module.exports = {
    ...
    module: {
        ...,
        rules: [
            ...,
            {
                test: /(storefront\/(page|component|layout|system)\.)/i,
                include: [
                    path.join(__dirname, 'src/Resources/app/storefront/src'),
                ],
                use: [
                    {
                        loader: 'twig-loader',
                        options: {
                            prependFunctions: [
                                setPath('Resources/views', 'layouts'),
                                setPath('Resources/views', 'components'),
                                setPath('Resources/views', 'storefront'),
                                setPath('Resources/views', 'system'),
                            ],
                        },
                    },
                ],
            },
            ...,
        ],
    },
    ...
};

这样，就可以更改Shopware 6产品详细页面中的缩略图大小了。