1

Тема: Подключение модуля обратного звонка jbCallme

Здравствуйте уважаемые гуру imagecms, прошу вашей помощи в установке модуля обратного звонка на ImageCMS Corporate 4.11. Вроде все делаю как нужно, при установке кода в страницу main.tpl выводится просто белая страница. Как правильно установить этот модуль ?

Thumbs up Thumbs down

2

Re: Подключение модуля обратного звонка jbCallme

А разве к нему нет инструкции? Насколько я знаю - есть.

Thumbs up Thumbs down

3

Re: Подключение модуля обратного звонка jbCallme

Укажите как вы подключаете код

ImageCMS PHP Team Lead
https://github.com/imagecms/ImageCMS - ночные сборки корпорейта
https://scrutinizer-ci.com/g/imagecms/ImageCMS/badges/quality-score.png?b=development https://codeclimate.com/github/imagecms/ImageCMS/badges/gpa.svg

Thumbs up Thumbs down

4

Re: Подключение модуля обратного звонка jbCallme

Получилось подключить вот таким способом. В файле main.tpl добавил

    <script type="text/javascript">
     $.noConflict();
    <script type="text/javascript" src="/jbcallme/js/jquery-1.8.3.min.js"></script>
    <!-- Подключаем плагин маски ввода -->           
    <script type="text/javascript" src="/jbcallme/js/jquery.maskedinput.js"></script>
    <!--Подключаем js модуль форм-->
    <script type="text/javascript" src="/jbcallme/js/jquery.jbform.js"></script>
    <!--Подключаем файл стилей-->
    <link rel="stylesheet" type="text/css" href="/jbcallme/css/jquery.jbform.css"><!--Тема по умолчанию-->       
    <!-- <link rel="stylesheet" type="text/css" href="/jbcallme/css/css/blue.jquery.jbform.css"> --><!--Синий стиль-->
    <!-- <link rel="stylesheet" type="text/css" href="/jbcallme/css/yellow.jquery.jbform.css"> --><!--Желтый стиль-->
    </script>

Thumbs up Thumbs down

5

Re: Подключение модуля обратного звонка jbCallme

Далее в страницу где необходимо вызывать фору обратного звонка добавил:

В месте где должна быть кнопка на вызов формы

<p><strong><a href="#" class="my_button">Вызов формы</a></strong></p>

И добавил код в страницу

<!--Если jQuery не был подключен ранее, подключаем его-->
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<!--Подключаем js модуль форм-->
<script type="text/javascript" src="//jbcallme.ru/lib/js/jquery.jbform.js"></script>
<!--Подключаем файл стилей-->
<p></p>
<!--Тема по умолчанию-->
<p></p>
<!-- <link rel="stylesheet" type="text/css" href="//jbcallme.ru/lib/css/blue.jquery.jbform.css"> --><!--Синий стиль-->
<p></p>
<!-- <link rel="stylesheet" type="text/css" href="//jbcallme.ru/lib/css/yellow.jquery.jbform.css"> --><!--Желтый стиль-->
<p></p>
<!-- Подключаем плагин маски ввода -->
<script type="text/javascript" src="//jbcallme.ru/lib/external/jquery.maskedinput.js"></script>
<script type="text/javascript">// <![CDATA[
jQuery(document).ready(function($){
  $('.my_button').jbform({
   key: "teyu67367828j2hjk2k20000i2uiuo234",
   title: "Вызвать мастера",
   postfix: "call_me_normal",
   fields: {
    name: {
     type: "text",
     required: true,
     placeholder: "Как к вам обращаться ? "
    },
    tel: {
     type: "tel",
     required: true,
     placeholder: "Ваш номер телефона"
    },
    textarea_6: {
     type: "textarea",
     label: "Укажите неисправность"
    },
    file_2: {
     type: "file",
     placeholder: "Загрузить фотографию неисправности"
    },
    submit: {
     type: "submit",
     value: "Отправить заявку на ремонт"
    }
   },
   onShow: function(){
    // Украина: '+38 (999) 999-99-99', любой номер телефона: '(999) 999-9999?99999'               
    $('#jbForm_call_me_normal [name=tel]').mask('+7 (999) 999-99-99');
   }
  });
});
// ]]></script>

Таким способом запускается.

Thumbs up Thumbs down