YITH wishlist working with cache plugins

Hello:

I have an issue with the yith wishlist plugin and the cache. When adding a product to the wishlist, the wishlist heart changes ton a different color (everything working fine). The issue is when I refresh the page, the heart goes blank. The same happens when going to a product page or vice versa.

I’m using WP Rocket cache plugin on my site (shopkeeper theme) and they offer a solution for the yith plugin issue: “The solution to avoid problems with caching is to enter the cookie ID (yith_wcwl_products) into the option Never cache cookies…” (https://docs.wp-rocket.me/article/875-using-wp-rocket-with-yith-woocommerce-wishlist)

The suggested solution fixes it, but the site speed drops. So, I talked to the wp rocket support team and they told me:

“WP Rocket eliminates all PHP/MySQL processes from a page and creates static HTML output instead (as do most other caching plugins). So, the only way to protect the count from the cache would be to process it through AJAX/JS instead of PHP. (In other words, generate the dynamic content with code that gets executed on the browser level instead of the server level.)

I recommend consulting with YITH wishlist developer to find out if it offers an AJAX based option for updating the heart/wishlist counter.”

I have no issue with the counter, as I already hidden it. What I’m looking for is a solution to the heart, so it can be colored even if I refresh the page and without dropping the site speed. Probably working with to suggested solution from the wp rocket support team.

Thanks,
Ruben