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


Таймер


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

#1 Visdom25

Visdom25

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

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

Отправлено 16 Ноябрь 2015 - 01:59

Здравствуйте!
Как можно добавить таймер обратного отсчета на главную и в карточку товара?

#2 RedHead

RedHead

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

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

Отправлено 16 Ноябрь 2015 - 11:09

Просмотр сообщенияVisdom25 (16 Ноябрь 2015 - 01:59) писал:

Здравствуйте!
Как можно добавить таймер обратного отсчета на главную и в карточку товара?

Здравствуйте!
Создайте бекап своего шаблона. После попробуйте вставить таймер: в шаблоне html найдите строку
<!-- END: Main Navigation -->
после нее вставьте:
<div id="timer" style="position: absolute; top: 5px; right:40px">
<script language="JavaScript">
TargetDate = "12/12/2015 0:00 AM";
BackColor = "";
ForeColor = "Black";
CountActive = true;
CountStepper = -1;
LeadingZero = false;
DisplayFormat = "<div style='font-size: 18px; text-align: center;'> <em>До конца акции осталось:<br></em> %%D%% дн. %%H%% ч. %%M%% мин. и %%S%% сек.</div>";
FinishMessage ="Акция окончилась !";
</script><script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script>
  </div>

Уточните пожалуйста на скриншоте, где бы Вы хотели разместить таймер на главной, а где в карточке товара?

#3 Visdom25

Visdom25

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

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

Отправлено 16 Ноябрь 2015 - 23:48

Просмотр сообщенияRedHead (16 Ноябрь 2015 - 11:09) писал:

Здравствуйте!
Создайте бекап своего шаблона. После попробуйте вставить таймер: в шаблоне html найдите строку
<!-- END: Main Navigation -->
после нее вставьте:
<div id="timer" style="position: absolute; top: 5px; right:40px">
<script language="JavaScript">
TargetDate = "12/12/2015 0:00 AM";
BackColor = "";
ForeColor = "Black";
CountActive = true;
CountStepper = -1;
LeadingZero = false;
DisplayFormat = "<div style='font-size: 18px; text-align: center;'> <em>До конца акции осталось:<br></em> %%D%% дн. %%H%% ч. %%M%% мин. и %%S%% сек.</div>";
FinishMessage ="Акция окончилась !";
</script><script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script>
</div>

Уточните пожалуйста на скриншоте, где бы Вы хотели разместить таймер на главной, а где в карточке товара?
Здравствуйте!
В прикрепе.
На главной над или под надписью "товары на главной"
Таймер красного цвета.
Как задать циклический тайминг на 24 часа?

Прикрепленные изображения

  • 3.png
  • 4.png


#4 Vaccina

Vaccina

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

  • Модераторы
  • 23 672 сообщений

Отправлено 17 Ноябрь 2015 - 01:31

Инструкцию по задаванию цикличности через cookies:
http://forum.storela...птом/#entry8895

#5 Visdom25

Visdom25

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

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

Отправлено 18 Ноябрь 2015 - 01:27

Просмотр сообщенияVisdom25 (16 Ноябрь 2015 - 23:48) писал:

Здравствуйте!
В прикрепе.
На главной над или под надписью "товары на главной"
Таймер красного цвета.
Как задать циклический тайминг на 24 часа?
дайте ответ насчёт "На главной над или под надписью "товары на главной"
Таймер красного цвета."

#6 Vaccina

Vaccina

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

  • Модераторы
  • 23 672 сообщений

Отправлено 18 Ноябрь 2015 - 01:57

Для того чтобы расположить таймер над надписью "Товары на главной" в шаблоне HTML найдите:
<!-- Товары на главной, Новинки, Хиты -->
	{% IF index_page %}
	{% IF index_page_goods_empty=0 || index_page_new_goods_empty=0 || index_page_favorites_goods_empty=0 %}
	<div id="producttabs">
	  <div class="container">
		<div class="row">
		  <ul class="pdt-nav">
			{% IFNOT index_page_goods_empty %}<li class="item-nav tab-nav-actived" data-href="pdt-sale"><span>Товары на главной</span></li>{% ENDIF %}
			</ul>

перед ним вставьте необходимый код таймера

#7 Visdom25

Visdom25

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

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

Отправлено 19 Ноябрь 2015 - 14:42

Просмотр сообщенияVaccina (18 Ноябрь 2015 - 01:57) писал:

Для того чтобы расположить таймер над надписью "Товары на главной" в шаблоне HTML найдите:
<!-- Товары на главной, Новинки, Хиты -->
{% IF index_page %}
{% IF index_page_goods_empty=0 || index_page_new_goods_empty=0 || index_page_favorites_goods_empty=0 %}
<div id="producttabs">
	 <div class="container">
	 <div class="row">
		 <ul class="pdt-nav">
		 {% IFNOT index_page_goods_empty %}<li class="item-nav tab-nav-actived" data-href="pdt-sale"><span>Товары на главной</span></li>{% ENDIF %}
		 </ul>

перед ним вставьте необходимый код таймера
сделал как вы написали, таймер всё равно в верхнем правом углу страницы.

#8 Юля123

Юля123

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

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

Отправлено 19 Ноябрь 2015 - 15:05

Просмотр сообщенияVisdom25 (19 Ноябрь 2015 - 14:42) писал:

сделал как вы написали, таймер всё равно в верхнем правом углу страницы.

Здравствуйте, найдите код:

<div id="timer" style="position: absolute; top: 5px; right:40px">

и замените на код:

<div id="timer" style="position: relative; float: right; top: 5px; right:40px">


#9 Visdom25

Visdom25

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

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

Отправлено 19 Ноябрь 2015 - 22:15

Просмотр сообщенияЮля123 (19 Ноябрь 2015 - 15:05) писал:

Здравствуйте, найдите код:

<div id="timer" style="position: absolute; top: 5px; right:40px">

и замените на код:

<div id="timer" style="position: relative; float: right; top: 5px; right:40px">
а можно сделать его вида примерно как в прикрепе?

Прикрепленные изображения

  • 1795.jpg
  • 2015-04-10-14-07-04-Skrinshot-e`krana.png


#10 Vaccina

Vaccina

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

  • Модераторы
  • 23 672 сообщений

Отправлено 20 Ноябрь 2015 - 06:25

В этом случае необходимо данные на примере таймеры устанавливать, инструкция на подобный с подробной установкой:
http://ruseller.com/...ons.php?id=1341




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

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