Инструкция по интеграции кода калькулятора расчета стоимости продукции ГК «АЛЮТЕХ»

Шаг 1.Подключите загрузчик

Для этого добавьте в заголовок head HTML-страницы строку следующего вида:

          
<head>
    ...
    <script src="https://alutech-group.com/app/calc/calcLoader.js"></script>
    ...
</head>
          
        

Шаг 2. Создайте контейнер для калькулятора

          
<body>
    <div class="calc"></div>
</body>
          
        

Шаг 3. Создайте калькулятор

          
<script>
        calcLoader.ready(function(){
            ourJquery(".calc").alutechCalc({
              email: "partner-email@alutec-mc.com"
            });
        });
 </script>
          
        

Список параметров:

Параметр Описание
calc

Тип - массив значений.

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

  • shutter - калькулятор стоимости роллетных систем
  • gate - калькулятор стоимости секционных ворот
  • ads400 - калькулятор расчета стоимости изделий въездной группы

При отсутствии данного параметра, будут загружены все калькуляторы в последовательности ["shutter", "gate", "ads400"].

                
{
    calcLoader.ready(function(){
      ourJquery(".calc").alutechCalc({
        //будут загружено два калькулятора
        //в заданной последовательности
        calc: ["shutter", "ads400"]
      });
  });
}
                
              
email

Тип - строка.

email адрес на который будут приходить заказы.

При отсутствии данного параметра, калькулятор загружается без возможности сделать заказ.

                
{
    calcLoader.ready(function(){
      ourJquery(".calc").alutechCalc({
        email: "partner-email@alutec-mc.com"
      });
  });
}
                
              
margin

Тип - диапазон значений от -1 до 1.

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

При отсутствии данного параметра, значение margin равно 0.

                
{
    calcLoader.ready(function(){
      ourJquery(".calc").alutechCalc({
        //+10% к стоимости
        margin: 0.1
      });
  });
}
                
              

Результат

          
<!DOCTYPE html>
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
    <title>Калькулятор энергосбережения и шумоизоляции</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="https://alutech-group.com/app/calc/calcLoader.js"></script>
  <script>
          calcLoader.ready(function(){
              ourJquery(".calc").alutechCalc({
                email: "partner-email@alutec-mc.com"
              });
          });
   </script>
</head>

<body>
    <div class="calc"></div>
</body>

</html>