Якщо ви використовуєте модуль 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, запустивши наступні команди:
bin/magento setup:static-content:deploy -f
bin/magento cache:flush
Перевірте документацію модуля WebP Images, щоб ознайомитись з іншими налаштуваннями та виправленням помилок.
