ResolvedCarousel Display Settings

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #35463
    admin-2531
    Participant

    Hello, 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

    #35491
    Althemist
    Keymaster

    Hi 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;
    }
    #35494
    admin-2531
    Participant

    This 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!

    #35613
    Althemist
    Keymaster

    Hi 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.

    #35685
    admin-2531
    Participant

    OK, thanks. Can you tell me how I can change the display in mobile to show 2 items in the carousel instead of 1?

    #35722
    Althemist
    Keymaster

    Unfortunately, there is no such option. If it’s a carousel it’ll show 1 item on mobiles.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for any item belonging to this account
AlThemist

AlThemist

sales 18051, followers 755
Login and Registration Log in · Register