frosh/lazy-sizes

Automatically calculate the best thumbnail size. This means you don't have to worry about the "sizes" attribute for the images. Additionally, you gain a score.

Maintainers

Details

github.com/FriendsOfShopware/FroshLazySizes

Source

Issues

Installs: 45 193

Dependents: 0

Suggesters: 1

Security: 0

Stars: 7

Watchers: 3

Forks: 2

Open Issues: 2

Language:Twig

Type:shopware-platform-plugin

3.1.0 2024-08-18 18:53 UTC

Requires

mit 8d6f50e71f1869ef850f180e0e936ec53ebc7448

mediathumbnailshopware

This package is auto-updated.

Last update: 2024-10-18 19:06:32 UTC

README

Software License Shopware Store

This plugin has built-in Lazyloading with auto generated sizes for best fitting sizes.
2.png

Install

Download the plugin from the release page and enable it in shopware.

By composer

composer require frosh/lazy-sizes

From source

Run npm install in src/Resources/app/storefront within the plugin directory

By zip

download latest release and upload into admin: https://github.com/FriendsOfShopware/FroshLazySizes/releases/latest/download/FroshLazySizes.zip

Adding more thumbnail sizes:

  • Save new size in the folder of the media management
  • then run the command bin/console media:generate-thumbnails on the console to update the thumbnails for all images in the database
  • Clear shop cache

Selectively deactivate plugins lazysizes and lazyloading function

This might be useful to optimize loading images above the fold or if you don't like to use the plugin for specific images or tooltip.

Specific images

Add variable lazysizes with value false before using sw_thumbnails in the template.

Cms sections

Add css class no-lazysizes to your sections

Cms blocks

Add css class no-lazysizes to your block

Overwrite no-lazysizes of sections class in block

Add class lazysizes to your block

License

The MIT License (MIT). Please see License File for more information.