Home Forums Basel – Premium Template Carousel settings – Arrows?

This topic contains 17 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 1 day, 1 hour ago.

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #225079

    Michael_1986
    Customer

    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.
    #225285

    Hello,

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

    Best Regards

    #225359

    Michael_1986
    Customer

    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.
    #225540

    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

    #225915

    Michael_1986
    Customer

    Thanks!

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

    Attachments:
    You must be logged in to view attached files.
    #226074

    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

    #226079

    Michael_1986
    Customer

    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.

    #226088

    Hello,

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

    Best Regards

    #226250

    Michael_1986
    Customer

    Thanks for taking a look!

    Private Content Hidden
    #226387

    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

    • This reply was modified 3 days, 21 hours ago by Elise Noromit Elise Noromit.
    #226402

    Michael_1986
    Customer

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

    #226480

    Hello,

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

    Best Regards

    #226552

    Michael_1986
    Customer

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

    Private Content Hidden
    #226573

    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

    #226577

    Michael_1986
    Customer

    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.
    #226830

    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

    #227135

    Michael_1986
    Customer

    Okay. I will try that. Thanks!

    #227157

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

    Best Regards

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

The topic ‘Carousel settings – Arrows?’ is closed to new replies.