Return to previous page

How can I make the hover products appear above the section?

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

LomP

Participant

December 28, 2022 at 17:13

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.

Please, contact administrator
for this information.

#342511 Copied Theme version: 8.3.9 WooCommerce version: Last

12 Answers

Tony Rodriguez

Support staff

December 29, 2022 at 06:13

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.

#342534 Copied

LomP

Participant

December 29, 2022 at 13:26

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.

#342590 Copied

Tony Rodriguez

Support staff

December 29, 2022 at 14:41

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.

#342600 Copied

LomP

Participant

December 29, 2022 at 16:00

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.

#342611 Copied

Tony Rodriguez

Support staff

December 29, 2022 at 16:44

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.

#342614 Copied

LomP

Participant

December 29, 2022 at 16:59

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:

Please contact administrator
for this information.

#342615 Copied

LomP

Participant

December 30, 2022 at 00:08

I think is a Z-Index but I dont know how to modify that. The section

is called .content-product

#342626 Copied

Tony Rodriguez

Support staff

December 30, 2022 at 06:18

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.

#342636 Copied

LomP

Participant

December 30, 2022 at 17:04

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.

Please contact administrator
for this information.

#342692 Copied

Tony Rodriguez

Support staff

December 31, 2022 at 06:03

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.

#342708 Copied

LomP

Participant

December 31, 2022 at 14:34

Thank you very much this solved the problem, as always very good support 🙂

#342731 Copied

Tony Rodriguez

Support staff

December 31, 2022 at 15:08

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.

#342733 Copied
Tagged: above section, hover products, persuasive, seo friendly, themes, wordpress woocommerce
Viewing 13 results - 1 through 13 (of 13 total)

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

How can I make the hover products appear above the section?

Explore our best WordPress WooCommerce Themes collection