add_action( 'woocommerce_proceed_to_checkout', 'add_custom_lines_above_checkout_button', 5 ); function add_custom_lines_above_checkout_button() { echo '<p class="custom-line-above-checkout">לא כולל דמי משלוח</p>'; echo '<p class="second-custom-line-above-checkout" style="display:none;">דמי משלוח כלולים</p>'; } add_action( 'wp_footer', 'custom_checkout_js' ); function custom_checkout_js() { ?> <script> jQuery(document).ready(function($) { // Check if the radio button is checked initially if ($('#shipping_method_0_flat_rate4').is(':checked')) { $('.custom-line-above-checkout').hide(); // Hide the first element initially $('.second-custom-line-above-checkout').show(); // Show the second element initially } // Add change event listener to the radio button $('input[type="radio"][name="shipping_method"]').change(function() { // Check if the radio button with ID shipping_method_0_flat_rate4 is checked if ($(this).attr('id') === 'shipping_method_0_flat_rate4' && $(this).is(':checked')) { $('.custom-line-above-checkout').hide(); // Hide the first element $('.second-custom-line-above-checkout').show(); // Show the second element } else { $('.custom-line-above-checkout').show(); // Show the first element $('.second-custom-line-above-checkout').hide(); // Hide the second element } }); }); </script> <?php }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter