Помощь Маска мобильного телефона в onepagecheckout

[isp_ua]

Помогите, пожалуйста, поставить маску мобильного телефона вида +38(0__) ___-____. Чтобы работала и на ПК и на мобильных под Хромом, Оперой и Сафари. Какой маской лучше пользоваться и конкретно в каких файлах нужно прописывать коды?

 

[_sashok]

Подскажите пожалуйста в каком файле tpl в модуле находится поле для ввода телефона
Для просмотра ссылки Войди или Зарегистрируйся

/modules/onepagecheckoutps/views/templates/front/form-fields.tpl
или
/modules/onepagecheckoutps/views/templates/front/controls.tpl

нужно добавлять проверку типа

{if $field->name_control=="delivery_phone_mobile"}
{* data-mask="+380(00) 000 00 00" autocomplete="on" maxlength="18" placeholder="+380(__) ___ __ __" *}
pattern="+380([0-9]{2}) [0-9]{3} [0-9]{2} [0-9]{2}"

 

[itup]

Для просмотра ссылки Войди или Зарегистрируйся

Неплохой вариант и интегрируется легко

 

[fantats]

/modules/onepagecheckoutps/views/templates/front/form-fields.tpl
или
/modules/onepagecheckoutps/views/templates/front/controls.tpl

нужно добавлять проверку типа

{if $field->name_control=="delivery_phone_mobile"}
{* data-mask="+380(00) 000 00 00" autocomplete="on" maxlength="18" placeholder="+380(__) ___ __ __" *}
pattern="+380([0-9]{2}) [0-9]{3} [0-9]{2} [0-9]{2}"

Хоть убейте - не могу найти это поле . Уже искал по содержимому "input" и "delivery_phone_mobile" и "phone_mobile" в файлах *.tpl

в модуле быстрого заказа (Быстрый заказ v0.2 - от PrestaDev.ru) все как-то быстро и легко получилось
1.Скачал с Для просмотра ссылки Войди или Зарегистрируйся маску
2.Залил файлик jquery.maskedinput.min.js в папку
3. Вставил в tpl скрипт

<script type="text/javascript" src="{$modules_dir}quickorder/jquery.maskedinput.min.js"></script>
<script>
      $(document).ready(function() {
        $("#phone_mobile").mask("+38(099) 999-99-99");
      });
    </script>

результат Для просмотра ссылки Войди или Зарегистрируйся

думал найду файлик в onepagecheckoutps/views/templates/.... и вместо $("#phone_mobile") поставлю $("#delivery_phone_mobile") и все в "шеколаде а нет на тебе.

 

[_sashok]

Хоть убейте - не могу найти это поле . Уже искал по содержимому "input" и "delivery_phone_mobile" и "phone_mobile" в файлах *.tpl

в модуле быстрого заказа (Быстрый заказ v0.2 - от PrestaDev.ru) все как-то быстро и легко получилось
1.Скачал с Для просмотра ссылки Войди или Зарегистрируйся маску
2.Залил файлик jquery.maskedinput.min.js в папку
3. Вставил в tpl скрипт

<script type="text/javascript" src="{$modules_dir}quickorder/jquery.maskedinput.min.js"></script>
<script>
      $(document).ready(function() {
        $("#phone_mobile").mask("+38(099) 999-99-99");
      });
    </script>

результат Для просмотра ссылки Войди или Зарегистрируйся

думал найду файлик в onepagecheckoutps/views/templates/.... и вместо $("#phone_mobile") поставлю $("#delivery_phone_mobile") и все в "шеколаде а нет на тебе.

так и не найдёте же - так как его в прямом виде там нет и не было

нужно добавлять проверку для универсального вывода всех импутов:
{if $field->name_control=="delivery_phone_mobile"}

 

[fantats]

так и не найдёте же - так как его в прямом виде там нет и не было

нужно добавлять проверку для универсального вывода всех импутов:
{if $field->name_control=="delivery_phone_mobile"}

Александр по Вашему методу не получается (мозг не может схватить . Благодарю за наводки и подсказки.

Сделал как здесь
Для просмотра ссылки Войди или Зарегистрируйся

 

[_sashok]

Александр по Вашему методу не получается (мозг не может схватить . Благодарю за наводки и подсказки.

Сделал как здесь
Для просмотра ссылки Войди или Зарегистрируйся

ок, конечно

ваше решение проверьте только с реальных телефонов (так как вроде тот метод на андроидах не работал нормально, вернее вообще нормально не работало оформление заказа, что сейчас смерть для сайта, так как мобильный трафик уже обходит компьютерный)

 

[fantats]

ок, конечно

ваше решение проверьте только с реальных телефонов (так как вроде тот метод на андроидах не работал нормально, вернее вообще нормально не работало оформление заказа, что сейчас смерть для сайта, так как мобильный трафик уже обходит компьютерный)

Огорчили, вы меня (действительно ввод на смартфоне не ахти).
Буду благодарен за рабочие файлы.

 

[fantats]

может сюда что-то можно вписать
Для просмотра ссылки Войди или Зарегистрируйся
?

Уже многое пробовал
не знаю как правильно применять совет Александра

нужно добавлять проверку типа

{if $field->name_control=="delivery_phone_mobile"}
{* data-mask="+380(00) 000 00 00" autocomplete="on" maxlength="18" placeholder="+380(__) ___ __ __" *}
pattern="+380([0-9]{2}) [0-9]{3} [0-9]{2} [0-9]{2}"

...мало профессионализма

Нуждаюсь в помощи.
Буду благодарен если в подробностях типа 1) загрузите jquery.mask.min.js туда 2) в файле таком то впишите то-то.

 

[_sashok]

может сюда что-то можно вписать
Для просмотра ссылки Войди или Зарегистрируйся
?

Уже многое пробовал
не знаю как правильно применять совет Александра



...мало профессионализма

Нуждаюсь в помощи.
Буду благодарен если в подробностях типа 1) загрузите jquery.mask.min.js туда 2) в файле таком то впишите то-то.

я смогу составить инструкцию, когда под PS 1.7 более свежая версия OnePageCheckoutPS выйдет, типа 4.0.2 или 4.1.0

пока пользуемся модулем с дефолтными настройками телефонов OnePageCheckoutPS 4.0.1- что вполне конверсионно и достаточно стабильно работает

может "ну его ..." - эту маску ?

 

[fantats]

У меня пока ps 1.6 модуль версия 2.6.7.
Если найду на других ресурсах напишу здесь инструкцию.