How to hide Yandex map on Woocommerce checkout page?

Question

WordPress

There is a Yandex map on the checkout page, in function.php

add_action('woocommerce_before_order_notes', 'delivery_area_map');
function delivery_area_map() {
?>
  карта зон доставки
<?php
}

Tell me how can I hide it when choosing the delivery method "self-delivery"?

Answer 1

It is possible through CSS: .page-class .yandex-map { display:none; }
Either through the page check condition, as noted above in the comment.

Answer 2

via CSS: .page-class .yandex-map { display:none; }