Форум русской поддержки Joomla!® CMS
11.12.2016, 15:56:50 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

При мобильном виде все с side-left в off-canvas

 (Прочитано 252 раз)
0 Пользователей и 1 Гость смотрят эту тему.
FitMe
Давно я тут
****

Репутация: +9/-0
Offline Offline

Пол: Мужской
Сообщений: 278



« : 01.08.2016, 22:49:24 »

Может кто то сталкивался с данной задачей?!

Самописный шаблон на BS 3. Есть три колонки left - content - right.
Есть так же позиция для мобильного меню off-canvas.
Так как это магазин, то на десктопах нужна позиция left для удобства пользователя (выбор категории и прочее, привычней так), но при мобильном виде в таком случае content уходит на второй план, а если в left несколько модулей, то выходит как то не очень.

По умолчанию вариант в данный момент оставил это hidden модулей, и дубль архиважных в off-canvas.
Но есть ли иное решение по средством CSS или js?!
Записан
Филипп Сорокин
Живу я здесь
******

Репутация: +121/-4
Offline Offline

Пол: Мужской
Сообщений: 1472


« Ответ #1 : 01.08.2016, 23:15:53 »

А?
Записан
AlekVolsk
Профи
********

Репутация: +317/-3
Offline Offline

Пол: Мужской
Сообщений: 6461



« Ответ #2 : 01.08.2016, 23:35:32 »

По умолчанию вариант в данный момент оставил это hidden модулей, и дубль архиважных в off-canvas.
это и и есть решение на CSS, а на js в документ.рейди можно отлавливать ширину экрана и перемещать контент из лефт в офканвас, именно перемещать, не допуская дубляжа контента и тем самым сохраняя малый вес страницы
Записан
Филипп Сорокин
Живу я здесь
******

Репутация: +121/-4
Offline Offline

Пол: Мужской
Сообщений: 1472


« Ответ #3 : 01.08.2016, 23:40:21 »

АлекВолск, по-моему, телепат. Я теперь его опасаюсь.
Записан
AlekVolsk
Профи
********

Репутация: +317/-3
Offline Offline

Пол: Мужской
Сообщений: 6461



« Ответ #4 : 01.08.2016, 23:50:47 »

АлекВолск, по-моему, телепат. Я теперь его опасаюсь.
посмотри в мои черные глаза! они всё и всех видят! )))))
и в русском написании моего ника мягкий знак после второй "л"
Записан
FitMe
Давно я тут
****

Репутация: +9/-0
Offline Offline

Пол: Мужской
Сообщений: 278



« Ответ #5 : 02.08.2016, 00:17:29 »

js в документ.рейди можно... именно перемещать, не допуская дубляжа контента и тем самым сохраняя малый вес страницы
Вот именно так вот и хотел... думаю ща почитаю подробней где то об этом.
спс
Записан
fsv
Практически профи
*******

Репутация: +330/-2
Offline Offline

Пол: Мужской
Сообщений: 2247


« Ответ #6 : 02.08.2016, 00:57:06 »

Но есть ли иное решение по средством CSS или js?!
Есть, без перемещений. Только на CSS (flex, медиа-запросы), js - только для смены класса при клике.
Структура сверху вниз: navbar с левыми модулями категорий, ниже - main. На широких - навбар слева, на средних и малых - сверху в свернутом состоянии.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet