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


Расползается Картинка В Списке Товаров


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

#1 Cancerva

Cancerva

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 160 сообщений

Отправлено 21 Декабрь 2015 - 00:41

Собственно перезалили фото на товар и получилось так:
Изображение

Подскажите в чем причина

#2 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 21 Декабрь 2015 - 10:53

Просмотр сообщенияCancerva (21 Декабрь 2015 - 00:41) писал:

Собственно перезалили фото на товар и получилось так:

Подскажите в чем причина


Здравствуйте, это произошло из-за того, что размер этой картинки больше, чем размер остальных картинок. Советую Вам  залить новую картинку с размерами 165*195 пикселей. Потому что, если править отображение с помощью кода, то остальные картинки "поедут".

#3 Cancerva

Cancerva

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 160 сообщений

Отправлено 21 Декабрь 2015 - 18:36

То есть, это типо единичная проблема? Ибо у большинства наших товаров размеры картинок явно больше вышеуказанных...
И еще вопрос... картинка для каталога это же обработанная "главная" картинка галереи изображений? То есть в карточке товара главное фото соответсвенно будет из этой картинки 165*195?

#4 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 21 Декабрь 2015 - 20:19

Просмотр сообщенияCancerva (21 Декабрь 2015 - 18:36) писал:

То есть, это типо единичная проблема? Ибо у большинства наших товаров размеры картинок явно больше вышеуказанных...
И еще вопрос... картинка для каталога это же обработанная "главная" картинка галереи изображений? То есть в карточке товара главное фото соответсвенно будет из этой картинки 165*195?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.goodsListItemImage				 {height:185px;width:100%;margin-top:1em;border-collapse: collapse;border-spacing: 0;}

Замените на:
.goodsListItemImage				 {height:185px;width:100%;margin-top:1em;border-collapse: collapse;border-spacing: 0;}
.goodsListItemImage a img		 {max-height:180px;}


#5 Cancerva

Cancerva

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 160 сообщений

Отправлено 22 Декабрь 2015 - 01:08

Просмотр сообщенияFirefly (21 Декабрь 2015 - 20:19) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.goodsListItemImage				 {height:185px;width:100%;margin-top:1em;border-collapse: collapse;border-spacing: 0;}

Замените на:
.goodsListItemImage				 {height:185px;width:100%;margin-top:1em;border-collapse: collapse;border-spacing: 0;}
.goodsListItemImage a img		 {max-height:180px;}


Спасибо, помогло




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

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