2

I am using Ultimo theme.

Does anybody know how to change the scrolling direction of the 'related products' slider? The slider is based on the popular Owl Carousel.

I would assume the code for this is inside: 'js/infortis/jquery/plugins/jquery.owlcarousel.min.js' but I am not 100% sure because I think it is a minified version of the original script which can be found on the Owl Carousel developer's site.

All I want to do is change the slider from scrolling horizontally to vertically if possible.

Any help would be most welcome, thank you.

1

Don't touch jquery.owlcarousel.min.js, The script for each slider is inline in the phtml file as example list_featured_slider.phtml you can find the script in line 242.

related_multi.phtml line 110

One more thing owlcarousel is not great with vertical scroll.

0
  1. Add animate.css

I haven't seen the ultimo theme but maybe you can find the owl js under skin\frontend\template_name\template_name\js folder and edit it like this. Hope this helps.

$(".owl-carousel").owlCarousel({
  loop: true,
  autoplay: true,
  items: 1,
  nav: true,
  autoplayHoverPause: true,
  animateOut: 'slideOutUp',
  animateIn: 'slideInUp'
});

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.