Jump to content


Photo
- - - - -

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

Started by biosilaq , Apr 04 2016 10:27
изображение товара jbzoo image

Best Answer Cheren-dow , 04 April 2016 - 12:56

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

.jbzoo .jbzoo-item-teaser .jbimage {
    width: 100%;
    height: auto;
}
Go to the full post


  • This topic is locked This topic is locked
3 replies to this topic

#1 biosilaq

biosilaq
  • JBZoo User (rus)
  • User rate: 0.6
  • posts: 99
  • topics: 31

Posted 04 April 2016 - 10:27

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

Шаблон bootstrap.

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

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


Edited by biosilaq, 04 April 2016 - 10:28.

  • 0

#2 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 04 April 2016 - 12:56   Best Answer

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

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

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

#3 biosilaq

biosilaq
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.6
  • posts: 99
  • topics: 31

Posted 04 April 2016 - 13:31

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

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


  • 0

#4 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 04 April 2016 - 13:40

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

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


  • 0
Изображение
 
Back to Организация каталога и внешний вид



Also tagged with one or more of these keywords: изображение товара, jbzoo image

  1. JBZoo Community
  2. → Основной форум JBZoo
  3. → Организация каталога и внешний вид
  4. Privacy Policy
Click to return to top of page in style!