Как сделать выравнивание последних активных слайдов по правому боку?

Question

[vonsyus]

Всем привет!

Я использую Owl Carousel. При нормальном разрешении экрана влазит 4 элемента в слайдер. Но как только размер экрана становится меньше 1200px, то влазит уже меньше (как не странно), так вот, мне необходимо сделать выравнивание последних активных слайдов по правому краю, чтобы не было этого пустого места:

Ссылка на проект, если необходимо: https://github.com/vonsyus/testTaskk

Файл с инициализацией слайдера: owl-slider.js

Спасибо!

Answer 1

[Sergey]

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



А так, можно в стилях расставить кучу точек под разные размеры и "расширять" или "сужать" блок товаров до вписываемых в ширину браузера 2-3-4-5 товаров...

Comments

[vonsyus]

А ты попробуй пролистать до последнего товара в списке и увидишь в чём проблема. И мне нельзя как-либо менять блоки моих товаров (т.е. они должны оставаться неизменными)

[Антон]

vonsyus,

ты попробуй пролистать до последнего товара в списке и увидишь в чём проблема

owl1.owlCarousel({
		loop: "true",

[vonsyus]

Антон, зацикливания быть не должно, иначе всё было бы слишком просто)

[Sergey]

выравнивание последних активных слайдов по правому краю

у Вас не блоки с отдельными товарами надо по правому краю, а целый блок со всеми товарами уезжает левее, чем надо. Это функционал owl-slider.js надо допиливать, чтобы он не говорил блоку уезжать левее, чем нужно.

[vonsyus]

Firsov36, Я вроде придумал как это можно сделать. Можно получать значение translate3d у бока, который двигается и отнимать от него определенное значение. Но проблема в том, что у меня не получается получить его значение, не знаете как это можно сделать?

[Sergey]

vonsyus, вы так погрязните в заплатках над сторонними решениями. Попробуйте вместо Owl Carusel использовать другую карусель, например jCarousel которая прикрепляется к правой стороне. Или другую карусель, их полно, просто именно эта не прикрепляется к правой стороне или может параметр нужно какой-нибудь к ней, я с этой каруселью не работал.