Slick slider

Статус
Закрыто для дальнейших ответов.

Dimpin

New Member
Регистрация
07.04.2018
Сообщения
6
Коллеги, добрый день.
Разбираюсь в чужом коде, не могу настроить слайдер.
http://nailbar.mini-mall.ru/price.html
3 вопроса:

1. Как вывести по 3 блока в слайдере, в условиях написал, но не выводится.
2. Как спрятать блоки, которые идут ниже первого ряда, чтобы было видно только 1 ряд.
3. Как вывести стрелки, в условиях тоже написал, но не вижу.

Огромная просьба намекнуть, куда смотреть и что делать.
 

Dimpin

New Member
Регистрация
07.04.2018
Сообщения
6
Dimpin сказал(а):
Коллеги, добрый день.
Разбираюсь в чужом коде, не могу настроить слайдер.
http://nailbar.mini-mall.ru/price.html
3 вопроса:

1. Как вывести по 3 блока в слайдере, в условиях написал, но не выводится.
2. Как спрятать блоки, которые идут ниже первого ряда, чтобы было видно только 1 ряд.
3. Как вывести стрелки, в условиях тоже написал, но не вижу.

Огромная просьба намекнуть, куда смотреть и что делать.
Такой большой форум, такой популярный плагин и никто не может ответить, печально. :(
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 137
Потому что задача плохо подана.
Загрузил бы проблемный кусок кода, например на jsfiddle, тогда бы быстрее помогли.
 

Dimpin

New Member
Регистрация
07.04.2018
Сообщения
6
[member=BaNru], Дико извиняюсь я новичок.
https://codepen.io/dimpin/pen/aGdKYN

Правда, отображается как-то странно.
В общем, при горизонтальном скролле, есть по 3 картинки.
Меняю на вертикальный - 1 картинка в столбике и никак не могу изменить, что я делаю не так
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 137
Проблема из-за flex.
Удалил все флексы - стало нормально. Разумеется сетка сломалась полностью.

Какой именно флекс мешает - не могу сказать, надо каждый по иерархии верх удалять, заменяя на display block или inline-block

Чтобы хоть что-то заработало, можно попробовать вот такие стили прописать

.main-content {
display: block;
}
.slick-slider {
display: block;
overflow: hidden;
}
.slick-slide {
display: inline-block;
}
Более подробно не скажу, твой сайт не доступен, не могу посмотреть твои стили.
При смене на вертикальную - они становятся вертикально.
При arrows: true "стрелки", точнее кнопки появляются (их надо раскрашивать или подключать тему от слайдера)

 
Статус
Закрыто для дальнейших ответов.
Верх Низ