This topic has 13 replies, 2 voices, and was last updated 1 years, 11 months ago ago by Tony Rodriguez
Hi 8theme team,
I’m opening this topic because I don’t know how to make a product in this carrusel appear on top when I hover over it. The problem is that the products when hovering appear below the section, I’m using Xstore with elementor pro and the minimal electronics demo theme.
Here I leave links to the images:
Thanks.
Hello, @LomP,
Actually, You have to change the product layout from the widget settings of the product you added. In the widget settings, you will see the option of “Product Style/Hover effect” see the image: https://postimg.cc/qh1gxGVN try to change it and check the result I hope your issue will be resolved. There is no other way that I can tell you nor it will be fixed with the custom CSS code.
Regards 8Themes Team.
I can’t find that option, it doesn’t appear in the widget settings, and the same thing happens in the “My Account” section in the “You may also like…” section, specifically where the hover products appear underneath. How could I modify the CSS or global settings so that the products appear above?
Thank you.
Hello, @LomP,
Please share your site wp-admin URL and access in the private content area of this topic by following the below-given format
WORDPRESS ADMIN URL:
WORDPRESS ADMIN USERNAME:
WORDPRESS ADMIN PASSWORD:
So that I will check your issue on your site.
Note: Please take a complete backup of your site first and allow us to debug your site and change/remove the plugins to solve your issues.
Regards 8Themes Team.
Regards 8Themes Team.
But I would like to do it without giving my wordpress credentials. Could this be possible?
It is only to make the hover of the products appear above.
Thanks.
Hello, @LomP,
I have recorded the video for you on my test site, please watch is here: https://www.veed.io/view/e6ad3c80-9f6f-447c-9c79-d7f6148e55ad?sharingWidget=true&panel=share and follow the instructions, hope this will help you in solving your issue. Otherwise, I just need your site Login details to check it on your site, there is no other possible way.
Thanks for your understanding.
Regards 8Themes Team.
I’m sorry, maybe I expressed myself wrong, I mean that when I hover on the product it hides under the section. I want the product to hover above it when I hover over it.
I leave a link in the private area:
I think is a Z-Index but I dont know how to modify that. The section
Hello, @LomP,
Alright, Could you please share the page URL having those products appear in the private content area of this topic so that I will check and let you know with the CSS code in order to solve your issue?
OR
Please check our demos here: https://preview.themeforest.net/item/xstore-responsive-woocommerce-theme/full_screen_preview/15780546?_ga=2.63385455.1124064874.1672292449-377466552.1645421620 and share the one page which has the same section so that I will check accordingly and help you out.
Regards 8Themes Team.
Of course, this section is in the main page and below the text “Productos Destacados”, im doing a website for a client and I dont know how to modify that, if you could help me I will be very grateful.
Hello, @LomP,
Thanks for sharing the page link with us. Now, in order to solve your issue simply go to the Dashboard >> XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and then paste the below code at the bottom of the CSS box there.
.swiper-slide.slide-item.product-slide.-slide.swiper-slide-visible{overflow:visible !important;}
Then save settings and check back to your site after clearing the browser cache.
Regards 8Themes Team.
Thank you very much this solved the problem, as always very good support 🙂
Most Welcome ?, @LomP,
If you do not mind, can you please leave 5 stars rating for our Theme & Customer, and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in the future. It would encourage our work a lot. If you like our Theme and Support.
Thanks for contacting us.
Have a great day ?
Topic Closed.
Best Regards.
The issue related to '‘How can I make the hover products appear above the section?’' has been successfully resolved, and the topic is now closed for further responses