Введите часть искомого слова, названия или фразы...
↑ ↓
  1. Новые темы озаглавленные с маленькой буквы - удаляются без предупреждения!
  2. Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

Решено Мутное изображение товара

Тема в разделе "Вопросы новичков", создана пользователем susha, 5 окт 2016.

  1. susha

    susha

    Сообщения:
    32
    Симпатии:
    0
    Баллы:
    6
    Здравствуйте. Подскажите пожалуйста, где мне настроить изображение товара. На странице с описанием фотография становится очень мутной, а при нажатии открывается в нормальном качестве.
    657478db0e6e488cb3005d40b818e30f.png
     
  2. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Проверьте в настройках какие установлены размеры (WooCommerce -> Настройки -> Товары -> Отображение -> Изображение единичного товара.

    Если размер в настройках меньше, чем блок под картинку в теме, то изображению будет "расплываться".
     
    Последнее редактирование: 5 окт 2016
    • Согласен Согласен x 1
  3. susha

    susha

    Сообщения:
    32
    Симпатии:
    0
    Баллы:
    6
    Спасибо за помощь!

    Размеры установил 300 на 300. Изменил изображение в ширину 300 на компьютере. Было 640х480. Перезагрузил изображение но мутность не пропала.
    Изображение показывается в масштабе 470х353. Где это можно найти?
    Screenshot_3.png
     

    Вложения:

    Последнее редактирование: 6 окт 2016
  4. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Нужно смотреть стили темы, отвечающие за размер блока картинки.
     
  5. susha

    susha

    Сообщения:
    32
    Симпатии:
    0
    Баллы:
    6
    Помогите с этим, пожалуйста. Файл со стилями от темы выложу. Поменял формат на txt, а то форум не пропускает css.
     
  6. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Для уменьшения блока картинки до 300px вставьте в конец style.css темы код
    HTML:
    .woocommerce-page div.product div.images {width:300px !important;}
     
    • Информативно Информативно x 1
  7. susha

    susha

    Сообщения:
    32
    Симпатии:
    0
    Баллы:
    6
    Большое спасибо!