Gridbox Store App Released

Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Сайдбар со слайдером, который видно всегда

1 week 1 day ago #1

  • Дмитрий's Avatar
  • Дмитрий
  • Posts: 210
Здравствуйте.
Прошу подсказать как на Gridbox сделать, чтобы сайдбар всегда был виден (не скролился) и в нем отображался слайдер. Аналогичный вариант есть на примере, на втором и ниже экране: nastik.webredox.net/

1 week 19 hours ago #2

  • Artem's Avatar
  • Artem
  • Posts: 8758
Добрый день,

Да это возможно.

1. Создаете Ров с 2мя колонками, рову необходимо задать кастомный класс sticky-sidebar
2. Левой колонке задаете фоновую картинку и высоту "По высоте экрана"
3. В CSS редактор добавьте вот этот код
@media (min-width: 769px){
.sticky-sidebar .column-wrapper {
   display: block !important;
}
 
.sticky-sidebar .column-wrapper .ba-grid-column-wrapper:nth-child(1) {
   position: sticky;
   top:  0;
}


Обратите внимание, что контента в правой колонке должно быть больше чем на 1 экран


С Уважением,
Артем

6 days 9 hours ago #3

  • Дмитрий's Avatar
  • Дмитрий
  • Posts: 210
Спасибо - Опробую.

6 days 7 hours ago #4

  • Дмитрий's Avatar
  • Дмитрий
  • Posts: 210
Только прочитал блог и увидел, что последняя статья сделана по моему запросу: www.balbooa.com/blog/tips-and-tricks/sti...e-any-content-inside
Не зря значит идеи в голову приходят.
В статье еще обзорнее и понятней.
Благодарю!
Powered by Kunena Forum