Dina S.

Since we haven’t heard back from you, we believe that your issue is resolved.

We are going to mark this thread as resolved.

Thank you!

Since we haven’t heard back from you, we believe that your issue is resolved.

We are going to mark this thread as resolved.

Thank you!

Your issue needs a detailed check. Can you please raise a ticket through our website? We hope our technical team will be able to help you.

Thank you!

Upon checking your website, we can see that the checkout page has been created using WooCommerce blocks. Due to this, our plugin isn’t functioning properly on the checkout page. Unfortunately, the current version of our plugin is not compatible with the WooCommerce blocks.
 
WooCommerce hasn’t provided any filters or hooks to add compatibility with these blocks. We’ve already reached out to WooCommerce about this issue, and they’ve informed us that they are working on it. Once they add the necessary hooks, we will ensure our plugins are compatible with blocks.
 
For now, we suggest using the shortcode [woocommerce_checkout] to create the checkout page, as this will enable our plugin to work correctly.
 
Thank you!

We have fixed the issue by adding the below code snippet.

add_action('wp_footer', 'th_add_red_border');
function th_add_red_border(){
    ?>
    <script type="text/javascript">
    (function($){
        $(document).on('checkout_error', function(event, errors){
            var datetime_value = $('input[type="datetime-local"]').val();
            const datetime_wrapper = $('input[type="datetime-local"]').closest( '.validate-required' );
            check_value_exists(datetime_value, datetime_wrapper);
            var time_value = $('input[type="time"]').val();
            const time_wrapper = $('input[type="time"]').closest( '.validate-required' );
            check_value_exists(time_value, time_wrapper);
        });

        $('select,input[type="datetime-local"],input[type="time"]').on('change', function(){
            const wrapper = $(this).closest( '.validate-required' );
            var selected_value = $(this).val();
            check_value_exists(selected_value, wrapper);
        });

        function check_value_exists(selected_value,wrapper){
            setTimeout( function(){
                if( selected_value == null || selected_value == '') { 
                    wrapper.addClass('woocommerce-invalid'); // error
                } else {
                    wrapper.addClass( 'woocommerce-validated' ); // success
                    wrapper.removeClass( 'woocommerce-invalid' ); // success
                }
            }, 1000 );
        }
    })(jQuery, window, document)
    </script>
    <?php
}

Thank you!

Your issue needs a detailed check. Could you please raise a ticket through our website? We hope our technical team will be able to help.

Thank you!