Гибкая маска телефона
Поле телефона подсказывает формат по мере набора и принимает номер любой страны.
Покупатель набирает телефон, а поле само расставляет скобки и пробелы — номер видно целиком, и опечатка заметна сразу, а не после того, как курьер не дозвонился.
Что делает
- Подсказывает формат по мере набора: по умолчанию формат вашей страны, но стоит начать с «+48» или «+49» — и поле переключится само, поэтому заказ оформит и покупатель из другой страны.
- Разбирает номер, вставленный из записной книжки или переписки, в любом виде: со скобками, пробелами, с кодом страны и без него.
- Объясняет ошибку до отправки: если введённое не похоже на телефон, покупатель видит пример правильного номера, а не отказ после нажатия «Оформить заказ». Проверка идёт тем же способом, что и при сохранении заказа, поэтому «всё в порядке» на форме означает, что заказ пройдёт.
- Работает во всех формах магазина, где спрашивают телефон: оформление заказа, вход и регистрация, личный кабинет, обратный звонок, сообщение о поступлении товара.
Что нужно для работы
Ничего настраивать не обязательно: страна берётся из основных настроек магазина, поля плагин находит сам, шаблоны темы править не надо. Вид поля остаётся вашим — добавляется только подсветка неверного номера и подсказка с примером.
Что появится в магазине
Так это увидит покупатель после установки.
- В каждой форме магазина, где спрашивают телефон, поле начинает подсказывать формат по мере набора: оформление заказа, вход и регистрация, обратный звонок, сообщение о поступлении товара. Поля маска находит сама, поэтому в шаблонах темы ничего править не надо. Вид поля остаётся вашим: добавляется только подсветка неверного номера и подсказка с примером. Если у темы своя разметка формы — допишите её селектор в настройках плагина.
Гибкая маска телефона
Поле телефона в магазине начинает подсказывать формат по мере набора: покупатель вводит цифры, а скобки и пробелы расставляются сами.
Что это даёт
- Номер видно целиком. Опечатка заметна сразу, а не после звонка курьера.
- Покупатель из другой страны оформит заказ. По умолчанию поле ждёт формат
вашей страны, но стоит начать с
+48или+49— и оно переключится само. - Вставка из записной книжки не ломается. Номер со скобками, пробелами,
через
8или вовсе без кода страны разбирается одинаково. - Видно, чего от покупателя ждут. В самом поле стоит образец номера, а под ним — подсказка «Например: +380 67 123 4567».
- Ошибка объясняется до отправки. Если введённое не похоже на телефон, подсказка становится красной, а не отказ приходит после нажатия «Оформить заказ»: проверка идёт тем же способом, что и при сохранении заказа.
- Ничего не пропадает. Готовый номер показывается с кодом страны — «+380 67 123 4567», ровно в том виде, в каком он уйдёт в заказ.
Где работает
Во всех формах магазина, где спрашивают телефон: оформление заказа, вход и регистрация, личный кабинет, обратный звонок, сообщение о поступлении товара. Поля находятся сами — в шаблонах темы ничего править не надо.
Настройки
Настройки → Настройки магазина → Плагины → «Гибкая маска телефона».
- Страна по умолчанию — формат какой страны поле ждёт, пока покупатель не ввёл код другой. Обычно менять не нужно: берётся страна из основных настроек магазина.
- Показывать под полем пример номера — под полем видно, в каком виде магазин ждёт телефон; при ошибке подсказка становится красной. Можно выключить, если форма и без того длинная.
- Дополнительные поля телефона — нужно только если у вашей темы или другого дополнения своя разметка формы: перечислите CSS-селекторы через запятую.
Как это выглядит для покупателя
Вид поля остаётся вашим — плагин не подменяет оформление темы. Добавляется только подсветка неверного номера и подсказка с примером под полем.
Что починили
Подсказки, описание и инструкция дополнения теперь называют разделы панели так же, как меню. Раньше часть путей вела в места вроде «Настройки → Дополнения», которых после CartiX 2.131.0 нет.
Что нового
Поле телефона работает как прежде, а странице больше не нужны два отдельных файла: оформление и скрипт маски приходят в общей склейке.
Оформление и скрипты дополнения теперь склеиваются с файлами темы в общий сжатый файл, и страница грузится меньшим числом запросов. Это работает вместе с ядром 2.86.0, поэтому дополнение требует его: сначала обновите магазин, потом дополнение. Как устроена склейка: https://cartixx.com/docs/theme/assets
Что починили
Скрытое поле телефона больше не появляется на странице. Если форма передавала уже введённый номер скрытым полем (например, на шаге ввода кода при входе по SMS), маска делала его видимым, и покупатель видел лишнее поле с подсказкой «Например: +380…».
Свой значок у дополнения
В разделе «Плагины» и в списке установленного дополнение теперь видно по собственному значку, а не по одинаковой коробке. Нужное вы находите взглядом, а не чтением всего списка. Значок появляется на магазине версии 1.30.0 и новее.
Не мешает другим дополнениям
Настройки маски больше не выводятся в шапку страницы отдельным блоком. Из-за него часть того, что добавляют другие дополнения, до браузера не доходила — например, магазин переставал предлагать установку на телефон.
В поле теперь стоит образец номера, а под полем видно, в каком виде магазин ждёт телефон. Готовый номер показывается с кодом страны — раньше «+380 67 123 4567» сворачивался в «067 123 4567», и выглядело так, будто поле съело начало номера.
Телефон вводится без ошибок
Поле телефона подсказывает формат страны и проверяет номер по тем же правилам, что и оформление заказа: покупатель не узнаёт об ошибке в последний момент.