Post by RandyRocket » Fri Apr 28, 2017 1:20 am

Hi,

we use the carousel module for displaying manufacturer's logos... But how can you change the display, so it will display 3 images only at once, and not 6 like now?

Sadly unable to find such an option. Do I have to change the template? But this module is a default one, no?

Newbie

Posts

Joined
Fri Jan 06, 2017 5:44 am

Post by cyclops12 » Fri Apr 28, 2017 1:54 am

Catalog/view/theme/YOUR_THEME/template/extension/module/carousel.tpl and change....
items: 6, to items: 3,

Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am

Post by RandyRocket » Fri Apr 28, 2017 2:57 am

Thank you!

Any clue how to add a margin to each image? Found these setting "margin", but doesn't seem to work:
https://owlcarousel2.github.io/OwlCarou ... width.html

Newbie

Posts

Joined
Fri Jan 06, 2017 5:44 am

Post by cyclops12 » Fri Apr 28, 2017 3:19 am

You can do this in catalog/view/javascript/jquery/owl-carousel/owl.carousel.css in

Code: Select all

.owl-carousel .owl-item {
	float: left;
}
Just be aware that this will also change the slideshow if you have it enabled

Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am

Post by RandyRocket » Fri Apr 28, 2017 3:39 am

Thanks.

I now overloaded the carousel CSS in a custom css file. Defined the spacing for 3 states of a responsive design and set the number of visible images to 3.

The only problem now left is: In the middle state, the carousel suddenly displays 4 images :) Not so in the largest and smallest state though.

Very strange... Any idea?

Newbie

Posts

Joined
Fri Jan 06, 2017 5:44 am
Who is online

Users browsing this forum: No registered users and 7 guests