Перейти к содержимому


Счетчик Времени


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 arver

arver

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 982 сообщений

Отправлено 03 Декабрь 2012 - 10:32

Здравствуйте,подскажите пожалуйста каким образом можно сделать счетчик обратного времени под картинкой товара,еще лучше если была бы возможность добавить в саму картинку,ссылка на магазин http://arver-shop.storeland.ru/

#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 03 Декабрь 2012 - 14:11

Можно добавить таймер.
Например который будет отсчитывать время до нового года.
Панель администратора, Сайт -> Редактор тем.
Открыть файл 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 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 07 Апрель 2013 - 23:03

ребята, ещё раз пошагово объясните как поставить этот таймер? Кроме кода нужны какие js фалы ведь, где их взять? :(  бедаааа

#4 support 2.0

support 2.0

    Активный участник

  • Модераторы
  • 4 950 сообщений

Отправлено 08 Апрель 2013 - 14:48

Просмотр сообщенияKorolev Andrey (07 Апрель 2013 - 23:03) писал:

ребята, ещё раз пошагово объясните как поставить этот таймер? Кроме кода нужны какие js фалы ведь, где их взять? :(  бедаааа

Выше вся инструкция написана, попробуйте проделать ее

#5 Человек_Паук

Человек_Паук

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 186 сообщений

Отправлено 08 Апрель 2013 - 16:24

Просмотр сообщенияKorolev Andrey (07 Апрель 2013 - 23:03) писал:

ребята, ещё раз пошагово объясните как поставить этот таймер? Кроме кода нужны какие js фалы ведь, где их взять? :(  бедаааа
Таких сайтов в интернете полно,где можно создать и установить любой счетчик. Вперед в поиск по запросу:"счетчик для отсчета времени".
Вот как пример: http://amesgroup.ru/...nt-counter.html
Создаешь,а потом код вставляешь на свой сайт,куда угодно.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных