Якщо ви використовуєте модуль Magento 2 WebP Images та MGS_ClaueTheme ви можете зіткнутись з проблемою галереї продуктів на сторінці конфігураційного продукту, головне зображення продукту може бути відсутнім/пошкодженим.

Щоб виправити цю помилку додайте наступний код:

item['zoom'] = $(this).attr('data-zoom');
if ($(this).find('[srcset].img-responsive').length) {
item['full'] = $(this).find('[srcset].img-responsive').attr('srcset');
item['thumb'] = $(this).find('[srcset].img-responsive').attr('srcset');
item['caption'] = $(this).find('[srcset].img-responsive').attr('alt');
} else {
item['full'] = $(this).find('.img-responsive').attr('src');
item['thumb'] = $(this).find('.img-responsive').attr('src');
item['caption'] = $(this).find('.img-responsive').attr('alt');
}

до цього файлу:

app/code/MGS/ClaueTheme/view/frontend/web/js/configurable.js

Результат повинен бути наступним (до > після):

Magento 2 Media Gallery Issue with WebP

Після збереження змін не забудьте повторно згенерувати статичний контент і очистити кеш Magento, запустивши наступні команди:

bin/magento setup:static-content:deploy -f
bin/magento cache:flush

 
Перевірте документацію модуля WebP Images, щоб ознайомитись з іншими налаштуваннями та виправленням помилок.