Как изменить ширину карусели owl-carousel Битрикс?

Question

[Евгения Симонова]

Использую на сайте Битрикс карусели owl-carousel , в них автоматически рассчитывается ширина. Мне нужно в мобил. версии сделать карусель, чтобы с права выглядывала часть следующей картинки. (по тех.заданию такой дизайн)



Здесь либо пересчитывать ширину (не знаю как это реализовать), либо со стилями играть - не получилось, все упирается в ширину.

Comments

[Ankhena]

Сделайте ширину больше и overflow.
Если owl не умеет не целое количество слайдов.

p.s. умеет

[Евгения Симонова]

Ankhena, ширина рассчитывается плагином автоматически, при изменении размера экрана

[Евгения Симонова]

в этом то вся загвоздка, что ширина считается автоматом. Если как-то можно ее уменьшить на 10% после расчета..

[Ankhena]

Евгения Симонова, ну и пусть себе считает, при чем тут это?
Поставьте, чтобы показывал 2 слайда.
Вычислите на сколько нужно увеличить блок.
Лишнюю половинку обрежьте.

[Ankhena]

Евгения Симонова, но вообще очень странно, что вы не можете поставить 1.5 слайда.
Сейчас проверила в демке, всё прекрасно ставится и тогда не ясно в чем проблема.

[cssfish]

Ankhena, он умеет, но есть побочки, сейчас уже не вспомню какие. Надежнее способ с урезанием ширины и отменой overflow:hidden

[Ankhena]

cssfish, сначала нужно вспомнить побочки.
Потом всё это сменить на swiper.

[Евгения Симонова]

Ankhena, поставила. все работает.

Answer 1

[cssfish]

В slick самый простой и надежный вариант - справа блок поджать до размера первого слайда (маржином или паддингом). А далее внутреннему блоку убрать overflow: hidden, чтобы он спокойно вываливался вправо, тогда второй кадр и будет виден.
В owl не помню, но можно попробовать ту же логику.