Новости Joomla

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

Вы уверенно чувствуете себя перед камерой, динамичны, обаятельны и всегда улыбаетесь? Чувствуете себя искателем приключений, готовым поделиться своими исследованиями CMS Joomla!, взять интервью у видных деятелей сообщества, пообщаться лично или по видеосвязи с волонтерами Joomla или отправиться на поиски новых идей?

Joomla ищет одного или нескольких волонтеров, готовых вдохнуть новую жизнь в обсуждение Joomla, ее CMS, пользователей, сообщества и многого другого.

Возможны самые разные форматы и темы: шортсы, интервью, аналитика и разборы в режиме реального времени, быстрые советы и рекомендации, знакомство с миром Joomla, изучение открытого исходного кода... Нет никаких ограничений!

Joomla! уже активно представлена ​​во многих социальных сетях:
- 155K подписчиков на Facebook,
- 55K подписчиков на X (ранее Twitter),
- 16K подписчиков на YouTube,
- 14K подписчиков на LinkedIn,
- 5,7K подписчиков в Instagram
а так же другие площадки ждут вас. Аккаунты Threads и Bluesky относительно новые, но их популярность только растёт!

А если хватит энергии, можно рассмотреть и TikTok!

❓ Итак, вы готовы?
👉 Свяжитесь с отделом маркетинга по адресу: marketing@community.joomla.org

Подробности в статье в Joomla Community Magazine.

@joomlafeed

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

romagromov

  • Давно я тут
  • 692
  • 9 / 3
Здравствуйте!
У же всю голову сломал, не могу найти документацию.
В bootstrap можно указать сколько элементов отображать на разных экранах, типа так и пишем в классе col-sm-3 .col-md-5 - что означает, на маленьких экранах 3, на средних 5.
Как сделать тоже самое в Gantry5? Вижу только ширину элементов size-5 .size-10, .size-15, .size-20, .size-25
а как привязать ее к размеру экрана?
 ! :o
*

khan-alex

  • Давно я тут
  • 649
  • 30 / 1
Re: Grid система в Gantry как в bootstrap?
« Ответ #1 : 28.01.2021, 16:25:16 »
Как сделать тоже самое в Gantry5? Вижу только ширину элементов size-5 .size-10, .size-15, .size-20, .size-25
Если всё правильно понял, то в Gantry через классы задаётся видимость того или иного блока (частицы, particle) hidden-phone или visible-desktop, а их ширину настраиваешь уже шириной самих частиц, можешь сделать их фиксированной: Fixed size - [√]. Так же в настройках стилей можно изменить ширину шаблона Large Desktop = 90rem
*

romagromov

  • Давно я тут
  • 692
  • 9 / 3
Re: Grid система в Gantry как в bootstrap?
« Ответ #2 : 28.01.2021, 17:03:26 »
Смысл в том, что блоки плавающие.
На десктопе 4 по 25%, на планшете 3 по 30%, на большом телефоне 2 по 50%, на маленьком 1 блок на всю ширину 100%.
В bootstrap это легко делается через классы в макете col-sm-3 = 3 колонки на маленьком экране (sm)
Это карточки товаров. Их невозможно указать прямо в настройках шаблона.
То, что вы дали - это другое.
Мне нужно не видимость задать, а количество карточек в одной строке, в зависимости от размера экрана.
« Последнее редактирование: 28.01.2021, 17:29:26 от romagromov »
*

khan-alex

  • Давно я тут
  • 649
  • 30 / 1
Re: Grid система в Gantry как в bootstrap?
« Ответ #3 : 28.01.2021, 17:29:51 »
То, что вы дали - это другое.
Мне нужно не видимость задать, а количество карточек в одной строке, в зависимости от размера экрана.
Да, согласен - это не то. Ну эту статью скорее всего читали?
« Последнее редактирование: 28.01.2021, 17:36:03 от khan-alex »
*

romagromov

  • Давно я тут
  • 692
  • 9 / 3
Re: Grid система в Gantry как в bootstrap?
« Ответ #4 : 28.01.2021, 20:55:31 »
Да, читал. И она не дает ответ на вопрос.
В ней описано, как сделать карточки, это да. Но в какой-то момент, при уменьшении размера экрана, все они просто падают друг под друга.
Нам же нужно, чтобы была полная адаптивность. 4 карточки, 3, 2, 1.
Собственно я решил проблему подключением CSS UIkit - легкий фрейморк и в нем есть то, что нужно и супер гибко, вот пример класса для карточки
Код
<div class="uk-width-large-1-3 uk-width-medium-1-3 uk-width-small-1-2">
То есть на больших и средних экранах по по 3 карточки в ряд, на маленьких 2.
При переходе на очень маленькие - 1 карточка в ряд.
Но имея на борту Gantry5 еще и подключать отдельный фреймворк для этой задачи, как-то жирно получается.
Не врубаюсь, почему нет подобного в Gantry5 - ведь очень мощная штука. Я более гибкой админки не встречал, а перещупал очень много и остановился именно не нем.
« Последнее редактирование: 28.01.2021, 21:16:54 от romagromov »
*

khan-alex

  • Давно я тут
  • 649
  • 30 / 1
Re: Grid система в Gantry как в bootstrap?
« Ответ #5 : 02.02.2021, 11:37:29 »
Собственно я решил проблему подключением CSS UIkit - легкий фрейморк и в нем есть то, что нужно и супер гибко, вот пример класса для карточки
Не врубаюсь, почему нет подобного в Gantry5 - ведь очень мощная штука. Я более гибкой админки не встречал, а перещупал очень много и остановился именно не нем.
Да два фреймворка на одном движке - это тяжеловато, студия Inspiretheme этим "грешит".
А прописывать и присваивать собственные стили для каждого блока/particle не пробовали? Вот по такому примеру, ещё вот тут почитайте по стилям.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Два модальных окна Bootstrap на одной странице

Автор coolplaymaster

Ответов: 1
Просмотров: 1251
Последний ответ 11.10.2021, 17:55:28
от coolplaymaster
Обновление, gantry 5, стили и не только

Автор fidst

Ответов: 5
Просмотров: 969
Последний ответ 03.02.2021, 16:09:01
от fidst
Как отключить шрифт iсoMoon в Gantry 5?

Автор romagromov

Ответов: 0
Просмотров: 801
Последний ответ 31.01.2021, 21:25:22
от romagromov
Bootstrap

Автор Rebarun

Ответов: 13
Просмотров: 2417
Последний ответ 26.05.2020, 09:04:35
от Rebarun
header, модули (gantry)

Автор Jomler

Ответов: 0
Просмотров: 941
Последний ответ 17.11.2019, 03:41:29
от Jomler