Issue with latest update to VERSION 4.0.1, -STYLE breakdown

Our site encountered multiple issues following the update from YITH WooCommerce Wishlist version 3.38. to 4.0.1:

1. CSS Class Overrides: Some CSS classes were overridden in the update, causing a breakdown in our site’s overall structure.
   • Before Update: Screenshot
   • After Update: Screenshot
2. Icon Visibility: All icons on the site are no longer visible after the update.
   • Examples: Screenshot 1, Screenshot 2
3. Change in Wishlist Icon Element: The wishlist icon was previously an <i> element, but after the update, it’s now an SVG, affecting our styling approach.
   • Before Update (using <i>) : Screenshot
   • After Update (using SVG): Screenshot

To address these issues, we’ve rolled back to version 3.8.8, which restored our original styling and functionality.

• This reply was modified 4 months ago by Sujith Storepro.

Hello there,
thanks for contacting us!

1 and 3 are due to the change from PHP to React templates, which you can preview before converting. However, point 2 should not happen as you should be able to see the icon correctly.

If you need us to review it, we need the link to your site with the plugin updated to the latest version.

Let us know any news.

Best regards.

Hello @juaancmendez

I want to inform you that issue on my website. It’s the same issue. After the issue is addressed I’ve downgraded the version of your plugin. After that issue is resolved. So I hope you will fix the issue on next update.

Hello @juaancmendez ,

Thanks for getting back to us!

Here’s the link to our site for review :https://woocommerce-202281-4850052.cloudwaysapps.com/. Username: “storepro” , Password:”Storepro1″ .The plugin is updated to the latest version as you could see those issues.

If you need more details, such as admin credentials, kindly provide the appropriate email address for us to send them securely.

Please let us know if you need any further information.

• This reply was modified 3 months, 4 weeks ago by Sujith Storepro.
• This reply was modified 3 months, 4 weeks ago by Sujith Storepro.

Hello there,

Please try adding the following CSS in Appearance > Customize > Additional CSS:

i {
  font-family: "Font Awesome 5 Free" !important;
}

Could you check it, please?

Best regards.

Hello @juaancmendez ,

Thank you for the clarification.

The shift to React templates has indeed affected our site layout, specifically:

• The “Add to Wishlist” button alignment.
• The icon now uses SVG, changing its color and impacting our custom styles.

Is there a recommended approach for adjusting our styles to work with the new React templates? We’d prefer not to rely heavily on CSS overrides if possible.

For the icon visibility issue (point 2), the solution you provided works.

Hello there,

Could you tell us what changes you want to make? Since it is a customization, it must be done through CSS, if you have not been able to do it from the “Customization” section of the plugin.

Let us know.

Best regards.

Hello @juaancmendez ,

We can definitely adjust the CSS to fix the issues encountered. However, could you confirm if these issues will be addressed in the next update? This will help us determine if it’s better to apply a temporary CSS fix or wait for a permanent solution in the upcoming release.

Please let me know

Best regards.

Hello there,

I recommend keeping those styles, as this often comes from different styles between themes, and icon libraries provided by other plugins.

If you have any other questions, feel free to contact us.

Best regards.

Hi @juaancmendez ,

Thank you for your support earlier.

We have successfully resolved most of the styling issues on our end. However, we’re still encountering an issue where the wishlist icon becomes larger when displayed on the product pages. This issue seems to reoccur intermittently, even after applying custom CSS fixes, the issue goes after clearing cache but occurs after.https://prnt.sc/Kj4y6ZbF9ONM

Could you clarify why this behavior might happen and if there’s a more stable solution to ensure the icon maintains its intended size across all pages? Additionally, is there a possibility of addressing this in an upcoming update?

Looking forward to your guidance.

Hello there,

Unfortunately, if it’s a cache issue, there’s nothing we can do. In that case, I recommend you contact the support for that plugin.

Anyway, I’d like to check what you said, but it seems like your site URL is no longer working.

Could you check it, please?

Best regards.

Hi @juaancmendez ,

Another issue is found when updated to version 4.0.1, for logged out users when added products to wishlist, the wishlist page is empty, no product in wishlist page is found. when rolled back the issue solved.

Kindly please investigate as many issue is arising due to the new update

hi @juaancmendez ,

Please review the issues