Перейти к содержимому

Фотография
- - - - -

Slick slider


  • Вы не можете создать новую тему
  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 Dimpin

Dimpin

    Прохожий

    Топикстартер
  • Участник
  • 0
    6 сообщ.

Отправлено 10 Апрель 2018 в 09:32

Коллеги, добрый день.

Разбираюсь в чужом коде, не могу настроить слайдер.

http://nailbar.mini-mall.ru/price.html

3 вопроса:

 

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

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

3. Как вывести стрелки, в условиях тоже написал, но не вижу.

 

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


  • 0

Спонсор

#2 Dimpin

Dimpin

    Прохожий

    Топикстартер
  • Участник
  • 0
    6 сообщ.

Отправлено 12 Апрель 2018 в 09:48

Коллеги, добрый день.

Разбираюсь в чужом коде, не могу настроить слайдер.

http://nailbar.mini-mall.ru/price.html

3 вопроса:

 

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

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

3. Как вывести стрелки, в условиях тоже написал, но не вижу.

 

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

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


  • 0

#3 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1004
    3 629 сообщ.

Отправлено 12 Апрель 2018 в 13:33

Потому что задача плохо подана.

Загрузил бы проблемный кусок кода, например на jsfiddle, тогда бы быстрее помогли.


  • 0

#4 Dimpin

Dimpin

    Прохожий

    Топикстартер
  • Участник
  • 0
    6 сообщ.

Отправлено 23 Апрель 2018 в 23:08

BaNru, Дико извиняюсь я новичок.

https://codepen.io/dimpin/pen/aGdKYN

 

Правда, отображается как-то странно. 

В общем, при горизонтальном скролле, есть по 3 картинки.

Меняю на вертикальный - 1 картинка в столбике и никак не могу изменить, что  я делаю не так


  • 0

#5 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1004
    3 629 сообщ.

Отправлено 26 Апрель 2018 в 08:15

Проблема из-за flex.

Удалил все флексы - стало нормально. Разумеется сетка сломалась полностью.

 

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

 

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

.main-content {
    display: block;
}
.slick-slider {
    display: block;
    overflow: hidden;
}
.slick-slide {
    display: inline-block;
}

Более подробно не скажу, твой сайт не доступен, не могу посмотреть твои стили.

При смене на вертикальную - они становятся вертикально.

При arrows: true "стрелки", точнее кнопки появляются (их надо раскрашивать или подключать тему от слайдера)

 

cd60a0624d.pngff2edae17b.png


  • 0


Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей