ResolvedCarousel Display Settings
Tagged: carousel
- This topic has 5 replies, 2 voices, and was last updated 1 year, 1 month ago by
Althemist.
- AuthorPosts
- October 9, 2022 at 7:48 pm #35463
admin-2531
ParticipantHello, I have multiple carousels on my homepage, each set to display products from different categories, or to display lists of categories.
Because there is no visual indication when the page loads that each of those carousels is in fact a carousel, visitors can miss out on a lot of our content. Currently, arrows only appear onhover.
To improve this, I would like to change how many items are displayed in the carousel to 4.5 items on desktop, 3.5 on tablet, and 1.5 on mobile. None of the settings I’ve seen respond to 1/2. Ideally, the 1/2 product that is visible would also have a fade gradient over it.
Can you please advise how I can make changes like this or similar?
Thanks
October 10, 2022 at 4:20 pm #35491Althemist
KeymasterHi admin-2531,
I am afraid that would not be possible. What you can do is show the arrows with CSS. Something like this:
.woocommerce.owl-carousel .owl-nav .owl-prev { left: 5px; } .woocommerce.owl-carousel .owl-nav .owl-next { right: 5px; }
October 10, 2022 at 5:26 pm #35494admin-2531
ParticipantThis could work, thanks, however, the current design of the arrows is a bit obtrusive. Especially on mobile where they take up almost half the image width.
1) How can I change those to a transparent background with opaque grey arrows? That design seems to be more common, right?
2) The left arrow appears on the first item when there is no item left of it. How can I change this to no display in that case?Thanks!
October 12, 2022 at 6:24 pm #35613Althemist
KeymasterHi admin-2531,
1). You can use CSS for this.
2) I am afraid that would not be possible. This is how Owl Carousel script (the one we use) works.
October 16, 2022 at 1:28 am #35685admin-2531
ParticipantOK, thanks. Can you tell me how I can change the display in mobile to show 2 items in the carousel instead of 1?
October 17, 2022 at 3:18 pm #35722Althemist
KeymasterUnfortunately, there is no such option. If it’s a carousel it’ll show 1 item on mobiles.
- AuthorPosts
You must be logged in and have valid license to reply to this topic.