Поисковой виджет для туроператоров и экскурсионных бюро

Последние изменения: 07.08.2020

Для виджета нужно добавить в :

<head>

<script src="https://static.mag.travel/ui/app/prod/widget/tour/1.0.js"></script>

</head>

<script>

var widget = new MagWidgetTour({
   user: '*************', 
   secret: '***********',
   selector: '#app', 
   registration: {
       link: ' ',
      html: ' ',
  },

 style: { 
    card: {
        background: '#223333',
        color: '#ffffff',
        border: '#060606',
        main: '#112222',
        mainColor: '#ffffff',
     }, 
     btn: {
       primary: {
      color: '#ffffff',
      background: '#112222',
     },
     def: {
        color: '#ffffff',
        background: '#1B5E20',
      },
  },
  form: {
      input: {
          color: '#ffffff',
          background: '#112222',
          border: '#060606',
     },
     popover: {
          color: '#ffffff',
          background: '#223333',
          border: '#060606',
          active: '#ffffff',
     },
     danger: '#9f0808',
      },
   },

});

widget.init();

});

</script>



Бордовый цветОсновной скрипт
Зеленый цветНастройка стиля (цвет, фон и т.д.)
user: '*********',Нужно для авторизации (предоставляется нами)
secret: '*******',Нужно для авторизации (предоставляется нами)
selector: '#app',Сюда прописывается селектор для вставки виджета
link: '', 
html: '', 
Адрес куда переходить при успешной регистрации

Если нет адреса можно добавить сюда html для вывода при успешной регистрации

widget.init();Инициализация виджета

    Помогла ли вам статья?