Новости Joomla

Joomla по-русски — возвращение к истокам

Joomla по-русски — возвращение к истокам

С 1 марта 2026 года наш проект меняет название. Joomla Russia становится Joomla по-русски.

Это давно напрашивалось, со времён редизайна сайта, но тут подвернулся повод.

Поводом послужили новые требования российского законодательства об использовании русскоязычных наименований для отечественных проектов. Но мы воспринимаем это не как обязанность, а как хороший толчок сделать то, о чём думали и раньше.

Joomla по-русски — для всех, кто творит сайты на великом и могучем.

👩‍💻 WT Layout select - плагин выбора файла макета (layout) Joomla.

👩‍💻 WT Layout select - плагин выбора файла макета (layout) Joomla.

Плагин пользовательского поля Joomla: выпадающий список PHP-лейаутов из указанных папок с учетом переопределений активного шаблона сайта.

👩‍💻 Extended Wishlist для JoomShopping 5+.

👩‍💻 Extended Wishlist для JoomShopping 5+.

Extended Wishlist — полностью переработанный список избранных товаров для JoomShopping 5+, значительно удобнее стандартного решения и расширяет его функциональность. Работает через AJAX, быстро и без перезагрузки страниц, обеспечивая современный UX.
- Мгновенная работа на AJAX
- Поддержка авторизованных и гостей
- Иконка добавления везде
- Добавление товаров без ограничений по атрибутам
- Wishlist прямо в корзине и при оформлении
- Собственные шаблоны и кастомизация
- Модуль количества избранного

Страница расширения

@joomlafeed

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

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

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

wishlight

  • Гуру
  • 5078
  • 320 / 1
  • От 300 руб быстрый хостинг. Сервера.
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

  • Гуру
  • 5078
  • 320 / 1
  • От 300 руб быстрый хостинг. Сервера.
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
  • 68 / 8
Re: Нужна помощь в настройке адаптации шаблона Blue-Point к мобильным устройствам
« Ответ #11 : 28.12.2018, 11:33:02 »
проще изучить что из себя представляет @media
тогда сможете подгонять блоки как вам надо
возможно у вас изначально все задано внутри блоков в пикселях
Записан
SEO-оптимизация,продвижение
Создание и сопровождение сайтов на Joomla
Миграция
*

wishlight

  • Гуру
  • 5078
  • 320 / 1
  • От 300 руб быстрый хостинг. Сервера.
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

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

lexxbry

  • Живу я здесь
  • 2387
  • 68 / 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

  • Гуру
  • 5078
  • 320 / 1
  • От 300 руб быстрый хостинг. Сервера.
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   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[Решено] Получить category description image в index.php шаблона

Автор goga_pgasovav

 Ответов: 6
Просмотров: 2441 		Последний ответ 12.07.2024, 17:06:14
от goga_pgasovav
Нужна помощь по Joomla 3.4.3

Автор Vikvik43

 Ответов: 1
Просмотров: 1081 		Последний ответ 09.05.2024, 01:25:57
от Гоша_Компьютерный
Нужна помощь и руководство

Автор ArtColyer

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

Автор RicoID

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

Автор 1Ksenia

 Ответов: 1
Просмотров: 1292 		Последний ответ 02.09.2022, 13:44:25
от darkghost