Новости Joomla

Вышел релиз Joomla 5.3.2

Релиз исправлений ошибок Joomla 5.3.2

Проект Joomla рад сообщить о выпуске Joomla 5.3.2. Это релиз исправлений ошибок для серии Joomla 5.3.

Веб-ассет Fancybox.js для Joomla v.6.0.9

Веб-ассет Fancybox.js для Joomla v.6.0.9.В Joomla 4 и Joomla 5 появилась концепция Web Assets и WebAssetManager, с помощью которого можно управлять подключениями css, js файлов, подключением. Все css и js файлы включаются в общий реестр ассетов, затем выстраивается граф зависимостей и в итоге на генерируемую страницу подключается только то что нужно на данной странице. Поскольку веб-ассеты можно добавлять с помощью плагинов (ссылка на статью ниже) - можно сказать, что появилось новое направление для плагинов - веб-ассеты. Вы можете устанавливать плагины, включающие веб-ассеты и использовать их как зависимости в самых разных местах Joomla: в шаблоне, в макетах модулей и плагинов. Одним из таких плагинов веб-ассетов является WT Fancybox.js. Плагин добавляет в Joomla WebAssets Registry css и js популярного скрипта галереи изображений fancybox.js, который потом легко можно использовать в коде:
use Joomla\CMS\Factory;$wa = Factory::getApplication()->getDocument()->getWebAssetManager();$wa->usePreset('wtfancybox'); // Local file $wa->usePreset('wtfancybox-remote'); // Use from CDN
Плагин использует систему обновлений Joomla, поэтому с появлением новых версий вы сможете получать их на своих сайтах естественным для Joomla путём. 👩‍💻 Спасибо за работу по упаковке ассета в плагин участнику нашего сообщества Сергею Сергевнину (
@gresserg).- Скачать WT Fancybox.js для Joomla- Статья на JPath.ru Как правильно подключать JavaScript и CSS в Joomla 4- Статья на Хабре: Использование WebAssetsManager Joomla 4 (Joomla 5) и добавление собственных пресетов с помощью плагина#joomla #расширения #webdev

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

polezniy

  • Захожу иногда
  • 442
  • 1 / 0
Где ошибка в css?
« : 21.07.2020, 23:22:37 »
Здравствуйте уважаемые форумчане. Возникла проблема.

Нужно чтобы модули отображались над материалом в мобильной выдаче.

https://sovety.mobi/kulinarnye-sovety/kak-bystro-svarit-sveklu.html

Прописываю в CSS данный код:
@media handheld, only screen and (max-width: 960px) {
div#mp_right {
display: flex;
flex-direction: column;
}
div#content_sparky {
order: 2;
}
}

Но почему-то не срабатывает. Подскажите пожалуйста в чем может быть ошибка?
*

xpank

  • Захожу иногда
  • 448
  • 41 / 0
Re: Где ошибка в css?
« Ответ #1 : 22.07.2020, 09:50:12 »
Не работает, потому что к mp_right применять бесполезно (кстати и тут ошибка, нужно писать просто .mp_right ), т.к. это будет действовать только внутри него, поэтому нужно применять на уровень выше, в данном случае к sparky_container.
Код
@media handheld, only screen and (max-width: 960px) {
.sparky_container {
display: flex;
flex-direction: column;
}
.content_sparky {
order: 2;
}
}
*

polezniy

  • Захожу иногда
  • 442
  • 1 / 0
Re: Где ошибка в css?
« Ответ #2 : 22.07.2020, 12:33:02 »
Проверил ваш код, тоже что-то не то, полоска в мобильной версии просто появилась
*

polezniy

  • Захожу иногда
  • 442
  • 1 / 0
Re: Где ошибка в css?
« Ответ #3 : 22.07.2020, 12:38:04 »
Ой, сорри, все работает. Спасибо Вам большое! Не внимателен я.
*

polezniy

  • Захожу иногда
  • 442
  • 1 / 0
Re: Где ошибка в css?
« Ответ #4 : 22.07.2020, 13:22:12 »
Не могли бы подсказать, немного расположение модулей изменил, теперь нужно чтобы верхние модули в мобильной версии отображались после материала

Пробовал вот этот код, не помогло.

  @media handheld, only screen and (max-width: 960px) {
.content_sparky {
display: flex;
flex-direction: column;
}
.sparky_container {
order: 2;
}
}

Сработал вот этот код:


  @media handheld, only screen and (max-width: 960px) {
.sparky_container {
display: flex;
flex-direction: column-reverse;
}
.content_sparky {
order: 2;
}
}


Но почему-то поиск сдвинулся в самый вверх и верстка стала стремновато, в чем может быть проблема?


https://ibb.co/mTWhcFR
« Последнее редактирование: 22.07.2020, 13:27:56 от polezniy »
*

xpank

  • Захожу иногда
  • 448
  • 41 / 0
Re: Где ошибка в css?
« Ответ #5 : 22.07.2020, 19:07:45 »
Вроде так должно быть?
Код
  @media handheld, only screen and (max-width: 960px) {
.sparky_container {
display: flex;
flex-direction: column-reverse;
}
.content_sparky {
order: 2;
}
.sparkle3 {
  order: -1;
}
}

Мой совет, не мучиться, а создать в шаблоне дополнительные позиции для вывода в мобильной версии, и скрывать/показывать в зависимости от разрешения. Тогда легче контролировать их размещение.
*

polezniy

  • Захожу иногда
  • 442
  • 1 / 0
Re: Где ошибка в css?
« Ответ #6 : 22.07.2020, 20:18:05 »
Спасибо Вам.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не работает менеджер материалов, ошибка 500 SSL certificate problem

Автор Екатерина М

Ответов: 5
Просмотров: 1285
Последний ответ 06.04.2025, 09:27:20
от wishlight
Ошибка 0 Call to undefined function GuzzleHttp\choose_handler()

Автор Alllex

Ответов: 0
Просмотров: 826
Последний ответ 15.03.2024, 21:03:09
от Alllex
Ошибка version_compare(): Argument #3 ($operator)

Автор Шмайсер

Ответов: 1
Просмотров: 1171
Последний ответ 07.11.2023, 20:44:21
от fsv
reCapcha во всплывающем окне - "Ошибка защиты от спама"

Автор Dannik

Ответов: 12
Просмотров: 2414
Последний ответ 14.09.2023, 18:59:24
от all_zer
Ошибка 1054 Unknown column 'created_by' in 'field list' VirtueMart

Автор Evgen Kulibin

Ответов: 3
Просмотров: 1329
Последний ответ 26.02.2023, 01:56:42
от lakshmi