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


Пропорции Изображений

пропорции высота ширина верстка

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

#1 Alex-2

Alex-2

    Новичок

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

Отправлено 03 Май 2022 - 18:54

Добрый день!

Ранее при использовании другого шаблона были вставлены фотографии товаров с большим разрешением (например 2000х2000). В момент добавления на страницу описания товара было выставлено разрешение 800х800.

Сейчас при использовании устройства с узким экраном (например с шириной 400) изображения сужаются до 800х400.
В предыдущем шаблоне такая ситуация исправлялась с помощью height:auto!important

Какие изменения нужно внести в шаблон, чтобы не исправлять (не убирать) в старых товарных карточках фиксированное разрешение?

#2 MikDark

MikDark

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

  • Модераторы
  • 6 463 сообщений

Отправлено 03 Май 2022 - 19:23

 Alex-2 (03 Май 2022 - 18:54) писал:

Добрый день!

Ранее при использовании другого шаблона были вставлены фотографии товаров с большим разрешением (например 2000х2000). В момент добавления на страницу описания товара было выставлено разрешение 800х800.

Сейчас при использовании устройства с узким экраном (например с шириной 400) изображения сужаются до 800х400.
В предыдущем шаблоне такая ситуация исправлялась с помощью height:auto!important

Какие изменения нужно внести в шаблон, чтобы не исправлять (не убирать) в старых товарных карточках фиксированное разрешение?

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

#3 Alex-2

Alex-2

    Новичок

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

Отправлено 04 Май 2022 - 14:02

Например, на странице Навигатор 900 MD https://sportvelo.ru...avigator-900-MD

#4 Vaccina

Vaccina

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

  • Модераторы
  • 24 233 сообщений

Отправлено 05 Май 2022 - 06:33

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media (max-width: 639px) {
	.thumblist__item:nth-child(n+5) {display: none;}
}

замените на:
@media (max-width: 639px) {
	.thumblist__item:nth-child(n+5) {display: none;}
	.htmlDataBlock img {height: auto !important;width: 100% !important;}
}






Темы с аналогичным тегами пропорции, высота, ширина, верстка

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

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