Home › Forums › WoodMart support forum › Hover effect on carrusel, and zoom in thumbnail

Hover effect on carrusel, and zoom in thumbnail

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 29, 2023 at 4:02 am #491816

    [email protected]
    Participant

    Hi there,

    1) On this page:

    https://woodmart.xtemos.com/shop/

    When I hover a product, the whole containers grows a bit.

    I would like to have that same effect of growing on a product carrusel.

    How can I achieve this?

    2) Also on the same page, when I hover a product thumbnail, a secondary image zooms a little bit.

    I would like to have that same effect but on the primary image.

    How can I achieve this?

    August 29, 2023 at 3:24 pm #491958

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    1. This is the Hover style product. Go to Theme Settings > Product Archive > Product Stylels > select the design show summary on hover. Same Edit Product Grid or carousel widget and select the hover design show summary on hover in page builder.

    2. This is the Hover image style. Go to Theme Settings > Product Archive > Product style > Hover image. At the same time, when you switch between the various images would change.

    Best Regards.

    August 29, 2023 at 6:01 pm #492025

    [email protected]
    Participant

    1. I can’t achieve that in carousel widget eventought I’ve tried what you said. The growing effect of the containers doesn’t show. Can you show me an example of one of yours demos with this effect in carousel widget . I can achieve this in product grid but not in carousel widget.

    2. At the same time, when you switch between the various images would change.

    That was my point, I would like the zoom effect without swiching images.

    August 30, 2023 at 3:18 pm #492209

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    01. Please see this video for better understanding!
    https://youtu.be/rTlaD69X2CU

    02. Sorry to say it is not possible to achieve this. It requirs customization and beyond our support policy.

    Best Regards.

    August 30, 2023 at 4:43 pm #492240

    [email protected]
    Participant

    Hi,

    01. I saw your video and I understood perfectly what you said, but that’s not what I meant.

    Using the product grid or carousel widget, if you select carousel, the growing effect on the product container while hovering is not working.

    Please, check the video I’m sending to you. Check below to download it.

    On the first example I showed you in the video (Grid) the product container growing on hover is there, perfectly fine.

    But when I change to Carousel, the product container doesn’t grow anymore on hover.

    02. Ok.

    August 31, 2023 at 10:00 am #492364

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the video you attached:

    This is how it works by default for the product/grid carousel element if you selected the layout to carousel.
    Because when you chose the carousel, the design “show summary on hover” is not possible as the carousel wrapper has overflow: hidden;

    Hope you can understand!

    Best Regards.

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