Перейти к содержимому


Помогите, Изображения В Каталоге Стали Мутными!


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 10

#1 velena168

velena168

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 08 Апрель 2014 - 15:06

Изображения в каталоге стали мутными, как исправить? На основном сайте. Хром и другие. Заметили посторонние люди.
/catalog/Postelnoe-bele

Может стили нарушила? Хотела сделать фото в каталоге как можно крупнее, а получились мелкие и мутные.

#2 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 08 Апрель 2014 - 23:54

Просмотр сообщенияvelena168 (08 Апрель 2014 - 15:06) писал:

Изображения в каталоге стали мутными, как исправить? На основном сайте. Хром и другие. Заметили посторонние люди.
/catalog/Postelnoe-bele

Может стили нарушила? Хотела сделать фото в каталоге как можно крупнее, а получились мелкие и мутные.
Давайте разберем на примере изображение в 1000 пикселей по большей стороне.
Проблема заключается в том, что при уменьшении изображения - уменьшается и кол-во пикселей на дюйм. Таким образом, если Вы уменьшаете изображение на число, при делении на которое получится нечетное число, то пиксели накладываются друг на друга и получается мутное изображение.
Вернемся к изображению в 1000 пикселей. Для него хорошими размерами будут: 500, 100, 200 и т.п., которые Вы ставите в разделе настройки -> основные. При делении на эти числа получаются целые значения и пиксели не накладываются друг на друга половинчато.
Соответственно здесь небольшая математика. Вам нужно посмотреть какого размера большинство Ваших изображений по большей стороне и подобрать их размеры.

#3 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 08 Апрель 2014 - 23:55

Попробуйте в файле стилей style.css найти следующий класс

#category_view_type.grid_view #product_list .product_image {
  margin: auto;
  max-height: 184px;
  max-width: 184px;
  z-index: 1;
}

и заменить его на

#category_view_type.grid_view #product_list .product_image {
  margin: auto;
  z-index: 1;
}

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

#4 velena168

velena168

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 09 Апрель 2014 - 00:41

Сделала. Все равно не изменилось ничего. Изображения у меня в основном 600х600

/catalog/Postelnoe-bele

/catalog/samokaty

На другом сайте нормально

#5 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 09 Апрель 2014 - 00:51

Дополнительно можно попробовать запустить автоматическое пересоздание изображений. Для этого понадобиться в разделе Настройки -> Основные, (для изображений) - изменить размер, например на 2px вверх или вниз. Обратите внимание на то, что изменения сразу заметить не получиться, так как используется кеширование.

#6 velena168

velena168

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 09 Апрель 2014 - 01:09

Просмотр сообщенияСake (09 Апрель 2014 - 00:51) писал:

Дополнительно можно попробовать запустить автоматическое пересоздание изображений. Для этого понадобиться в разделе Настройки -> Основные, (для изображений) - изменить размер, например на 2px вверх или вниз. Обратите внимание на то, что изменения сразу заметить не получиться, так как используется кеширование.
Доизменяла размеры, теперь не знаю какие были изначально. И какие теперь ставить.
Изображения вроде получше стали, но кое-где обрезаны.

Прикрепленные изображения

  • Снимок.PNG
  • Снимок1.PNG


#7 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 09 Апрель 2014 - 01:13

Если вы ранее удалили ограничение в виде max-* для изображений в файле стилей, то попробуйте вернуть данное ограничение - выполнив обратную инструкцию из сообщения http://forum.storela...33/#entry132401 (после не забудьте очистить кеш в вашем браузере) или же задайте заведомо меньший размер для ваших изображений в разделе Настройки -> Основные.

#8 velena168

velena168

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 12 Апрель 2014 - 08:27

Просмотр сообщенияСake (09 Апрель 2014 - 01:13) писал:

Если вы ранее удалили ограничение в виде max-* для изображений в файле стилей, то попробуйте вернуть данное ограничение - выполнив обратную инструкцию из сообщения http://forum.storela...33/#entry132401 (после не забудьте очистить кеш в вашем браузере) или же задайте заведомо меньший размер для ваших изображений в разделе Настройки -> Основные.

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

Похоже из за подвала. Недавно его приводила в порядок, да видно опять ошибок налепила.
Сake, помогите, пожалуйста.

#9 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 12 Апрель 2014 - 20:14

Просмотр сообщенияvelena168 (12 Апрель 2014 - 08:27) писал:

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

Похоже из за подвала. Недавно его приводила в порядок, да видно опять ошибок налепила.
Сake, помогите, пожалуйста.
Здравствуйте.
В шаблоне style.css замените
.container1 {
width: 1200px;
padding-top: 0px;
margin: 0 auto;
}
на
.container1 {
max-width: 1200px;
padding-top: 0px;
margin: 0 auto;
}


#10 velena168

velena168

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 643 сообщений
  • ГородСанкт- Петербург

Отправлено 12 Апрель 2014 - 20:51

Просмотр сообщенияsengun (12 Апрель 2014 - 20:14) писал:

Здравствуйте.
В шаблоне style.css замените
.container1 {
width: 1200px;
padding-top: 0px;
margin: 0 auto;
}
на
.container1 {
max-width: 1200px;
padding-top: 0px;
margin: 0 auto;
}
Спасибо. Теперь нормально.

А код который выше не надо так же изменить?
.container {
width: 1200px;
padding-top: 28px;
margin: 0 auto;
}


#11 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 12 Апрель 2014 - 20:55

Просмотр сообщенияvelena168 (12 Апрель 2014 - 20:51) писал:

Спасибо. Теперь нормально.

А код который выше не надо так же изменить?
.container {
width: 1200px;
padding-top: 28px;
margin: 0 auto;
}
Не обязательно, для этого класса ниже прописаны отдельные стили (в т.ч. ширина) для разных разрешений экрана.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных