PHP עזרה: הוספת צ'קבוקס בבחירת שיטת משלוח ספציפית בווקומורס

[srp]

אני מנסה להוסיף תיבת סימון מתחת לשיטת משלוח ספציפית,
זה הקוד ששמתי ב-functions.php לפי הוראות שקראתי
תיבת הסימון מוצגת אבל לא רק כשאני בוחרת בשיטה הספציפית,

add_action( 'woocommerce_after_shipping_rate', 'checkout_shipping_additional_field', 20, 2 );
function checkout_shipping_additional_field( $method, $index )
{
    if( $method->get_id() == 'flat_rate:5'){
        echo '<br>
        <input type="checkbox" name="shipping_custom_1" id="shipping_custom_1" value="1" class="shipping_method shipping_custom_1">
        <label for="shipping_custom_1">אם אני לא בבית אני מאשרת להשאיר את החבילה לי הדלת</label>';
    }

זה העמוד

סל קניות | ראויה

חזרה לדף הבית להסיר פריט תמונה ממוזערת מוצר מחיר כמות סכום ביניים × ספר ראויה 90.00 ₪ כמות של ספר ראויה 180.00 ₪ עדכון כמות החל קופון סיכום סכום ביניים 180.00 ₪ משלוח Epost: 10.00 ₪ Select city Select pickup point Please choose pickup branch איסוף עצמי* משלוח עד הבית: 25.00 ₪ משלוח אל הנביא...

www.reuya.co.il

 

[srp]

אף אחד?

 

[אלעזר 1]

add_action( 'woocommerce_after_shipping_rate', 'checkout_shipping_additional_field', 20, 2 );
function checkout_shipping_additional_field( $method, $index )
{
    if( $method->get_id() == 'flat_rate:5'){
        echo '<br>
        <div id="custom_checkbox" style="display: none;">
            <input type="checkbox" name="shipping_custom_1" id="shipping_custom_1" value="1" class="shipping_method shipping_custom_1">
            <label for="shipping_custom_1">אם אני לא בבית אני מאשרת להשאיר את החבילה לי הדלת</label>
        </div>';
    }
}

jQuery(document).ready(function($) {
    // Show/hide checkbox based on selected shipping method
    $('form.checkout').on('change', 'input[name^="shipping_method"]', function() {
        var selectedMethod = $(this).val();
        var targetMethod = 'flat_rate:5'; // Replace with the desired shipping method ID

        if (selectedMethod === targetMethod) {
            $('#custom_checkbox').show();
        } else {
            $('#custom_checkbox').hide();
        }
    });
});

 

[srp]

add_action( 'woocommerce_after_shipping_rate', 'checkout_shipping_additional_field', 20, 2 );
function checkout_shipping_additional_field( $method, $index )
{
    if( $method->get_id() == 'flat_rate:5'){
        echo '<br>
        <div id="custom_checkbox" style="display: none;">
            <input type="checkbox" name="shipping_custom_1" id="shipping_custom_1" value="1" class="shipping_method shipping_custom_1">
            <label for="shipping_custom_1">אם אני לא בבית אני מאשרת להשאיר את החבילה לי הדלת</label>
        </div>';
    }
}

jQuery(document).ready(function($) {F
    // Show/hide checkbox based on selected shipping method
    $('form.checkout').on('change', 'input[name^="shipping_method"]', function() {
        var selectedMethod = $(this).val();
        var targetMethod = 'flat_rate:5'; // Replace with the desired shipping method ID

        if (selectedMethod === targetMethod) {
            $('#custom_checkbox').show();
        } else {
            $('#custom_checkbox').hide();
        }
    });
});

תודה!
אני שמה הכל בfunctions?

 

[אלעזר 1]

תודה!
אני שמה הכל בfunctions?

לא, את ה-JS אפשר להכניס באלמנטור בתוך וידג'ט HTML

 

[srp]

לא, את ה-JS אפשר להכניס באלמנטור בתוך וידג'ט HTML

תודה
יש מאחורי הקלעים שאני יכולה להכניס את הJS?
יש לי בעיה עם אלמנטור והחסימה בינתיים...

 

[srp]

לא, את ה-JS אפשר להכניס באלמנטור בתוך וידג'ט HTML

תודה
לא עבד
מה יכולה להיות הבעיה?