Отдельный шаблон на шапку.

6 года 6 мес. назад #8089 от Андрей
Прошу прощения если я тут вам поднадоел. Но тут такое дело, в целом шаблон адаптивный, кроме шапки(там слайдер), шапка сильно портится при просмотре со смартфона в портретном режиме. Я знаю что можно подключить отдельный CSS для смартфонов, но не хотелось бы изменять весь стиль, т.к. в целом он нормален. Возможно ли привязать отдельный стиль только для шапки?
Спасибо!

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 6 мес. назад #8093 от Wedal
Андрей, можно использовать медиа-запросы, чтобы изменять CSS под свои нужда для отдельных разрешений. Например, вот так:
@media (max-width: 480px) {
 .header{color: red;}
}
@media (max-width: 767px) {
 .header{color: green;}
}
@media (max-width: 990px) {
 .header{color: blue;}
}
Этот код ставится в основной CSS-файл шаблона. Если шаблон адаптивный, то скорее всего он уже есть там. Тогда просто необходимо его дополнить нужными вам стилями для шапки.

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 6 мес. назад #8095 от Андрей
Спасибо

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 1 мес. назад #8368 от Андрей
Возник вопрос по той же теме.
При загрузки на смартфоне грузится вся шапка включаю ту коиорая прописана в медиазапросах. После полной загрузки остается тв которая нужна, а пк версия отключается. Но при загрузке видно обе. Плюс это дополнительно тормозит скорость загрузки. Можно ли как то отключить загрузку пк шапки. Может как то мутно объяснил, можете посмотреть на примере sunduchok.moscow

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 1 мес. назад - 6 года 1 мес. назад #8370 от Wedal
Андрей, вероятно, у вас CSS с медиа-запросами подгружается в конце страницы. Именно поэтому при загрузке видно обе шапки. Переместите этот CSS-файл в HEAD и будет порядок.

Что касается лишнего контента - да, это, в некоторой степени, проблема. Но простого решения нет. Вы можете сильно усложнить шаблон и средствами PHP пытаться определять разрешение экрана и выводить только те или иные данные. Вы можете подгружать такие проблемные блоки через AJAX и регулировать вопросы разрешения через JavaScript. Но все это довольно сложно и может быть по затратам совсем несоизмеримо с полученной выгодой. Одно дело, когда у вас сайт с десятками тысяч посещений в день и совсем другое, когда у вас сайт с десятками посещений в день. В первом случае имеет смысл этим заморачиваться, во втором - нет.

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 1 мес. назад #8371 от Андрей
Я Вас понял. Спасибо!

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 1 мес. назад #8372 от Андрей
Думаю тут как максимально оптимизировать сайт, конкретно хочетмя облегчить мобильную версию.
Вот тут подумал, нет ли способа загружать отдельный шаблон при просмотре с мобильных устройст. Пока поиск способа не к чему не превел.

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 1 мес. назад #8373 от Wedal
Андрей, посмотрите эту тему: joomlaforum.ru/index.php/topic,331029.0.html . Она очень полезна по вашему вопросу. Там есть ссылки на различные решения.

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.

6 года 1 мес. назад #8374 от Андрей
Уже чтото, нашел скмодельный плагин по ссылки что вы дали(прикреплю, мало ли кому понадобится), плюс наткнулся на sh404sef - System mobile template switcher у себя. Точно не знаю что хто, но предпрлогаю что тоже самое. Протестирую отпишусь.
Вложения:

Пожалуйста Войдите или Зарегистрируйтесь, чтобы присоединиться к беседе.