Как добавить маску номера телефона с помощью плагина плагина Code Snippets на сайте WordPress

Elementor Плагины Wordpress

Чтобы добавить маску номера телефона с помощью плагина плагина Code Snippets на WordPress при использовании плагина Elementor, выполните следующие действия:

  • Создайте на вашем хостинге новую папку, допустим с названием test
  • Скачайте jquery.maskedinput-master.zip, распакуйте и файл jquery.maskedinput.min.js добавьте на хостинг в папку test сюда/wp-content/uploads/test
  • Установите 2 плагина: Code Snippets и Code Snippets Extended
  • В плагин Code Snippets надо добавить сниппет №1
  • В плагин Code Snippets Extended надо добавить сниппет №2

Сниппет №1

function wpl_scripts() {
$uploads = wp_upload_dir();
$upload_path = $uploads[‘baseurl’];
wp_enqueue_script(‘masked-input’, $upload_path . ‘/test/jquery.maskedinput.min.js’, array(‘jquery’), ‘1.1’, true);
}
add_action( ‘wp_enqueue_scripts’, ‘wpl_scripts’ );

Сниппет №2

<script type=»text/javascript»>

jQuery(
function( $ ) {
$( ‘input[type=»tel»]’ ).mask(
‘+7-(999)-999-9999’,
{
placeholder: ‘ ‘
}
);
}
);

jQuery(
function( $ ) {
$( document ).on(
‘elementor/popup/show’,
function ( event, id, instance ) {
$( ‘input[type=»tel»]’ ).mask(
‘+7-(999)-999-9999’,
{
placeholder: ‘ ‘
}
);
}
);
}
);

</script>

В настройках плагина Code Snippets Extended выберите значение «Запускать после футера».

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *