Как исправить размытые изображения woocommerce и настроить тумбы для товаров?

Question

[Trav9noi]

Всем привет! Подскажите, пожалуйста, у меня размывает фото товара в карточке товара, но когда я навожусь лупой, то сразу всё становится нормально. Я так понимаю этом связано с тумбами. Так вот каким образом можно создать тумбы и подогнать их для товаров? Если это не связано с тумбами, то по какой причине это может быть еще и как решить? Спасибо

Ссылка:
https://nellys-charm.com/product/plate-pl3-478/

Answer 1

[Дмитрий Алёшин]

Версия 3.2 и ниже: WooCommerce > Settings > Products > Display > Product Images.
Версия 3.3 и выше: Настроить (Customizer) - WooCommerce > Product Images

Задаете нужную обрезку или произвольные размеры.
Сохраняете. Потом при необходимости , если ничего не изменилось сразу, ставите плагин Regenerate Thumbnails и регенерируете миниатюры. (там в один клик все делается).

Comments

[Trav9noi]

Спасибо большое за ответ! Да, я нашел это, но я так понимаю, что нужно делать так. У меня есть блок на 420 ширину в каталоге и я выставляю чуть больше чем в 2 раза этого блока тумбу, верно? Посмотрел ролик у вукомерс по этому поводу, кстати может ли как то влиять вес самого фото на это? спасибо!

[Дмитрий Алёшин]

Trav9noi,

Если у вас стоят тумбы 100 на 100, и вы будете грузить изображении 300 x 600, то у вас оно обрежется до 100 на 200 (чтобы одна из сторон была 100).
Можно задавать hard crop, но тогда изображения будут просто рубиться до нужного (100 на 100) размера (в итоге будет некрасиво).
Пробуйте подгонять значения и проверять на примере с каким-нибудь новым созданным товаром. Т.к. для старых это все автоматом не обновится, там нужно будет прогонять Regenerate Thumbnails.
Вес фото - вряд ли. По этому поводу никто ничего не отмечал.

[Trav9noi]

Дмитрий Алёшин, Вот смотрите, у меня изображение с разрешением с 700 на 1050 пикселей, я ставил тумбы на 700 - размывает, делал немного больше (850) - размывает, делал в два раза больше - размывает и я пытался добавлять новые товары и переделывать старые с помощью Regenerate Thumbnails, но результат тот же, то есть может только как то контейнер поменятся в итоге и всё, что я не так делаю? Вот исходное изорбражение: ibb.co/vDWHSWm и ссылка на карточку товара: nellys-charm.com/product/plate-pl3-478 Быть может сам вордпрес режет и ничего не сделать? Спасибо!