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

_sashok

PrestaShop Expert
Регистрация
15 Июл 2011
Сообщения
2.317
Реакции
4.114
Подскажите пожалуйста в каком файле 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}"
 

fantats

Постоялец
Регистрация
30 Ноя 2014
Сообщения
321
Реакции
185
/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

PrestaShop Expert
Регистрация
15 Июл 2011
Сообщения
2.317
Реакции
4.114
Хоть убейте - не могу найти это поле :(. Уже искал по содержимому "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

Постоялец
Регистрация
30 Ноя 2014
Сообщения
321
Реакции
185
так и не найдёте же - так как его в прямом виде там нет и не было

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

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

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

_sashok

PrestaShop Expert
Регистрация
15 Июл 2011
Сообщения
2.317
Реакции
4.114
Александр по Вашему методу не получается (мозг не может схватить :) . Благодарю за наводки и подсказки.

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

ок, конечно :)

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

fantats

Постоялец
Регистрация
30 Ноя 2014
Сообщения
321
Реакции
185
ок, конечно :)

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


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

fantats

Постоялец
Регистрация
30 Ноя 2014
Сообщения
321
Реакции
185
может сюда что-то можно вписать
Для просмотра ссылки Войди или Зарегистрируйся
?

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

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

{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

PrestaShop Expert
Регистрация
15 Июл 2011
Сообщения
2.317
Реакции
4.114
может сюда что-то можно вписать
Для просмотра ссылки Войди или Зарегистрируйся
?

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



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

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

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

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

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

fantats

Постоялец
Регистрация
30 Ноя 2014
Сообщения
321
Реакции
185
У меня пока ps 1.6 модуль версия 2.6.7.
Если найду на других ресурсах напишу здесь инструкцию.
 
Сверху