Добавление промокода

    Первым, что необходимо сделать при добавлении промокода в форму — это добавить виджет "Текстовый ввод".

    После этого в самый низ формы добавляем виджет "Код" с кодом.

    
    <style>
    #success, #fail, #promo_field {
    display: block;
    padding: 20px;
    font-size: 20pt;
    font-weight: bold;
    text-align: center;
    }
    #success, #promo_field {background-color: #77f277; color: #000;}
    #fail {background-color: #f74e48; color: #fff;}
    </style>
    <div id="promo_field" style="display:none;">Промо-код: <span id="promo_code"></span></div>
    
    

    Теперь можно добавить кнопку которая будет проверять и применять промокод. Для этого рядом с уже добавленным виджетом "Текстовый ввод" добавляем виджет "Код" с следующим кодом

    
    <button class="button-promo"><span>Применить промокод</span></button>
    
    

    Следующим и завершающим шагом будет добавление самого скрипта который будет обрабатывать, проверять и применять промокод, а также изменять сумму результата. Добавляем в низ формы еще один виджет "Код" и вставляем в него следующий код:

    
    <span id="success" style="display:none;">Промокод успешно применен</span>
    <span id="fail" style="display: none;">Увы, такого промокода не существует</span>
    <script>
    var code = {
    name: "promo", // название промокода
    percent: "30%", // процент скидки с учетом промо-кода
    result: 1200 // включение промокода при сумме не меньше 1200
    };
    
    $(function() {
    $(".button-promo").click(function() {
    RESULTS.go();
    if(RESULTS.db.res[1] < code.result) {
    return false;
    } else {
    $("#promo_code").text(code.name);
    }
    });
    
    $(".button-promo").on("click", function() {
    if($("#input_text-ID").val() === code.name) {
    $(".button-promo").attr("disabled", "disabled").css("opacity", ".6");
    $("#input_text-ID").attr("disabled", "disabled").css("opacity", ".6");
    STEPFORM.data.results[0].formula += "-" + code.percent;
    RESULTS.go();
    $("#success").slideDown(400, function() {
    appNormalise();
    });
    $("#fail").slideUp(200); 
    } else if($("#input_text-ID").val() !== code.name) {
    $("#fail").show(); 
    appNormalise();
    }
    }) 
    });
    </script>
    
    

    Где input_text-ID — это id вашего поля для промокода. Чтобы его получить кликните по виджету правой кнопкой мыши и выберите — «Исследовать элемент»


    Не нашли ответ? Задайте его нашим специалистам!