Новости Joomla

Что нового в joomla 5.1?

Что нового в joomla 5.1?

16 апреля 2024 года вышли релизы Joomla 5.1 и Joomla 4.4.4. Если Joomla 4.x уже находится в режиме поддержки и получает только "заплатки", то в каждом выпуске Joomla 5.x появляется что-то новое. Краткий список был опубликован в недавней новости. Давайте посмотрим подробнее на то что же именно появилось в Joomla 5.1.

Добавление полей Joomla в результаты Умного Поиска при помощи JFilters

Страница результатов Умного Поиска позволяет нам отображать некоторые поля (изображение, категорию, дату и т. д.), но не пользовательские поля. Поскольку поля Joomla предоставляют очень гибкий способ добавления дополнительных свойств к нашему контенту, их отображение в результатах поиска может сделать результаты более значимыми.

Вышел JoomShopping 5.4.0

Один из популярных компонентов интернет-магазина для Joomla за недавнее время получил 3 релиза: 5.3.4, 5.3.5, 5.4.0.

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 22 Ответов
  • 1038 Просмотров
*

kungurskiy

  • Осваиваюсь на форуме
  • 34
  • 1 / 0
Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« : 25.12.2018, 07:21:06 »
Нужна помощь в настройке адаптации шаблона Joomla 3  Blue-Point к мобильным устройствам. В принципе все работает хорошо, меню превращается из горизонтального в вертикальное, контент в один столбец, Но кк всегда есть одно НО в моем случае их ДВА:

1 использую галереи  VSIG  настроил ширину картинки 400 px монитора маловато, а для мобильного устройства великовато. Как сделать так, что бы на разных устройствах галерея отображалась по разному?

2 Шапка сайта в шаблоне состоит из двух частей 1 - это логотип (logo.png)  яего растянул в styles.css все работает хорошо, НО только на мониторе компьютера. 2 - это картинка (header.jpg) она должна остаться когда перехожу в мобильную версию.

Сайт http://эвакуатор-кунгур.рф.

Т.к. я новичок, просто сказать, что нужно использовать медиазапосы или обернуть в како йто тег мне не поможет, нужен более детальный ответ. Большое спасибо всем откликнувшимся.
Записан
*

arma

  • Завсегдатай
  • 1753
  • 81 / 3
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #1 : 25.12.2018, 07:31:04 »
Ждите Деда Мороза тогда. Новичок - это не приговор. ;)
Записан
*

kungurskiy

  • Осваиваюсь на форуме
  • 34
  • 1 / 0
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #2 : 25.12.2018, 09:03:58 »
К таким ответам был готов! Меняю в  CSS параметр в одном случае работает хорошо на ПК, в другом на мобильном устройстве, как могу отредактировать "группу" SPAN4, что бы применить форматирование по разному.
Записан
*

kungurskiy

  • Осваиваюсь на форуме
  • 34
  • 1 / 0
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #3 : 25.12.2018, 09:22:18 »
Хочу добиться того, что бы 1 картинка (являющаяся исправленным логотип) работала и масштабировалась на устройствах с разрешением до 768 px, а меньше она исчезала и оставалась только нижняя (2 и откорректировать ее ширину до 93  px.)  по отдельности все достижимо, а что бы работало вместе ...
Записан
*

lexxbry

  • Живу я здесь
  • 2387
  • 67 / 8
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #4 : 25.12.2018, 09:37:14 »
все делается при помощи @media
Записан
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

wishlight

  • Живу я здесь
  • 4981
  • 293 / 1
  • от 150 руб быстрый хостинг без блокировок
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #5 : 25.12.2018, 10:14:19 »
Для галереи как-то так.

Код
@media (max-width: 568px) {
	.vsig1_0 .vsig_top1_0 .vsig_top img {width: 100%;}
}
Записан
*

kungurskiy

  • Осваиваюсь на форуме
  • 34
  • 1 / 0
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #6 : 26.12.2018, 12:03:20 »
Спасибо за ответ, буду пробовать сейчас.
Записан
*

kungurskiy

  • Осваиваюсь на форуме
  • 34
  • 1 / 0
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #7 : 26.12.2018, 13:35:13 »
Цитата: wishlight от 25.12.2018, 10:14:19
Для галереи как-то так.

Код
@media (max-width: 568px) {
	.vsig1_0 .vsig_top1_0 .vsig_top img {width: 100%;}
}
Попробовал вставил предложенный "медиазапрос" эфекта не получил.
Записан
*

Taatshi

  • Глобальный модератор
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #8 : 26.12.2018, 13:53:13 »
Медиазапросы нужно вставлять в самый конец файла - после них ничего уже не должно быть
Записан
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

wishlight

  • Живу я здесь
  • 4981
  • 293 / 1
  • от 150 руб быстрый хостинг без блокировок
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #9 : 26.12.2018, 21:53:25 »
Ниже основного правила и можно:
Код
@media (max-width: 568px) {
.vsig1_0 .vsig_top1_0 .vsig_top img {width: 100% !important;}
}
Записан
*

kungurskiy

  • Осваиваюсь на форуме
  • 34
  • 1 / 0
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #10 : 28.12.2018, 11:27:34 »
Что то недопонимаю, делаю как говорите, но эффекта нет. Медиазапрос оставил в самом конце документа, но при открытии на больном устройстве галерея не масштабируется.

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

lexxbry

  • Живу я здесь
  • 2387
  • 67 / 8
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #11 : 28.12.2018, 11:33:02 »
проще изучить что из себя представляет @media
тогда сможете подгонять блоки как вам надо
возможно у вас изначально все задано внутри блоков в пикселях
Записан
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

wishlight

  • Живу я здесь
  • 4981
  • 293 / 1
  • от 150 руб быстрый хостинг без блокировок
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #12 : 28.12.2018, 11:40:24 »
inline... таки да. Придется мучатся.

inline - когда стиль прописан не в отдельном файле/блоке, а непосредственно в коде.

Искать в галерее.. Или добавить класс и убрать ширину с помощью дополнительного расширения.
« Последнее редактирование: 28.12.2018, 11:44:08 от wishlight »
Записан
*

kungurskiy

  • Осваиваюсь на форуме
  • 34
  • 1 / 0
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #13 : 28.12.2018, 11:42:22 »
Мне нужно разобраться самому, что бы в дальнейшем делать такие вещи самостоятельно. а сейчас нужен грамтный совет и направить в нужное русло.
Записан
*

kungurskiy

  • Осваиваюсь на форуме
  • 34
  • 1 / 0
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #14 : 28.12.2018, 11:45:19 »
Думаю, что поставил очень амбициозную задачу, необходимо сделать шапку сайта читаемой как на ПК так и на мобильном устройстве. возможно две разные картинки, одна отображается до 768 px?  другая когда экран меньше, вырвнивание например по верхнему правому краю.
Записан
*

wishlight

  • Живу я здесь
  • 4981
  • 293 / 1
  • от 150 руб быстрый хостинг без блокировок
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #15 : 28.12.2018, 11:45:23 »
Правьте сам файл галереи или замените выводящийся HTML с помощью расширений Joomla.
Записан
*

lexxbry

  • Живу я здесь
  • 2387
  • 67 / 8
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #16 : 28.12.2018, 11:55:22 »
Цитата: kungurskiy от 28.12.2018, 11:45:19
Думаю, что поставил очень амбициозную задачу, необходимо сделать шапку сайта читаемой как на ПК так и на мобильном устройстве. возможно две разные картинки, одна отображается до 768 px?  другая когда экран меньше, вырвнивание например по верхнему правому краю.
задача ничуть не амбициозная
просто разобраться с медиазапросами
ну и с CSS что как выводится
по сути у вас надо менять код
тут два варианта: или разбираться (путь вам указали в сторону @media )
или же заказать верстку
Записан
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

kungurskiy

  • Осваиваюсь на форуме
  • 34
  • 1 / 0
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #17 : 28.12.2018, 12:07:19 »
Еще раз:
1. выбрал шаблон который меня устраивает
2. заполнил нужной мне информацией
3. в принципе он адаптивный и меня все устроило, но когда сделал галерею  VSIG выплыл косячок (на экранах с большим разрешением не заметен)
4. меню адаптируется из горизонтального в вертикальное как я уже понял, то при помощи медиазапросов.
5. картинки в шапке две, одна из них вставлена  HTML вторая через  CSS (если можно так сказать)

Хочу разобраться и научиться! По этому и в первом сообщении акцентировал внимание, что "новичок".

Как исправить уже существующие в шаблоне ТРИ медиазапроса таким образом, что бы на широкомо экране была одна картинка, (та которая есть в данный момент), а на маленьком другая (которая планируется)?
Записан
*

wishlight

  • Живу я здесь
  • 4981
  • 293 / 1
  • от 150 руб быстрый хостинг без блокировок
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #18 : 28.12.2018, 12:15:08 »
Шапка:
@media (max-width: 769px) {
#header-i {background: none; margin-bottom: -50px;}
#logo img { max-width:100%; max-height:auto;}
}

Социалки (сами подбирайте положение):
@media (max-width: 769px) {
#social {
top: 2%;
left: 90%;
position: fixed;
}
}

В галерее реплейсером убрать выводимую ширину и можно назначить общий класс где прописать 100% ширины для размера @media (max-width: 568px) {class: width:100%;} и стили должны заработать или руками в файлах галереи. Стили в самый низ.
« Последнее редактирование: 28.12.2018, 12:20:43 от wishlight »
Записан
*

kungurskiy

  • Осваиваюсь на форуме
  • 34
  • 1 / 0
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #19 : 28.12.2018, 12:27:52 »
Ответ в таком виде и хотел видеть, спасибо, еще раз. Буду пробовать решить свою задачу.
Записан
*

kungurskiy

  • Осваиваюсь на форуме
  • 34
  • 1 / 0
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #20 : 28.12.2018, 13:12:41 »
вставил предложенный вами код для шапки, получилось, на ПК использую режим адаптивного дизайна для просмотра содержимого с разным разрешением получилось, а вот на телефоне рамочка (блок в котором отображается сама шапка) чуть меньше самой картинки причем с разным разрешением пропорции разные. По социалке сейчас буду пробовать еще что то, т.к. пока не вышло добиться желаемого результата.
Записан
*

kungurskiy

  • Осваиваюсь на форуме
  • 34
  • 1 / 0
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #21 : 28.12.2018, 13:55:06 »
Вставил: код для социалки:
Код
#social {top: 2%;left: 85%;position: fixed;}

вставил код для шапки:
Код
#header-i {background: none; margin-bottom: -50px;} 
#logo img { max-width:100%; max-height:auto;}

у меня в  CSS было  @media screen and (max-width: 768px) ваш вариант был немного другой @media  (max-width: 769px), я вставил в свой вариант закоментировал те правила которые уже были в нем относительно социалки.

вышло следующее смещение шапки (но работет не плохо)

пример шапки и то что я написал.



и для полноты картины сам кусок кода:
Код
@media (max-width: 999px) {.blue-point{margin:0; padding:0; position:absolute; bottom:0; right:10px;}}
@media screen and (max-width: 768px) {
	#social {top: 2%;left: 85%;position: fixed;}
/*#social { display:block; float:none}*/
#header-i {background: none; margin-bottom: -50px;} 
#logo img { max-width:100%; max-height:auto;}
#logo { text-align:center; float:none; display:block}
/*#logo img { max-width:250px; max-height:70px; display:block; margin:0 auto}*/
#logo a{ text-align:center}
#site-description { text-align:center}
#top { float:none}
#menu-icon {width:100%;height: 55px; line-height:55px;text-decoration:none;color:#9ed9f4; padding:0; cursor: pointer;display: block; }
#menu-icon:hover,#menu-icon.active  {color:#fff}
.menu-icon-title { font-size:20px; padding:0 0 0 10px;}
.icon-double-angle-down { font-size:30px; padding:0 10px 0 0; float:right; height:55px!important; line-height:55px!important;}
#navbar{ display: none; height:auto; margin:0; padding:0; background:none; border:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none}
/* Menu */
#navbar-wrap { height:auto; display:block; margin:0 0 10px 0; padding:0 20px;  border: 1px solid #094680; background:#0975DA;}
Записан
*

kungurskiy

  • Осваиваюсь на форуме
  • 34
  • 1 / 0
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #22 : 10.01.2019, 12:15:44 »
Проблема не решена, еще раз:
при разрешении экрана для мобильного устройства некорректно отображается шапка она не масштабируется вместе с рамкой и "наезжает" на меню. что то я сделал не так ? Нужен совет как исправить.
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Нужна помощь и руководство

Автор ArtColyer

 Ответов: 3
Просмотров: 558 		Последний ответ 27.01.2024, 17:14:58
от web1
Странная хрень происходит, нужна помощь!

Автор RicoID

 Ответов: 17
Просмотров: 15252 		Последний ответ 08.11.2023, 09:37:38
от Kivlov
Обучение и помощь с сайтами на Joomla

Автор 1Ksenia

 Ответов: 1
Просмотров: 442 		Последний ответ 02.09.2022, 13:44:25
от darkghost
Нужна срочная помощь

Автор Stasweb

 Ответов: 1
Просмотров: 491 		Последний ответ 18.08.2022, 18:55:08
от NewUsers
Вывести переменную шаблона в материал

Автор Little Muk

 Ответов: 8
Просмотров: 2270 		Последний ответ 08.05.2022, 15:02:46
от Black-kot