This plugins allows you to use variable thumbnails, if your filesystem (or storage-adapter) supports it.
Additionally it has built-in Lazyloading with auto generated sizes.
You can use this, if you don't want thumbnails to be created on you development-system, too.
It will add parameters to original image paths.
So you are able to save storage and add new thumbnails on the fly.
| Version | Requirements |
|---|---|
| 1.0.0 - 1.0.5 | Min. Shopware 6.0 |
| 1.0.6 - 1.0.15 | Min. Shopware 6.3 |
| 1.0.16 - * | Min. Shopware 6.4 |
Download the plugin from the release page and enable it in shopware.
Run npm install in src/Resources/app/storefront within the plugin directory
While active, this will access all thumbnails variable from original image. The thumbnail-files won't be needed anymore.
f.e.:
https://www.example.com/thumbnail/01/82/69/sasse_200x200.png
becomes:
https://www.example.com/media/01/82/69/sasse.png?width=200
You can edit the thumbnail-template within the plugin-config. Defaults {mediaUrl}/{mediaPath}?width={width}.
Available variables with examples:
- {mediaUrl}: https://www.example.com/
- {mediaPath}: media/01/82/69/sasse.png
- {width}: 800
Feel free to decorate ThumbnailUrlTemplateInterface to add more individual functions like signed imgproxy
You may want to delete folder thumbnails within folder public
- Save new size in the folder of the media management
- then run the command
bin/console media:generate-thumbnailson the console to update the thumbnails for all images in the database - Clear shop cache
You can find patterns in Github Discussions in category Patterns
The MIT License (MIT). Please see License File for more information.