This topic has 9 replies, 2 voices, and was last updated 1 years, 11 months ago ago by delidana188
Why does the hower effect not work when hovering over products on the front page?
Hello,
What exactly hover effect do you mean?
Please check answer in this topic – https://www.8theme.com/topic/what-should-i-do-to-make-the-animation-here-on-the-front-page/#post-343405
For product images, Swap https://prnt.sc/5gzxDa2PJCB8 or Gallery can be enabled on hover in case images are added to the product gallery via the editor.
Regards
dude, this effect doesn’t work on the homepage unfortunately..I say this effect does not work in the products list on the homepage
“this effect” – what exactly? Provide screenshots, please.
Also, provide temporary wp-admin access, so we can take a closer look at your settings.
Create an account via Dashboard (Users > Add new) with administrator role http://prntscr.com/s3rc9m > provide us with username and password via the Private Content area http://prntscr.com/s5mao7 You can use any email for it.
Regards
okey send
Hello @Delidana188,
You 2 times ignored my request for an explanation “What exactly hover effect do you mean?”. Also, I do not see screnhots from you.
Sorry, but to be able to help, I need to understand your request, so please, answer the question.
Thanks in advance.
Regards
this is homepage -> https://recordit.co/vDjLyrYzCu
categori page-> https://recordit.co/sCu2LGOf7G
animation on category page not working on front page..I tried with elementor but it still didn’t work on home page
I sent you a username and password hope you can help
Oh I see, you opened this topic with the same question, which was already answered by me that there is no such option.
The option is not here, yet, but you can post your request here – https://www.8theme.com/taskboard/ , so our dev team read it. If it takes votes from other customers, our dev team will try to add it in one of the next updates.
Right now, you can try to use the next custom CSS code:
@media only screen and (min-width: 993px) {
.elementor-widget-etheme_product_grid .etheme-product-grid-item:hover {
-webkit-box-shadow:0 0 7px 0 var(--et_dark-2-white-01);
box-shadow: 0 0 7px 0 var(--et_dark-2-white-01);
z-index: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.elementor-widget-etheme_product_grid .etheme-product-grid-item {
-webkit-transition: all .2s ease;
transition: all .2s ease;
background: var(--et_container-bg-color,var(--et_white-2-dark))
}
}
Regards
thank you for your support it’s working fine now <3
Tagged: front-page, hover effect, products, seo friendly, templates, woocommerce, wordpress
The issue related to '‘Why does the hower effect not work when hovering over products on the front page?’' has been successfully resolved, and the topic is now closed for further responses