14 replies to this topic

[Sliapy]

Ну и обязательно вылезут проблемы с пустотами на некоторых разрешениях. Можно попробовать их решить через css3 media.

[polyakov2004]

так как общий шаблон сайта имеет фиксированную ширину то вопрос пока стоит в том как будет отображаться сайт на мобильных устройствах, Sliapy спасибо помогли разобраться.

1.заметил что при добавлении фиксированной ширины для элемента в FireBugо, получил то что надо- при уменьшении размера окна элемент переносится на другую строчку.
http://more.vmorskom.../images/123.jpg

Вопрос как фикс ширину добавить в шаблон и  как эти элементы растянуть на всю страницу.


2.вот здесь http://micasa.vmorsk...dule-variations Топ-а сделан так как надо( при уменьшении размера окна 2 элемента переносятся а 2 остаются и растягиваются) как этого добиться в jbzoo&

[Sliapy]

На 1ый вопрос я уже ответил. Смотрите media. Для телефонов можно задать одну ширину, для полных экранов другую.
То же можно реализовать и на jQuery - определять ширину экрана и, в зависимости от нее, присваивать ту или иную ширину элементам.

По поводу второго - скорее всего тоже сделано на js - задается одна ширина для первого дочернего элемента и другая для всех остальных.

[polyakov2004]

спасибо разобрался
вот решение-думаю можно добавить в общую "инструкцию к выводу материалов в тизере"
выбираем в настройках шаблона на главной нужное кол-во колонок например 6
добавляем в ccs jbzoo

@media (min-width: 0px) and (max-width: 479px) {
.jbzoo .width16 {
    width: 49%;
    float: left;
}
}
@media (min-width: 480px) and (max-width: 1024px) {
jbzoo .width16{
    width: 32%;
    float: left;
}
}

@media (min-width: 1025px) and (max-width: 1920px) {
.jbzoo .width16{
    width: 23.8%;
    float: left;
}
}

где
@media (min-width: 1025px) and (max-width: 1920px) - нужное разрешение от до.
.jbzoo .width16 - количество колонок которое изначально выбрали 6.
width: 23.8% - размер материала (количество колонок 23,8%-4 колонки) при заданном разрешении.
Sliapy - огромное спасибо.

[Sliapy]

Думаю, с полным переходом на Joomla 3 и в Zoo, и в JBZoo с адаптивностью все станет получше.

Проблема решена. Тему закрываю.