Поддержка WooCommerce размытые малые изображения

  • Решено ramankursk

    (@ramankursk)


    Здравствуйте,
    посмотрите пример страницы с проблемой.
    маленькие изображения из галереи товара не четкие, размытые.

    как это вылечить?

    я посмотрел размеры этих малых изображений. они 100×100. маловато наверно.
    кто генерирует эти маленькие картинки из больших?
    это какой то плагин дополнительный?

    прошу помощи

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 15 ответов — с 1 по 15 (всего 19)
  • устал ждать полной загрузки страницы

    Модератор SeVlad

    (@sevlad)

    wp.me/3YHjQ

    они 100×100. маловато наверно.

    Да они масштабируются и потому искажения.

    Вы наверное поменяли тему после заливки изображений, а миниатюры не перегенерировали.
    Воспользуйтесь https://wordpress.org/plugins/regenerate-thumbnails/ для перегенерации изображений. (Для начала потренируйтесь на отдельных, а не массово).
    И не забывайте про бекапы.

    И ещё. Такие огромные и тяжёлые картинки — явно перебор.

    Если действительно нужно такое показывать. то их нужно загружать по отдельному вызову.

    У вас фактический размер 100 пикселей, на сайте картинки растягивает до 134 пикселя. Получается, 100 кирпичиков (пикселей) распределяет на 130 ячеек. От этого и потеря качества. Вам нужно либо уменьшить на сайте просмотр миниатюр до законных 100 пикселей, либо из исходников (больших размеров картинок) ужать картинки до 134 пикселя 72 точки на дюйм, и заменить их.

    • Ответ изменён 12 месяцев назад пользователем igor2018wp.

    спасибо большое. буду разбираться. проблема теперь понятна

    • Ответ изменён 12 месяцев назад пользователем ramankursk.

    что-то у меня ничего не получается.
    найти файл шаблона, который отвечает за вывод миниатюр товара, чтобы установить размеры 100×100 я не могу.

    поможете?

    а плагин https://wordpress.org/plugins/regenerate-thumbnails/
    не генерирует миниатюры в размере 134×134.

    поможете?

    размер миниатюр задается в настройках темы

    нет в настройках темы возможности настраивать размер миниатюр под основным изображением товара на странице отображения одного товара.

    что делать?

    где ручками покопаться может быть?

    Модератор SeVlad

    (@sevlad)

    wp.me/3YHjQ

    где ручками покопаться может быть?

    В настройках медифайлов у Вас стоит 100 px?
    Измените на 134 и перегенеируйте миниатюры плагином.

    Модератор Юрий

    (@yube)

    Не знаю, где вы там нашли 134. Лично я вижу 134.156 и 83.750 на более узком окне. То есть, результат расчета процентов от процентов. Единственный известный мне способ борьбы с мылом — явное указание размеров для картинки. В данном случае 100×100. Надо только правильно указать селектор, чтобы не зацепить лишнего.

    настройках Медиафайлов у меня для миниатюр стоит 150×150

    файл используется 100×100, а в коде страницы width и height 134×134

    вот такая ерунда…

    попробуй как вы советуете. ставлю 134×134

    установил для миниатюр стоит 134×134
    применил https://wordpress.org/plugins/regenerate-thumbnails/

    ну и абсолютно ничего не изменилось.

    файл используется для миниатюр типа http://monetka.com.ru/wp-content/uploads/2018/11/Монета-Реверс-Приднестровье-1-рубль-2018-Красная-книга-Приднестровья-«Лебедь-шипун»-Cygnus-olor-1-100×100.jpg

    что делать?

    Модератор SeVlad

    (@sevlad)

    wp.me/3YHjQ

    То есть, результат расчета процентов от процентов.

    25% (.woocommerce div.product div.images .flex-control-thumbs li) от width: 533px; (для <div class="flex-viewport")

    В оригинальной теме там 537px и миниатюры 150х150 в масштабе 134х134.

    Модератор SeVlad

    (@sevlad)

    wp.me/3YHjQ

    В оригинальной теме там 537px и миниатюры 150х150 в масштабе 134х134.

    Хотя нет, ошибся. Это я смотрел сразу после активации темы, а перегенерив миниатюры — действительно там 100×100 и искажается.

    Где-то в теме косяк. Можно конечно и поискать, но в любом случае стоит написать автору о данной проблеме. https://wordpress.org/support/theme/di-business

    да ну писать автору темы. ему все равно , если я не платную использую.
    давайте я руками все исправлю. все равно обновлять в этом вордпресс себе дороже. лучше все заморозить и допиливать руками лазая повсюду где только хочешь.

    подскажите в каком файле темы ( я так понял именно тема для WC управляет выводом карточки товара), поправить что-то, чтобы выводилась миниатюра как при настройке медиабиблиотеки для миниатюр.

    буду вам до гроба благодарен.

    Модератор SeVlad

    (@sevlad)

    wp.me/3YHjQ

    ему все равно , если я не платную использую.

    Отнюдь. Эта тема есть в оф каталоге (надеюсь Вы оттуда её брали, а не с помойки притянули). И автор реагирует на вопросы и проблемы.

    На демке, кстати, тоже этот же косяк http://demo.dithemes.com/di-business/product/flying-ninja/

    все равно обновлять в этом вордпресс себе дороже. лучше все заморозить и допиливать руками лазая повсюду где только хочешь.

    Глупости какие… Лазить руками «в этом вордпресс» никуда не нужно, даже противопоказано.
    А вот обновлять и ВП и темы-плагины нужно (если не хотите поиметь неприятностей в будущем). И для кастомизации тем нужно использовать механизм дочерних тем.

Просмотр 15 ответов — с 1 по 15 (всего 19)
  • Тема «размытые малые изображения» закрыта для новых ответов.