Home › Forums › Basel support forum › Carousel settings – Arrows?

Carousel settings – Arrows?

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • September 10, 2020 at 6:54 am #225079

    Michael_1986
    Participant

    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.
    September 10, 2020 at 7:47 pm #225285

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    September 11, 2020 at 6:04 am #225359

    Michael_1986
    Participant

    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.
    September 11, 2020 at 2:17 pm #225540

    Elise Noromit
    Member

    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

    September 14, 2020 at 5:48 am #225915

    Michael_1986
    Participant

    Thanks!

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

    Attachments:
    You must be logged in to view attached files.
    September 14, 2020 at 12:43 pm #226074

    Elise Noromit
    Member

    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

    September 14, 2020 at 12:47 pm #226079

    Michael_1986
    Participant

    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.

    September 14, 2020 at 12:55 pm #226088

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    September 15, 2020 at 4:21 am #226250

    Michael_1986
    Participant

    Thanks for taking a look!

    September 15, 2020 at 11:12 am #226387

    Elise Noromit
    Member

    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

    September 15, 2020 at 11:50 am #226402

    Michael_1986
    Participant

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

    September 15, 2020 at 2:34 pm #226480

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    September 16, 2020 at 5:25 am #226552

    Michael_1986
    Participant

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

    September 16, 2020 at 6:40 am #226573

    Elise Noromit
    Member

    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

    September 16, 2020 at 7:01 am #226577

    Michael_1986
    Participant

    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.
    September 16, 2020 at 9:37 pm #226830

    Elise Noromit
    Member

    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

    September 18, 2020 at 6:04 am #227135

    Michael_1986
    Participant

    Okay. I will try that. Thanks!

    September 18, 2020 at 7:02 am #227157

    Elise Noromit
    Member

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

    Best Regards

    November 6, 2020 at 6:04 pm #239540

    Elise Noromit
    Member

    Hello,

    Please provide your site admin access to the private area.

    Best Regards

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)

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