Cześ,
korzystam z gotowego szablonu przy budowaniu sklepu (na prestashop). Próbuję przerobić kod tak aby produkty pojawiały się na desktopie wyśrodkowane. Na razie efekt jest taki:
Z tego co zauważyłem szablon korzysta z gotowej karuzeli. Znalazlem jej skrypt i próbuje go przerobić.
Działa to tak, że na desktopie jeżeli jest mniej produktów to wyświetlaja sie wyrownane do lewej tak jak na screenie. Na urzadzeniach mobilnych jest ok bo na tabletach sa rozciagniete po calej szerokosci a na mobile jedne pod drugim.
W konsoli fragment odpowiedzalny za to wyglada tak:
Probuje znalezc w skrypcie miejsce gdzie moge dopisac aby na desktopie przy wiekszej rozdzielczosci parametr Left przyjmował np 20% albo żeby można było w ogole wycentrowac wszystko i dac margin: 0 auto.
Znalazłem fragment gdzie moge dopisac np 20% ale wtedy o te 20% elementy są przesunięte na wszystkich rozdzielczościach i urządzeniach.
appendWrapperSizes : function () {
var base = this,
width = base.$owlItems.length * base.itemWidth; //pierwsza czesc to ilosc elementow, druga to szerokosc pojedynczego
base.$owlWrapper.css({
"width": width * 2, //tu jest mnozone x2 nie wiem czemu ale dziala ;)
"left": 0 //to moge przesunac elementy ale chcialbym zeby byly przesuniete tylko przy szerokosci powyzej np 1200px
});
Czy ktos moze mi pomoc? Zalaczam tez skrypt calej karuzeli.
Z gory dzieki!