BigCommerce: добавление таймера обратного отсчета к конкретным страницам с описанием товара - PullRequest
Новая
       9

BigCommerce: добавление таймера обратного отсчета к конкретным страницам с описанием товара

0 голосов
/ 11 июня 2018

Я заинтересован в добавлении таймера обратного отсчета в javascript к конкретным страницам с описанием товара.Однако, когда я пытаюсь добавить свой пользовательский JS в редактор исходного кода html описания продукта, он, похоже, не принимает его.Может кто-нибудь посоветовать мне, где или как лучше реализовать такую ​​функцию?

1 Ответ

0 голосов
/ 12 июня 2018

Мне удалось заставить его работать с помощью нового менеджера скриптов BigCommerce.Создан новый скрипт и добавлен следующий код: 

<script>
var deadline = new Date("Jan 5, 2019 15:37:25").getTime();
var x = setInterval(function() {
var now = new Date().getTime();
var t = deadline - now;
var days = Math.floor(t / (1000 * 60 * 60 * 24));
var hours = Math.floor((t%(1000 * 60 * 60 * 24))/(1000 * 60 * 60));
var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((t % (1000 * 60)) / 1000);
if (document.getElementById("countdown")){
    document.getElementById("countdown").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
    if (t < 0) {
        clearInterval(x);
        document.getElementById("countdown").innerHTML = "EXPIRED";
    }
}
}, 1000);
</script>

После сохранения скрипта вы можете редактировать html для любого продукта, который вам нужен, и добавить новый div с идентификатором обратного отсчета.

<div id="countdown"></div>
...