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

romagromov

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

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

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

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

romagromov

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

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

Обновление, gantry 5, стили и не только

Автор fidst

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

Автор romagromov

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

Автор Rebarun

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

Автор Jomler

Ответов: 0
Просмотров: 286
Последний ответ 17.11.2019, 03:41:29
от Jomler
Отделить тему (Gantry)

Автор Jomler

Ответов: 4
Просмотров: 317
Последний ответ 14.11.2019, 09:48:56
от AlexB