Модуль доставки 2
  • slidebg1

    Попробуй, это просто!

    2017 · НОВА ПОШТА · УКРПОЧТА · ИН ТАЙМ · DELIVERY · MEET EXPRESS

Быстрый поиск

Вас удивит скорость поиска нового Модуля Доставки!

Адаптивный дизайн

Прекрасно себя показал в работе на мобильных устройствах.

5 служб доставки

Нова Пошта, Укрпочта, Ин Тайм, Mist Express, Деливери

Простая установка

Модуль будет работать на любом сайте! Добавьте 1 строчку кода!

Месяц БЕСПЛАТНО!

А дальше цена за Новый Модуль вас приятно удивит!

Поддержка на сайте!

Мы поможем решить вам любую проблему с установкой.

Как это работает:

Скрипт предназначен в помощь интернет магазинам, для быстрого поиска почтовых отделений служб доставки Украины.

Введите название города, улицы. Попробуйте Киев институтская это очень просто! Идем дальше и попробуем использовать сокращения Одес марш или киев обол ведь мы хотим искать быстро! Сузим поиск до Одес марш 3, получилось?

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

Примеры установок.

Все что вам нужно - это добавить скрипт модуля доставки на страницу сайта и иницализировать его.

1 шаг.

Скрипту жизненно необходимы несколько библиотек, это jQuery, jQueryUI, ColorBox. Они настолько распространены, что могут быть уже установлены на вашем сайте.

Если по каким либо причинам у вас отсутствует та или иная библиотека, добавляем их себе на сайт, иначе пропускаем этот шаг.

2 шаг.

Загружаем скрипт модуля доставки md2.js



<!DOCTYPE HTML>
<html>
    <head>
        <!-- загружаем стили jQueryUI -->
        <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
        <!-- загружаем стили ColorBox -->
        <link rel="stylesheet" type="text/css" href="//cdn.sm.plus/jquery/colorbox/1.6.3/jquery.colorbox.css" />
        
        <!-- загружаем jQuery -->
        <script src="//code.jquery.com/jquery-1.12.4.js"></script>
        <!-- загружаем jQueryUI -->
        <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
        <!-- загружаем ColorBox -->
        <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.colorbox/1.6.4/jquery.colorbox-min.js"></script>
        
        <!-- загружаем скрипт модуля доставки md2.js -->
        <script type="text/javascript" src="//md2.com.ua/script/md2.js"></script>
    </head>

Пример 1. скачать

У вас имеется поле ввода (тег input) и вы хотите привязать к нему скрипт модуля доставки.

Для этого нужно инициализировать наш скрипт и в параметрах указать атрибут этого тега. В данном примере это id="address", вы также можете привязаться к классу или любому другому атрибуту.


    <input name="address" id="address">
    
    <script type="text/javascript">
        $(function() {
        	md2.init({
               input:"#address", // селектор inputa адреса
            });
         });
    </script>
    

                            
Пример 2. скачать

По умолчанию подключен русский язык, для переключения на украинский язык нужно добавить параметр lang со значением ua.


    <input name="address" id="address">
    
    <script type="text/javascript">
        $(function() {
        	md2.init({
               input:"#address", // селектор inputa адреса
               lang: "ua", // включаем украинский язык
            });
         });
    </script>
    

                            
Пример 3. скачать

По умолчанию у нас подключена Новая почта, но через параметр delivery мы можем указать ID службы доставки.

Где ID:

  • Новая почта ID = 1
  • Ин Тайм ID = 2
  • Meest Express ID = 3
  • Delivery ID = 4
  • Укрпочта ID = 5

    <input name="address" id="address">
    
    <script type="text/javascript">
        $(function() {
        	md2.init({
               input:"#address", // селектор inputa адреса
               delivery: "5", // подключит Укрпочту
            });
         });
    </script>
    

                            
Пример 4. скачать

Вы хотите выбирать среди нескольких служб доставок. Нет проблем и здесь, укажаите параметр deliveryselector с нужным атрибутом.

К примеру у нас появился SELECT с возможностью выбора служб доставки и этот SELECT имеет class="delivery".


    <select name="delivery" class="delivery">
        <option value="1">Новая почта</option>
        <option value="2">Ин Тайм</option>
        <option value="3">Meest Express</option>
        <option value="4">Delivery</option>
        <option value="5">Укрпочта</option>
    </select>
    <input name="address" id="address">
    
    <script type="text/javascript">
        $(function() {
        	md2.init({
               input:"#address", // селектор inputa адреса
               deliveryselector: ".delivery", // подключаем селектоор выбора службы доставки
            });
         });
    </script>
    

                            
Пример 5. скачать

Возвращаемые значения нашего селектора не соответсвуют ID службы доставки.

У нас на сайте есть выбор доставок через INPUT TYPE=RADIO. Но его значения не соотвествуют нашим ID


    <input type="radio" name="addresselector" value="np" class="delivery"> Новая почта
    <input type="radio" name="addresselector" value="gu" class="delivery"> Гюнсел
    <input type="radio" name="addresselector" value="ukr" class="delivery" > Укрпочта
    
    <input name="address" id="address">
    
    <script type="text/javascript">
        $(function() {
        	md2.init({
               input:"#address", // селектор inputa адреса
               deliveryselector: ".delivery", // подключаем селектоор выбора службы доставки
               deliverytranslator:{np:"1", ukr:"5"} // указываем что значение np селектора, соотвествует ID = 1 Новой почты, значение ukr ID = 5 Укрпочты, остальные значения проигнорируюются 
            });
         });
    </script>
    

                            
Пример 6. скачать

Вы хотите исключить из поиска почтоматы.

По умолчанию мы показываем все отделения, но через параметр type мы можем указать ID типа отделения и исключить его.

Где ID:

  • Грузовые отделения ID = 1
  • Отделения ID = 2
  • Мини-отделения ID = 3
  • Почтоматы ID = 4

        
    <input name="address" id="address">
    
    <script type="text/javascript">
        $(function() {
        	md2.init({
               input:"#address", // селектор inputa адреса
               type: "4", // исключаем почтоматы
            });
         });
    </script>
    

                            

Стандартэкономный

$ 1 В месяц

1 служба доставки на выбор Для сайтов со средней посещаемостью Поддержка КУПИТЬ!

ОптимальныйЛучший выбор

$ 2 В месяц

Все службы доставки Для сайтов со средней посещаемостью Поддержка КУПИТЬ!

Стандартбезлимитный

$ 5 В месяц

1 служба доставки на выбор Для сайтов с большим трафиком Поддержка Помощь в установке КУПИТЬ!

Премиумбезлимитный

$ 10 В месяц

Все службы доставки Для сайтов с большим трафиком Поддержка Помощь в установке КУПИТЬ!

На всех новых сайтах - первый месяц скрипт работает БЕСПЛАТНО!

При оплате подписки на год, действует СКИДКА!

по всем вопросам обращайтесь в skype: vitvvs

Оплата за модуль для вашего удобства на нашем сайте.

Я согласен с договором офертой