<div class="fields"> <div class="input-box inputPhone_icon"> <input id="sites_client_phone" name="form[contact][phone]" placeholder="Номер телефона*" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" required class="required input" type="text"/> </div> </div>
замените на:
<div class="fields"> <div class="input-box inputPhone_icon"> <select id="country" class="form-control"> <option value="uz">+998</option> <option value="tdj">+992</option> <option value="kz">+7</option> </select> <input id="sites_client_phone" name="form[contact][phone]" placeholder="Номер телефона*" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" required class="required input" type="text"/> </div> </div> <script> jQuery (function ($) { $(function() { function maskPhone() { var country = $('#country option:selected').val(); $.mask.definitions['9'] = false; $.mask.definitions['#'] = "[0-9]"; switch (country) { case "uz": $("#callback_phone_header, #sites_client_phone ").mask("+998(###) ###-##-##"); break; case "tdj": $("#callback_phone_header, #sites_client_phone").mask("+992(###) ###-##-##"); break; case "kz": $("#callback_phone_header, #sites_client_phone").mask("+7(###) ###-##-##"); break; } } maskPhone(); $('#country').change(function() { maskPhone(); }); }); }); </script>
далее зайдите в раздел Сайт-->Редактор шаблонов-->main.css и в самый конец кода добавьте:
select#country {width: 70px;padding: 5px;} .formfast .order_grid .account .fields-grid .fields .input-box.inputPhone_icon { display: flex;}