7 replies to this topic

[Евген Аватарович]

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

Подскажите пожалуйста, возможно ли сделать изображения в "тизерах", "релэйтед итемс" и "фулл" адаптивными (респонсив), чтобы при уменьшении разрешения или области просмотра они пропорционально уменьшались, а не наезжали друг на друга и не "уезжали" за границы просмотра. Если да, то как?

Не планируете ли в предстоящей версии сделать так, чтобы при уменьшении области просмотра количество колонок с тизерами уменьшалось-перестраивалось, а не сжимались существующие?

Спасибо.

Edited by hev2000, 29 April 2013 - 07:27.

[RomanL]

Все делается с помощью CSS

[kostricyny]

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

Рискну предположить, что задача "не наезжали друг на друга и не "уезжали" за границы просмотра" - это задача конкретного шаблона и на сегодняшний день она без нашего с Вами участия решена во всех шаблонах от профессиональных компаний.    

Возможно, что Вы имели ввиду шаблон, который используется для сайта http://jbzoo.ru, так он и адаптивный вплоть до разрешения 1152px ширины экрана. "Адаптивность" для разрешение в 1024px ширины экрана для него не под силу. Легкая правка стилей под содержание конкретного сайта сделает и этот шаблон адаптивным.

 

Для Вас порекомендовал бы свежие шаблоны, где используется framework Warp6 - получите адаптивность и для мобильных устройств и некоторую дизайнерскую совместимость со "стилями JBZoo" . И не обязательно, чтобы эти шаблоны были от компании YooTheme.

Удачи.      

 

   

Edited by kostricyny, 29 April 2013 - 08:06.

[Евген Аватарович]

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

Рискну предположить, что задача "не наезжали друг на друга и не "уезжали" за границы просмотра" - это задача конкретного шаблона и на сегодняшний день она без нашего с Вами участия решена во всех шаблонах от профессиональных компаний.    

Возможно, что Вы имели ввиду шаблон, который используется для сайта http://jbzoo.ru, так он и адаптивный вплоть до разрешения 1152px ширины экрана. "Адаптивность" для разрешение в 1024px ширины экрана для него не под силу. Легкая правка стилей под содержание конкретного сайта сделает и этот шаблон адаптивным.

 

Для Вас порекомендовал бы свежие шаблоны, где используется framework Warp6 - получите адаптивность и для мобильных устройств и некоторую дизайнерскую совместимость со "стилями JBZoo" . И не обязательно, чтобы эти шаблоны были от компании YooTheme.

Удачи.      

 

   

Спасибо за развёрнутый ответ.

Дело в том, что на сайте используется шаблон от YooTheme и имеет функцию респонсив, но изображения в каталоге имеют фиксированный размер и не уменьшаются динамически, хотя в настройках "Типа" включена функция "YooTheme стиль - Включить поддержку стилей от YooTheme. Улучшает отображение в фирменных шаблонах"...

[kostricyny]

А как называется используемый Вами шаблон от YooTheme?

[Евген Аватарович]

А как называется используемый Вами шаблон от YooTheme?

yoo Pace - это мартовский шаблон от этой компании

Возможно надо подправить шаблон и изменить css стиль на подобный пример:

img {

    border: 0 none;

    height: auto;

    max-width: 100%;

    vertical-align: middle;

}

?

[Евген Аватарович]

Тему можно закрывать. Достаточно было подправить класс:

img {

    height: auto;

    max-width: 100%;

}

[kostricyny]

Понятно. А было то как?

Edited by kostricyny, 29 April 2013 - 09:47.