Return to previous page

Hover state issues with product listing,Click behavior is different for the same component on mobile

This topic has 3 replies, 3 voices, and was last updated 5 months ago ago by Andrew Mitchell

Moiz

Participant

July 18, 2024 at 17:33

I am facing issue with the hover state on mobile in product listing.
I am using the same component on shop page and on home page the only difference is that on home page product listing is in a slider but the click behavior on mobile is different for both pages. On home page slider if you click on the product it triggers the hover state instead of going to the product page and only upon second click it works but on shop page it opens the product page on a single click while on desktop both the pages have hover state active and working as it should. Question is if both are the same component and the behavior on desktop is same then why on mobile is it different?

#405692 Copied Theme version: 9.3.6

2 Answers
Jack Richardson

Support staff

July 19, 2024 at 08:45
Dear @Moiz,

I hope this message finds you well. We have noticed that the product elements displayed on your shop page differ from those on your homepage. Specifically, the product element on the homepage incorporates a ‘swap’ hover effect, which may be causing this inconsistency.

To address this issue, we recommend the following solutions:

1. Disable the swap effect on the products displayed on the homepage.
2. Implement the following custom CSS to deactivate the swap effect when hover functionality is not available:
```
@media (hover: none) {
       body .content-product .image-swap {
           display: none !important;
       }
}
```
3. Transition to using our new Products grid/list/carousel elements (https://xstore.8theme.com/elementor/demos/minimal-fashion02/products-element/), as the version currently in use on your web-site is outdated and not optimized for code efficiency.

Should you continue to experience any issues, please provide us with the correct wp-admin and FTP access credentials.

Thank you for your attention to this matter. We look forward to your prompt action to ensure a consistent user experience across your website.

Best Regards,
Jack Richardson
8Theme’s Team
#405797 Copied
Andrew Mitchell

Support staff

July 19, 2024 at 13:23

Dear Moiz,

We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

Click here to rate now: https://themeforest.net/downloads

Thank you sincerely for your ongoing support!

Best Regards,
The 8Theme Team

#405866 Copied
Tagged: different component interaction, hover state issues, mobile click behavior, product listing problems, woocommerce mobile troubleshooting, wordpress woocommerce templates
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Hover state issues with product listing,Click behavior is different for the same component on mobile’' has been successfully resolved, and the topic is now closed for further responses

Hover state issues with product listing,Click behavior is different for the same component on mobile

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection