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

romagromov

  • Давно я тут
  • 663
  • 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

  • Давно я тут
  • 630
  • 29 / 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

  • Давно я тут
  • 663
  • 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

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

romagromov

  • Давно я тут
  • 663
  • 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

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

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

Автор coolplaymaster

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

Автор fidst

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

Автор romagromov

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

Автор Rebarun

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

Автор Jomler

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