От лендинга до интернет-магазина
В этом видео я расскажу как для поля Телефон на странице Оформления заказа WooCommerce сделать Маску ввода телефона.
Такая маска ввода телефона поможет пользователям не ошибиться при вводе своего телефона, а владелец магазина не будет терять свои заказы.
Советы в этом видео подойдут для Интернет-магазина, который работает под управлением WordPress и на плагине WooCommerce.
1.
В скачанном архиве он находится в папке: /jquery.maskedinput-master/dist/
2.
3.Функция подключения скрипта:
Примечание:
Если в вашем магазине покупатели будут указывать различные коды стран, то лучше в маске телефона указывать так: +9(999)999-99-99
В этом случае, не будет конфликта между телефоном указанным сначала в «Мой профиль — Адреса» и телефоном, который отобразится на странице «Оформление». Ведь, пользователь может сначала завести Аккаунт, а потом заказать товар и его оформить.
Для Украины можно указать так: +38(999)999-99-99
on Perfect SEO Url — настройки постоянных ссылок в WooCommerce: “Добрый день! Все может быть. Здесь еще многое зависит от самих версий плагинов. У всех плагинов самые последние версии? Если…” Окт 22, 14:59
on Perfect SEO Url — настройки постоянных ссылок в WooCommerce: “Добрый день. Замечено, что данный плагин вызывает конфликт скриптов в админке сайта WordPress: перестают работать вкладки плагина Yoast SEO, просмотр…” Окт 22, 12:40 on Как заменить или удалить ПОДЫТОГ в WooCommerce? 100% рабочие советы: “Пожалуйста! Рад, что помог!” Окт 21, 14:21
Настройка писем WooCommerce под стиль интернет-магазина ➤ Как увеличить продажи?
Заказ товара в один клик ➤ Плагин Buy one click WooCommerce
Как изменить расположение элементов в краткой карточке товара (категория)? ➤ Хуки WooCommerce
Как поменять местами цену и краткое описание на странице товара? ➤ Хуки WooCommerce
Здравствуйте. Всё круто и просто но есть одно — при клике на поле курсор перемещается не на первую цифру, а на последнюю. Причем только на десктопах, на мобильных всё норм. Как это пофиксить?
Скажите а если еще на одной странице подключить маску что добавить в код? ❓
Отличный вариант. Всё работает.
Ещё можно добавить маски на другие поля
$(«#billing_phone»).mask(«+79999999999»);
$(«#shipping_postcode»).mask(«999999»);
Отлично! Спасибо за дополнение.