gregoriousg

Layout C is on-page payment form, not redirect to PayPal
But it still tries to redirect to PayPal on mobile , and fails even at that v because all we see is a white page

The plugin logs don’t show any meaningful helpful debug data

This is the iframe that fails to appear in Mobile: https://woocommerce.com/wp-content/uploads/2012/09/checkout-screen1.png

is this what you want?

gif of UX: https://imgur.com/z0IeVD1

This is the behaviour I was able to achieve, is this what you want?

Why are you pasting it in frontend.js if you don’t understand how JS/PHP files are loaded by your wordpress installation / theme ? Even if this solution worked, that file still might get loaded across your entire website when you only need it on a particular product or a few … don’t clutter your site or at least add a ternary to check for referrer/URL before executing function.

You don’t need to modify files to make this work, as I said simply add SCRIPT tags to the product description and voila.

In the product description inside script tags

Well if it’s a warning it should not interrupt the functionality of the code … same with notices … only errors should break your code … what’s the warning you’re getting and are you getting any errors ? Where did you paste the code snippet ?

Also , I think the snippet is plugin-specific because it selects a class attribute .tawcvs-swatches which I think is specific to this plugin , so you’d need to make changes to adjust it to whatever plugin you’re using . Switch to the outdated plugin we’re all using and enjoy the good life ??

On the affected product’s page inside:

<script> $(document).ready(function(){

}); 
</script>

credit to @lemehovskiy for this magical script

$( “.variations_form” ).on( “woocommerce_update_variation_values”, function () {

let $swatches = $(‘.tawcvs-swatches’);

$swatches.find(‘.swatch’).removeClass(‘hidden’);

$swatches.each(function(){

let $select = $(this).prev().find(‘select’);

$(this).find(‘.swatch’).each(function(){

if (!($select.find(‘option[value=”‘+ $(this).attr(‘data-value’) +’”]’).length > 0)) {
$(this).addClass(‘hidden’);
}

})
})

} );

credit to @lemehovskiy for this magical script

$( “.variations_form” ).on( “woocommerce_update_variation_values”, function () {

let $swatches = $(‘.tawcvs-swatches’);

$swatches.find(‘.swatch’).removeClass(‘hidden’);

$swatches.each(function(){

let $select = $(this).prev().find(‘select’);

$(this).find(‘.swatch’).each(function(){

if (!($select.find(‘option[value=”‘+ $(this).attr(‘data-value’) +'”]’).length > 0)) {
$(this).addClass(‘hidden’);
}

})
})

} );

@lemehovskiy you are a genius and I want you to teach me to write smart jQuery like this! You solved my problem mate!

has anyone found a solution ? It’s a great plugin otherwise, but this issue is killing it for me ??

Yep I had the same problem and adopted the same solution . Now if only I could automatically hide invalid variation swatches and prevent user from having to deal with alert dialog boxes this plugin would be a 5 star creation!

Neither one works guys, is there no way to bump the transaction fee on this one? I tried other transaction accelerators nothing is working for now … It’s a huge problem for the plugin isn’t it?

@gourl

3 days later transaction still unconfirmed … can’t ship goods before payment goes through!

Thank you , the bug output has gone away after update.