Compare / Wishlist issues with saving on page refresh

Hi

Here you are – on one of your own demos – all I am doing is refreshing the page – the exact same happens on our site so it’s not our cache or anything, else yours would work fine – I have put the js fix above however wanted to avoid repairing your theme as it clearly needs addressing – so here’s the video showing when you add a wishlist / compare item then refresh – leave or come back = empties and reverts text back as if it was never added.

Same issue regardless whether you refresh or go elsewhere on the site then return to the same product.

Thanks

Video -> https://we.tl/t-2UMxHB1mPA

Hi

You really don’t need a video. Just go to any of your themes; but for reference I’m using Fashion Minimalist.

Go to any product. Add to wishlist / compare list.

The text changes. Agreed.

Now. Hit page refresh. The text reverts back to default “Add to…” albeit it’s added.

The session isn’t storing and saving your selection to add to wishlist or compare list.

That’s the issue. Happens everywhere on product to quick view.

Hi

That has no effect when you refresh the page – I have to create it into a function though – do you have a js element that we can drop raw js into to avoid this?

I used –

/**
 * Compare / Wishlist - Text Updating Fix
 */
// Fix variation events for XStore Wishlist / Compare
function my_variation_fix_script() {
    // Make sure jQuery is loaded first
    wp_add_inline_script('jquery-core', "
        (function($){
            function initVariationFix(){
                function triggerVariationEvents(){
                    var \$form = $('.variations_form');
                    
                    if (\$form.length){
                        // Trigger the main variation events
                        \$form.trigger('check_variations');
                        \$form.trigger('woocommerce_variation_select_change');

                        // Also trigger on the document (some themes listen here)
                        $(document).trigger('woocommerce_variation_select_change', [\$form]);

                        console.log('Variation events triggered');
                    }
                }

                // Trigger after page load
                setTimeout(triggerVariationEvents, 500);

                // Also trigger when variations form is ready
                $(document).on('woocommerce_variation_form', '.variations_form', function(){
                    setTimeout(triggerVariationEvents, 100);
                });
            }

            // Run when DOM is ready
            $(document).ready(function(){
                initVariationFix();
            });
        })(jQuery);
    ");
}
add_action('wp_enqueue_scripts', 'my_variation_fix_script');

Hi

This has no effect – maybe test it on your own demo’s and you will see that it is a bigger issue that requires some investigation as it never saves the added items and just looks unprofessional to customers who add it but then see the “Add to…” text again instead of “View or Remove from…”.

Can you please properly look into this as its clearly not my install as the same occurs on every single demo that the wishlist and compare is on.

Thanks again

Hi

Yes it works perfectly on that product but only that product lol.

So you’ve definitely sussed it out 🤞

I’ll leave it with you. Thanks again.

Sorry – can you please clarify the css or how I change the colour of the fancy hearts once added to wishlist – as seen on my site it is a black icon.

Thanks

Awesome thank you – so that is fixed on all products now presumably? Legend – appreciate your help.

One other issue I have just encountered, with the Xstore checkout page not using the official woo checkout block, the google pay button does not render on checkout page (stripe payments – gpay button for android).

I did add a fix (see below) but this only applies to the actual woo shortcode [woocommerce_checkout] and has no effect on Xstore.

Any idea how to get the google / apple button to appear on checkout page please?

The fix I tried which had no effect is –

add_action('woocommerce_review_order_before_submit', function() {
    if (function_exists('wc_stripe_payment_request_button')) {
        wc_stripe_payment_request_button();
    }
});

Access via private – thanks.

Hi

Thats done it perfectly – thanks. Worldpay is only using the payment form – not wallet so plays no part however your fix sorted it.

Can I just ask though, how do we get it to sit directly above the left side – as on your layout it is split in 2 columns on checkout, and this now looks silly right across the top of the page so wondered how we can align it to the same left block within Order Details so it keeps the width of that column?

Thanks again – appreciate your help.