Игорь

Вот, блин, никогда не думал, что все так сложно =)

<div id="block4ch">
	Нужно здесь подчеркнуть каждое слово <b>подчеркнуть</b>.
</div>
<script>
	var block= document.getElementById('block4ch');
	block.innerHTML= block.innerHTML.replace(/(подчеркнуть)/ig, '<u>$1</u>');
</script>

при создании объекта запретите открытие балуна опцией openBalloonOnClick: false

pm = new ymaps.GeoObject({
                            geometry: { type: "Point", coordinates: item.p },
                            properties: { id: item.id, c: item.c }
                        }, {
                            iconLayout: myIconContentLayout,
                            iconShape: {
                                type: 'Rectangle',
                                coordinates: [
                                  [-50, -60], [50, 30]
                                ]
                            },
                            openBalloonOnClick: false
                        });

Не может быть у одинакового id у двух и более элементов (на он собственно и id)

В вашем случае - используйте атрибут class и функцию getElementsByClassName

У меня в 2020 сработало следующее:

<a href="viber://chat?number=%2B***********">Viber</a>

И на ПК, и на смартфоне (и Андроид и iOS).

Где %2B - это "плюс", дальше идёт номер в международном формате (с кодом страны), например %2B79876543210.

Совсем недавно занимался решением такой проблемы. Всего лишь нужно отдать необходимые HTTP заголовки клиенту.
Пример на php:

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST, PUT, DELETE');
header('Access-Control-Allow-Credentials: true');
header('Access-Control-Allow-Headers: Authorization, Origin, X-Requested-With, Accept, X-PINGOTHER, Content-Type');

Как выяснилось, из соображений безопасности браузеры не делятся с веб-разработчиками причинами блокировок запросов, но с низкой точностью и по косвенным признакам причину ошибки все же можно определить:

const url = 'some url';
try {
      const response = await fetch(url);
      //.....
} catch {
      if (url.startsWith('http:')) {
        console.log(`It's may be a mixed content error`);
      } else {
        try {
          await fetch(url, {'mode':'no-cors'}); //если ресурс доступен, то ошибки не будет
          console.log(`It's may be a CORS error`);
        } catch {
          console.log('Other error');
        }
      }
}

Применяя это решение где-либо, имейте в виду, что этот способ не дает 100% точный ответ, является ли ошибка CORS или нет.

отредактировал файл /wp-content/plugins/woocommerce/templates/checkout/form-checkout.php
и закинул в папку темы /wp-content/themes/rstheme/woocommerce/checkout/form-checkout.php
Получилось то что и требовалось:

<form name="checkout" method="post" class="checkout woocommerce-checkout" action="<?php echo esc_url( wc_get_checkout_url() ); ?>" enctype="multipart/form-data">

    <?php if ( $checkout->get_checkout_fields() ) : ?>
        <?php do_action( 'woocommerce_checkout_before_customer_details' ); ?>
        <div class="row" id="customer_details">
            <div class="col-md-6">
                <?php do_action( 'woocommerce_checkout_billing' ); ?>
            </div>
            <div class="col-md-6">
                <?php do_action( 'woocommerce_checkout_before_order_review_heading' ); ?>
                <h3 id="order_review_heading"><?php esc_html_e( 'Your order', 'woocommerce' ); ?></h3>
                <p class="ti-0 h5 text-center pb-3" style="font-size: 15px">Чтобы рассчитать стоимость доставки укажите Ваш город</p>
                <?php do_action( 'woocommerce_checkout_before_order_review' ); ?>

                <div id="order_review" class="woocommerce-checkout-review-order">
                    <?=woocommerce_order_review();?>
                </div>

                <?php do_action( 'woocommerce_checkout_after_order_review' ); ?>

            </div>
        </div>
        <?=woocommerce_checkout_payment();?>
    <?php endif; ?>
</form>

Думаю многим будет полезно! Данная проблема чаще всего происходит, когда вы начинаете с нуля создавать шаблон, в итоге в footer забываете размещать:
<?php wp_footer(); ?>
Который непосредственно подгружает .js плагинов!
Ну и разместить желательно его повыше в самом footer.php, но ниже вывода jquery!
(протестировать данную вероятность так же можно подгрузив другой шаблон)
Протестировано на:
WP Версия 4.8.3;
Библиотека jquery 1.12.4;
Contact Form 7 Версия 4.9.1;

Лайк, если помог!

Альтернативное решение стандартным методом плагина:

$.mask.definitions['~']='[78]';
$("[name=phone]").mask("~ (999) 999-9999");

Первый символ можно ввести только 7 или 8.

Рекомендую еще допилить перестановку курсора в начало строки, тут есть годная статья.

Ну раз пока,что ни кто не предложил более изящного решения,то вставлю я свои 5 копеек:
Привет...
Ну как вариант переписать шаблоны Woocommerce
Шаблоны Woocommerce хранятся в папке плагина Woocommerce : wp-content/plugins/woocommerce/templates
В твоём случаи нас интересуют шаблоны wp-content/plugins/woocommerce/templates/checkout
Вижу ты создал дочернюю тему для своей темы.
1)Так в этой дочке создаёшь такую же структуру т.е. папку woocommerce , в ней папку checkout , БЕЗ папки templates!
2) В папку checkout т.е. ( shopkeeper-child/woocommerce/checkout ) копируешь нужные файлы из плагина т.е. из ( wp-content/plugins/woocommerce/templates/checkout ) , в твоём случаи это файлы:
review-order.php и form-billing.php . Эти два шаблона и придётся подправить.
3) В файле review-order.php нужно будет забрать(вырезать) кусок кода .В моём редакторе начало куска на строке №70 и окончание на строке №78 ...
Вот этот кусок:

<?php if ( WC()->cart->needs_shipping() && WC()->cart->show_shipping() ) : ?>
    <?php do_action( 'woocommerce_review_order_before_shipping' ); ?>
        <?php wc_cart_totals_shipping_html(); ?>
    <?php do_action( 'woocommerce_review_order_after_shipping' ); ?>
<?php endif; ?>

4) Вырезать и вставить его в фаил form-billing.php
Вставляем получается сразу после заголовка "ОПЛАТА И ДОСТАВКА"
В моём редакторе он на строке №33 ,вот так он выглядит :

<h3><?php _e( 'Billing details', 'woocommerce' ); ?></h3>

Только не тупо вставить а поместить в теги <table></table>
В общем после

<h3><?php _e( 'Billing details', 'woocommerce' ); ?></h3>

Вставляем :

<table class="pilot_cafe_custom_show_shipping">
<?php if ( WC()->cart->needs_shipping() && WC()->cart->show_shipping() ) : ?>
    <?php do_action( 'woocommerce_review_order_before_shipping' ); ?>
          <?php wc_cart_totals_shipping_html(); ?>
    <?php do_action( 'woocommerce_review_order_after_shipping' ); ?>
<?php endif; ?>
</table>

5) В дочерней теме в файле style.css можно добавить стили:

table.pilot_cafe_custom_show_shipping th { display: none; }

исчезнет надпись "Доставка".
Всё выше сказанное на лету работает в теме storefront,
думаю и у тебя сработает.
Теперь немного "БОЛИ":
Wordpress постоянно обновляется и как следствие Wocommerce вместе с ним.
Поэтому не исключено ,что когда-то и шаблоны эти ( review-order.php и form-billing.php )
тоже подправят. А значит у шаблона будет новая версия.
В самом начале эти шаблоны имеют такую шапку :
* @package WooCommerce/Templates
* @version 3.3.0
Вот и номер версии...в общем если WooCommerce обновился,то лезем в плагин
находим эти шаблоны,смотрим номер версии и сравниваем с номером версии ,когда-то
скопированных в нашу дочернюю тему. Если номер версии отличается, то исправляем в наших скопированных
шаблонах на новый номер. Проверям...
работает?Круть...радуемся!
НЕ работает?Хреново...опять go to toster.ru

soket.io + elephant.io

есть готовая библиотека https://agragregra.github.io/Brazzers-Carousel/
НО она уже очень старая и давно не обновлялась.
советую такое переделать из обычного слайдера. к примеру slick - стилизовать dots в ряд с наложением поверх картинки. вот так:

и при ховере по дотам делать переход на этот слайд.

Используйте map и filter:

const finder = id => info
  .filter(el => Number(el.id) === Number(id))
  .map(el => el.title);

finder(1)

$(function(){

$('.some_link').on('click', function(e){
	$('html,body').stop().animate({ scrollTop: $('#some_point').offset().top }, 1000);
	e.preventDefault();
});

});