1. Подключаем ОДИН раз ява скриптИдем в \templates\имя_шаблона\ index.php
прописываем там внизу перед </body>
<!-- Таймер -->
<script language="JavaScript">
StartCountDown("clock1","10/25/2012 2:00 PM -0400")
StartCountDown("clock2","10/25/2012 2:00 PM -0400")
StartCountDown("clock3","10/25/2013 2:00 PM -0400")
function StartCountDown(myDiv,myTargetDate)
{
var dthen = new Date(myTargetDate);
var dnow = new Date();
ddiff = new Date(dthen-dnow);
gsecs = Math.floor(ddiff.valueOf()/1000);
CountBack(myDiv,gsecs);
}
function Calcage(secs, num1, num2)
{
s = ((Math.floor(secs/num1))%num2).toString();
if (s.length < 2)
{
s = "0" + s;
}
return (s);
}
function CountBack(myDiv, secs)
{
var DisplayStr;
var DisplayFormat = "%%D%% дня, %%H%%:%%M%%:%%S%%";
DisplayStr = DisplayFormat.replace(/%%D%%/g, Calcage(secs,86400,100000));
DisplayStr = DisplayStr.replace(/%%H%%/g, Calcage(secs,3600,24));
DisplayStr = DisplayStr.replace(/%%M%%/g, Calcage(secs,60,60));
DisplayStr = DisplayStr.replace(/%%S%%/g, Calcage(secs,1,60));
if(secs > 0)
{
document.getElementById(myDiv).innerHTML = DisplayStr;
setTimeout("CountBack('" + myDiv + "'," + (secs-3) + ");", 3000);
}
else
{
document.getElementById(myDiv).innerHTML = "Auction Over";
}
}
</script>
<!-- Конец Таймера -->
Если используем русские символы сохраняем в кодировке сайта, у меня utf-8 без сигнатур
2. Необходимо прописать стилиидем в \components\com_jshopping\css\
вниз прописываем
#clock1{
font-size: 20pt;
font-weight: bold;
float: left;
width: 200px;
text-align: center;
font-family: Times;
color: #555;
position: relative;}
</style>
PS: прописать можно в любой CSS которая подключается всегда..
у меня это та на которой сделан шаблон (пробуйте в default.css, у меня icetheme.css)
3. Теперь сам счетчикЗаходим в товар, и пишим в кратное описание (если хотим чтобы отображалось в категории)
До окончании акции:<br />
<div id="clock1">[clock1]</div>
4. И это еще не ВСЁЕсть большой минус.!
Для каждого счетчика нужно прописывать свои часы!
те вызывать свою функцию – смотрите пункт 1. - таким образом StartCountDown("clock1","10/25/2012 2:00 PM -0400")
Это вызов функции.
Те нельзя один раз вызвать функции и прописать <div id="clock1">[clock1]</div> сразу у нескольких товаров!! (которые выводятся на одной странице)
Мало того!
Тк в вызове функции StartCountDown("clock1","10/25/2012 2:00 PM -0400")
Первый параметр – это еще и стиль!
но и стили нужно прописывать несколько раз, когда необходимо – дублирую друг друга!
#clock1{
font-size: 20pt;
font-weight: bold;
float: left;
width: 200px;
text-align: center;
font-family: Times;
color: #555;
position: relative;}
</style>
#clock2{
font-size: 20pt;
font-weight: bold;
float: left;
width: 200px;
text-align: center;
font-family: Times;
color: #555;
position: relative;}
</style> и т.д.
А теперь и сам вопрос!
Где вы увидели готовое решение в сообщениях автора?!
Тема называется - JoomShopping: каждому товару свой таймер.
Но ничего не описано.
Код приведен для возможности размещения только у одного товара!
На последок – вариант дублирования стилей и вызова функций думаю не совсем правильный.
Поэтому думаю есть вариант проще все это сделать…
FAQм пользуются люди которые не сильны ни в верстке ни в php ни в ява-скриптах.И думаю что нужно составлять фак для них.
20.09.2022, 11:51:02