Здравствуйте,подскажите пожалуйста каким образом можно сделать счетчик обратного времени под картинкой товара,еще лучше если была бы возможность добавить в саму картинку,ссылка на магазин http://arver-shop.storeland.ru/
0
Счетчик Времени
Автор arver, 03 дек. 2012 10:32
Сообщений в теме: 4
#1
Отправлено 03 Декабрь 2012 - 10:32
#2
Отправлено 03 Декабрь 2012 - 14:11
Можно добавить таймер.
Например который будет отсчитывать время до нового года.
Панель администратора, Сайт -> Редактор тем.
Открыть файл HTML.
До тега "</head>" вставить:
Открыть файл "Товар".
Найти код:
Добавить код:
Например который будет отсчитывать время до нового года.
Панель администратора, Сайт -> Редактор тем.
Открыть файл HTML.
До тега "</head>" вставить:
<script type="text/javascript"> timeend= new Date(); // IE и FF по разному отрабатывают getYear() timeend= new Date(timeend.getYear()>1900?(timeend.getYear()+1):(timeend.getYear()+1901),0,1); // для задания обратного отсчета до определенной даты укажите дату в формате: // timeend= new Date(ГОД, МЕСЯЦ-1, ДЕНЬ); // Для задания даты с точностью до времени укажите дату в формате: // timeend= new Date(ГОД, МЕСЯЦ-1, ДЕНЬ, ЧАСЫ-1, МИНУТЫ); function time() { today = new Date(); today = Math.floor((timeend-today)/1000); tsec=today%60; today=Math.floor(today/60); if(tsec<10)tsec='0'+tsec; tmin=today%60; today=Math.floor(today/60); if(tmin<10)tmin='0'+tmin; thour=today%24; today=Math.floor(today/24); timestr=today +" дней "+ thour+" часов "+tmin+" минут "+tsec+" секунд"; document.getElementById('t').innerHTML=timestr; window.setTimeout("time()",1000); } </script>
Открыть файл "Товар".
Найти код:
<div class="goodsDataMainImageZoom"> <a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a> </div>Заменить на:
<div class="goodsDataMainImageZoom"> <script> $(time()); </script> <span id="t" style="font-size:20px"></span> </br> <a href="{GOODS_IMAGE_LARGE}" target="_blank">Увеличить изображение</a> </div>Открыть файл main.csstemplate.
Добавить код:
#t { font-size: 18px; margin-top: -37px; display: block; margin-top: -56px; opacity: 0.4; background: black; color: white; border-radius: 5px 5px 5px 5px; }
#3
Отправлено 07 Апрель 2013 - 23:03
ребята, ещё раз пошагово объясните как поставить этот таймер? Кроме кода нужны какие js фалы ведь, где их взять? бедаааа
#5
Отправлено 08 Апрель 2013 - 16:24
Korolev Andrey (07 Апрель 2013 - 23:03) писал:
ребята, ещё раз пошагово объясните как поставить этот таймер? Кроме кода нужны какие js фалы ведь, где их взять? бедаааа
Вот как пример: http://amesgroup.ru/...nt-counter.html
Создаешь,а потом код вставляешь на свой сайт,куда угодно.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных