Поддержка WooCommerce Изображения не реагируют на изменения

  • Здравствуйте!
    При загрузке изображения в интернет-магазин с темой оформления Clean Commerce, начали загружаться просто огромные фото. Изменила размеры везде где только можно. Использовала плагин Regenerate Thumbnails Но размер картинок не только не уменьшился а увеличились все. Больше они ни на что не реагируют.
    Перед тем как обратится к Вам прописала размер в CSS, WooCommerce, при загрузке. Реакции нет.
    Помогите пожалуйста!

    • Тема изменена 2 нед., 1 день назад пользователем  SeVlad. Причина: перенос в подходящий раздел

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

Просмотр 15 ответов — с 1 по 15 (всего 22)
  • Модератор SeVlad

    (@sevlad)

    wp.me/P3YHjQ-3

    начали загружаться просто огромные фото.

    А зачем Вы загружаете такие огромные фото?
    https://tools.pingdom.com/#!/biyRqr/http://1stmybike.com.ua/wp-content/uploads/2017/09/20-Formula-LIME-%D1%81%D0%B0%D0%BB%D0%B0%D1%82%D0%BD%D1%8B%D0%B9-2017.jpg

    И где Вы имеете ввиду огромные? Я вижу единственную целую миниатюру (остальные отсутствуют), но она маленькая (150х150) растянутая до размеров блока, которых 3 шт в ширину страницы из-за чего качество превью товара.. мягко говоря не ахти.

    прописала размер в CSS, WooCommerce, при загрузке.

    Это где что Вы прописали? И зачем?

    Каким образом я могу Вам выслать скрины?

    Модератор SeVlad

    (@sevlad)

    wp.me/P3YHjQ-3

    Каким образом я могу Вам выслать скрины?

    Можно загрузить на https://imgur.com/ и дать тут ссылку.

    Ну и не забыть ответить на вопросы.

    https://imgur.com/a/21cAo
    На скринах фото сайта и внесенных изменений

    И вот сейчас как https://imgur.com/a/Q69Pc

    Я загружаю не огромные https://imgur.com/a/ByB9V
    Они большими уже отображаются на сайте

    Модератор SeVlad

    (@sevlad)

    wp.me/P3YHjQ-3

    На скринах фото сайта и внесенных изменений

    Не знаю зачем Вы решили показать эту галерею, но вот что скажу
    1. Никогда не правьте в редакторе ВП. И вообще забудьте о нём. Только по ФТП в правильных блокнотах — с подсветкой синтаксиса и в кодировке UTF8.
    2. Верните файлы темы на место.
    3. Создайте дочернюю тему и если понадобится, то вносите изменения в неё.

    И да.
    1. Не называйте файлы по-русски (по украински тоже 😉 ). Только латиница. А ещё лучше — поставьте плагин для транслитерации, который не только слаги, но и файлы будет переименовывать. Напр https://wordpress.org/plugins/cyr2lat/

    2. Не загружайте огромные картинки и оптимизируйте графику.

    Модератор SeVlad

    (@sevlad)

    wp.me/P3YHjQ-3

    Они большими уже отображаются на сайте

    Они не большие, а маленькие — 150×150. Вы их растянули свои кодом.

    Подскажите пожалуйста, как оптимизировать графику?

    Я не пойму где Вы увидели файлы на русском/украинском?

    Модератор SeVlad

    (@sevlad)

    wp.me/P3YHjQ-3

    Подскажите пожалуйста, как оптимизировать графику?

    Воспользоваться простым редактором графики (напр http://irfanview.com/) в котором уменьшить физический размер до необходимого и сохранить с удалением exif-данных и с компрессией 75-85 (подберите как будет лучше).

    Я не пойму где Вы увидели файлы на русском/украинском?

    Ваши фото велосипедов.

    Модератор SeVlad

    (@sevlad)

    wp.me/P3YHjQ-3

    Вот Ваша оригинальная картинка (с русскими буквами в названии) размером 4500х3000px весит аж 4мб.

    Уменьшенная до 900x600px (мне кажется это более, чем достаточно, но лучше почитать документацию к теме) и оптимизированная — всего 56 кб.

    Спасибо за помощь, но я так и не поняла, почему при загрузке фото 1600*1200 она выглядит растянутой с фильтром 1000*1000

    Модератор SeVlad

    (@sevlad)

    wp.me/P3YHjQ-3

    но я так и не поняла, почему при загрузке фото 1600*1200 она выглядит растянутой с фильтром 1000*1000

    Где Вы увидели 1000х1000? На главной магазина 150х150 растянутые вашим кодом до ширины блока (но это далеко не 1000px).

    • Ответ изменён 2 нед. назад пользователем  SeVlad. Причина: см ниже
    • Ответ изменён 2 нед. назад пользователем  SeVlad. Причина: см ниже
    Модератор SeVlad

    (@sevlad)

    wp.me/P3YHjQ-3

    растянутые вашим кодом

    А нет, это не ваш, а родной код.

    В таком случае Вы так и не ответили на вопрос — что и где Вы прописали в css? Картинок показывать не нужно. Нужно место и код.

    Я уже все исправила как было)
    Исправляла в Таблица стилей (style.css):

    img {
    height: 100%; /* Make sure images are scaled correctly. */
    max-width: 100%;

    И в настройке темы — Дополнительные стили:
    /*
    Здесь можно добавить ваши CSS-стили.

    Нажмите на значок помощи выше, чтобы узнать больше.
    */

    .woocommerce div.product div.images img
    { width: auto !important; }

Просмотр 15 ответов — с 1 по 15 (всего 22)