Carousel settings – Arrows?

Hello,

I like your Home fashion demo:
https://demo.xtemos.com/basel/home-fashion/

How can I use arrows in the MAN / WOMAN / ACCESSORIES carousel?

I have set “Products view” to Carousel. I don’t see the Pagination option mentioned in documentation here:
https://xtemos.com/docs/basel/faq-guides-2/product-grid-carousel-element/

Thanks in advance!

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the screen what element you use? I am viewing the demo I do not see any arrows there.

Best Regards

The demo has no arrows but I would like to add them. How can I do that?

I am trying to use the same element as you have in the demo: Products (grid or carousel)

Attachments:

You must be logged in to view attached files.

Hello,

You need to set Carousel https://prnt.sc/uflsjv then configure the element and arrows appear on hover.
If you want them always shown, add this CSS to the Theme Settings > Custom CSS > Global:

body .owl-carousel .owl-nav > div {
    opacity: 1;
}

Best Regards

Thanks!

What is the correct carousel hover settings so the arrows appear on hover?

Attachments:

You must be logged in to view attached files.

Hello,

All the settings related to the Carousel are in the Carousel tab of the element. Do not disable anything. https://prnt.sc/uh142g

Best Regards

Thanks but I have not disabled anything. Please see the attachment image in my first message of this topic.

Still the arrows doesn’t show when hovering.

Hello,

Please provide your site admin access to the private area as well as the page URL.

Best Regards

Thanks for taking a look!

Hello,

When I add the code, arrows are always open. https://prnt.sc/uhlngd

Add this CSS to the Theme Settings > Custom CSS > Global:

body .owl-carousel .owl-nav > div {
    opacity: 1;
}

Best Regards

Thanks but is it possible to have the arrows visible only when hovering?

Hello,

Remove the code I have provided and arrows would be on hover.

Best Regards

I’m sorry but I don’t see the arrows when hovering.

Hello,

You have set the grid and when the grid is in focus, arrows appear as they are set as the pagination. When you scroll the grid, arrows disappear. It is the way it works.

Best Regards

I have set the “Products View” to be Carousel and not Grid. Please see the attachment image. Still no arrows show up when hovering.

Attachments:

You must be logged in to view attached files.

Hello,

You are using carousel inside the tabs: https://prnt.sc/uik06q

You would better take AJAX Product tabs by WoodMart: https://prnt.sc/uik0lm you will get product grid in tabs with the option of the carousel https://prnt.sc/uik0ym

Best Regards

Okay. I will try that. Thanks!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

Hello,

Please provide your site admin access to the private area.

Best Regards

[Author]

Posts