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


Фотография
- - - - -

Адаптивность JBZoo Image когда колонок больше одной

изображение товара jbzoo image

Лучший Ответ Cheren-dow , 04 April 2016 - 12:56

biosilaq, допишите css стили для изображения в тизере указав:

.jbzoo .jbzoo-item-teaser .jbimage {
    width: 100%;
    height: auto;
}
Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 3

#1 biosilaq

biosilaq

Отправлено 04 April 2016 - 10:27

Если выводить item в несколько колонок, то размер картинки не масштабируются до того момента пока все карточки не выстроятся в 1 колонку.

Шаблон bootstrap.

Вопрос: как сделать изображения адаптивными уже на стадии вывода в несколько колонок?

Скрин: https://yadi.sk/i/3mEQkMbCqiXXw


Сообщение отредактировал biosilaq: 04 April 2016 - 10:28

  • 0

#2 Cheren-dow

Cheren-dow

Отправлено 04 April 2016 - 12:56   Лучший Ответ

biosilaq, допишите css стили для изображения в тизере указав:

.jbzoo .jbzoo-item-teaser .jbimage {
    width: 100%;
    height: auto;
}

  • 2
Изображение
 

#3 biosilaq

biosilaq

Отправлено 04 April 2016 - 13:31

Спасибо. Прописал в custom.css ( в шаблоне yootheme) - сработало.

Но вопрос про тизер, это где?


  • 0

#4 Cheren-dow

Cheren-dow

Отправлено 04 April 2016 - 13:40

Но вопрос про тизер, это где?

Приведенный мной код как раз сработает только для тизеров. 


  • 0
Изображение
 





Темы с аналогичным тегами изображение товара, jbzoo image

Click to return to top of page in style!