Return to previous page

The slide zoom effect on hover doesn’t work

This topic has 4 replies, 2 voices, and was last updated 1 years, 2 months ago ago by Tony Rodriguez

Manish

Participant

August 29, 2023 at 08:48

Hi Team
I have an issue regarding the slide zoom effect which works on mouse hover. I have the bookshop theme in which in the home page “New Arrival Books”, when hovering on product image the image moves to the side with a small zoom. This doesn’t happen on my website but in works fine on bookstore demo.
URL of demo website: https://xstore.8theme.com/elementor/demos/book-store.
In there, when we scroll down to “Best Fantasy Authors” on Home page the effect works. I just want to know from where can I apply the same effect as I am unable to find it myself.

#365970 Copied Theme version: 9.1.8 WooCommerce version: 8.0.1

3 Answers
Tony Rodriguez

Support staff

August 29, 2023 at 09:42
Hello, @Manish,

Thank you for contacting us and for using XStore.

Should you wish to replicate the same effect, kindly copy and paste the provided CSS code into the Xstore Custom CSS section in Elementor and proceed to update it.
```
selector .quantity {
    border-radius: 4px;
}

selector .quantity>.minus {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
}

selector .quantity>.plus {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
}
selector .etheme-product-list-image img {
    border: 2px solid #EFF6FD;
}
@media (hover) {
    selector .etheme-product-list-item,
selector .etheme-product-list-image {
    transition: all .3s;
}

selector .etheme-product-list-item:hover {
    transform: translateY(-5px);
}

selector .etheme-product-list-item:hover .etheme-product-list-image {
    transform: translateX(-30px) scale(1.1);
}
}
```
For your convenience, we have recorded a comprehensive video tutorial. We highly recommend watching it in its entirety and following the steps demonstrated therein. https://www.veed.io/view/03762d15-6051-4627-95e4-89f3de5235ce?sharingWidget=true&panel=share

We trust this will effectively resolve your issue.

Best Regards,
8Theme’s Team.
#365976 Copied
Manish

Participant

August 29, 2023 at 10:41

Thanks support team, I am really grateful. This is working as expected.
Kudos to you all ^_^

#365993 Copied

Tony Rodriguez

Support staff

September 2, 2023 at 05:09

Hello, @Manish,

We appreciate your recent contact with us and your use of our theme and support services. Your feedback is invaluable to us and we are delighted to hear of your satisfaction with our product and services.

We would like to kindly request your consideration in leaving a 5-star rating for our theme, as well as our customer and technical support services. You can do this by visiting http://themeforest.net/downloads. Your feedback and positive reviews will not only aid us in improving our product but also motivate us to provide superior support in the future. Your support is greatly appreciated and means a great deal to us.

Should you have any further inquiries or concerns, please do not hesitate to contact us at any time. We are always available to assist you.

We thank you once again for choosing our product and services.

Please note, this topic is now closed.

Best Regards,
8Theme’s Team

#366394 Copied
Tagged: best selling themes, fix woocommerce themes, hover effect problem, slide zoom effect, theme troubleshooting, woocommerce themes, zoom effect issue
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘The slide zoom effect on hover doesn’t work’' has been successfully resolved, and the topic is now closed for further responses

The slide zoom effect on hover doesn’t work

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection