Wishlist issue with Saving Product State

Hi,

I’ve updated the theme version to 4.0.1 along with following the migration documentation. Further, removed Redux, CMB and YITH Wishlist plugins.

There is a little issue with the working of “Add to wishlist” option. The same can be verified on the theme demo as described below:

https://woodmart.xtemos.com/demo-sweets-bakery/demo/sweets-bakery/

Steps to create issue:
1. Go to the page given above.
2. Add any product to Wishlist.
3. The empty heart icon for the product will be replaced by a right check icon and tooltip text will be changed to “Browse wishlist”.
4. The product will be added to the wishlist and the count badge will get updated.
5. Reload the same page.
6. The same product that was added to wishlist previously will display “Add to wishlist” tooltip and the empty heart icon back.

The issue is with the step 6 above. A product which is already in the wishlist must have the text “Browse wishlist” and the right check icon after page reload or change.

Otherwise the visitor might get confused due to seeing “Add to wishlist” again for the particular product even the wishlist counter has the correct number.

Thanks

Hello,

Yes, button name still “Add to wishlist” after the refresh and it is how it worked before. The page is in the cache and this tooltip is static. As for the header widget, after the refresh, it is not 0 and contains the number of products in the wishlist https://gyazo.com/9381787b8de1d2c148c9cdfe03dec5a3

Regards

Hi,

The header widget is definitely working perfectly. However, this seems quite weird to see the same “Add to wishlist” button for the product after the refresh. And it leads confusion.

With YITH plugin, the “Add to wishlist” used to change with “Browse wishlist” and maintain it after the page load as long as the product is in this wishlist.

So the expected behavior should be the same as YITH. Can you please fix that.

Thank

We didn’t implement this because it will not be compatible with full page cache plugins that are used on 90% of WP websites. It doesn’t work with YITH too.

Hi,

I would recommend to implement the same using JavaScript/AJAX. While the current approach has no side effect on the process, it doesn’t look good from a visitor’s perspective, at least for an esteemed WC theme like Woodmart.

If the header counter or anythign else is managed via AJAX then you can pass Product Ids in the wishlist along with it to alter the tooltip after the page load.

There are many things that developers take care due to Caching and this one shouldn’t be an exception as well.

Thanks

Thank you for the suggestion. We will consider it for our future updates.

[Author]

Posts