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


Таймер Обратного Отсчета На Главной

Автор leninbnd, 06 нояб. 2012 17:24

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

#61 Сake

Сake

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

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

Отправлено 06 Ноябрь 2013 - 01:28

Счетчик обратного отсчета который вы используете не использует каких либо стилей оформления (в виде изображений). Если вам необходимо оформление счетчика - используйте другой код счетчика. Например счетчик обратного отсчета который описывался в теме форума http://forum.storela...мени/#entry9912

#62 Гиперслон

Гиперслон

    Пользователь

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

Отправлено 29 Март 2014 - 19:19 

										 <script language="JavaScript">
										TargetDate = {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("m")} +"/"+{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("d")} +"/"+{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y")} + " 11:59 PM";
										BackColor = "";
										ForeColor = "Black";
										CountActive = true;
										CountStepper = -1;
										LeadingZero = false;
										DisplayFormat = "<div style='font-size: 1em; text-align: center;'> <em>До конца акции осталось:</em> %%D%% дн. %%H%% ч. %%M%% мин. и %%S%% сек.<br/>Спешите сделать заказ!</div>";
										FinishMessage ="Акция окончилась!";
								   </script><script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script>
Для отображения таймера на странице товара я использую данный код. Помогите разместить таймер на главной странице. Интересует какие переменные отвечают за дату окончания акции на главной странице? {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("m")} работает только на странице товара.

#63 MikDark

MikDark

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

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

Отправлено 29 Март 2014 - 19:26

Просмотр сообщенияГиперслон (29 Март 2014 - 19:19) писал:

										 <script language="JavaScript">
									 TargetDate = {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("m")} +"/"+{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("d")} +"/"+{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y")} + " 11:59 PM";
									 BackColor = "";
									 ForeColor = "Black";
									 CountActive = true;
									 CountStepper = -1;
									 LeadingZero = false;
									 DisplayFormat = "<div style='font-size: 1em; text-align: center;'> <em>До конца акции осталось:</em> %%D%% дн. %%H%% ч. %%M%% мин. и %%S%% сек.<br/>Спешите сделать заказ!</div>";
									 FinishMessage ="Акция окончилась!";
								 </script><script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script>
Для отображения таймера на странице товара я использую данный код. Помогите разместить таймер на главной странице. Интересует какие переменные отвечают за дату окончания акции на главной странице? {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("m")} работает только на странице товара.

В шаблоне HTML данных переменных, к сожалению, нет

#64 Гиперслон

Гиперслон

    Пользователь

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

Отправлено 29 Март 2014 - 19:32

Просмотр сообщенияMikDark (29 Март 2014 - 19:26) писал:

В шаблоне HTML данных переменных, к сожалению, нет
То есть, target date на главной устанавливать только вручную можно?

#65 MikDark

MikDark

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

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

Отправлено 29 Март 2014 - 19:49

Просмотр сообщенияГиперслон (29 Март 2014 - 19:32) писал:

То есть, target date на главной устанавливать только вручную можно?

Да, только так

#66 Гиперслон

Гиперслон

    Пользователь

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

Отправлено 29 Март 2014 - 20:04

Просмотр сообщенияMikDark (29 Март 2014 - 19:49) писал:

Да, только так
Спасибо!

#67 Гиперслон

Гиперслон

    Пользователь

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

Отправлено 30 Март 2014 - 17:12

Может кто-нибудь знает как сделать так, чтобы если 0 дней, то высвечивались только часы и минуты, а если 0 дней и 0 часов, то высвечивались только минуты?

#68 Stranger1979

Stranger1979

    Новичок

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

Отправлено 31 Март 2014 - 14:44

Можете скачать готовую реализацию таймера. Там и инструкция по установке подробная есть. Скачать можно бесплатно. http://presentyou.ru

#69 Наталья11111

Наталья11111

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

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

Отправлено 27 Ноябрь 2014 - 13:42

День добрый!

А можно ли таймер прикрепить к всплывающему окну?

#70 Vaccina

Vaccina

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

  • Модераторы
  • 24 354 сообщений

Отправлено 29 Ноябрь 2014 - 05:18

уточните пожалуйста, куда именно вы хотите установить таймер?

#71 Наталья11111

Наталья11111

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

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

Отправлено 30 Ноябрь 2014 - 01:23

Просмотр сообщенияVaccina (29 Ноябрь 2014 - 05:18) писал:

уточните пожалуйста, куда именно вы хотите установить таймер?

Здравствуйте!

Я доделываю (вернее, уже сделала, остались корректировки) всплывающее окно, которое открывается сразу при заходе на сайт.
Хочется использовать его под акции, то есть будет изображение товара и было бы просто замечательно, если бы туда можно было поставить таймер обратного отсчета.

SL - 298479

#72 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 30 Ноябрь 2014 - 08:52

Просмотр сообщенияНаталья11111 (30 Ноябрь 2014 - 01:23) писал:

Здравствуйте!

Я доделываю (вернее, уже сделала, остались корректировки) всплывающее окно, которое открывается сразу при заходе на сайт.
Хочется использовать его под акции, то есть будет изображение товара и было бы просто замечательно, если бы туда можно было поставить таймер обратного отсчета.

SL - 298479
Здравствуйте, не могли бы Вы уточнить какой инструкцией пользовались при установке данного всплывающего окна.

#73 golodayushii

golodayushii

    Пользователь

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

Отправлено 03 Март 2015 - 13:34

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

#74 Danil

Danil

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

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

Отправлено 03 Март 2015 - 13:58

Просмотр сообщенияgolodayushii (03 Март 2015 - 13:34) писал:

Вопрос возник, таймер выставил, все работает но, когда нажимаю на какую-нибудь вкладку на сайте таймер смещается, как сделать так чтоб он был привязан конкретно к той точке где находится сейчас?
Здравствуйте.
В шаблоне html найдите код 
<div style="position:absolute;z-index:1;left:10px;top:420px;width:500px;"><script src="http://e-timer.ru/js/etimer.js"></script>
<script type="text/javascript">
  jQuery(document).ready(function() {
  jQuery(".eTimer").eTimer({
   etType: 1, etDate: "05.03.2015.0.0", etTitleText: "Скидка 30% на ВСЁ!  Закончится: ", etTitleSize: 20, etShowSign: 1, etSep: ":", etFontFamily: "Verdana", etTextColor: "#fcfcfc", etPaddingTB: 15, etPaddingLR: 15, etBackground: "#3b3b3b", etBorderSize: 0, etBorderRadius: 2, etBorderColor: "white", etShadow: "inset 0px 0px 10px 0px #333333", etLastUnit: 4, etNumberFontFamily: "Impact", etNumberSize: 35, etNumberColor: "white", etNumberPaddingTB: 0, etNumberPaddingLR: 8, etNumberBackground: "#0b0c0c", etNumberBorderSize: 0, etNumberBorderRadius: 5, etNumberBorderColor: "white", etNumberShadow: "inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5)"
  });
});
</script>
<div class="eTimer"></div></div>
и переместите его, вставив после 
  <div class="container promo_block">
В шаблоне html найдите код 
<div style="position:absolute;z-index:1;left:10px;top:420px;width:500px;"><script src="http://e-timer.ru/js/etimer.js"></script>
и замените на 
<div style="z-index:1;width:500px;"><script src="http://e-timer.ru/js/etimer.js"></script>
В style.css найдите 
.promo_block {
background: #000;
top: -55px !important;
}
и замените на 
.promo_block {
top: -55px !important;
}
после в конец style.css добавьте 
.container.promo_block ul {
background: #000;
overflow: hidden;
}

#75 golodayushii

golodayushii

    Пользователь

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

Отправлено 03 Март 2015 - 14:17

Просмотр сообщенияDanil (03 Март 2015 - 13:58) писал:

Здравствуйте.
В шаблоне html найдите код
<div style="position:absolute;z-index:1;left:10px;top:420px;width:500px;"><script src="http://e-timer.ru/js/etimer.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".eTimer").eTimer({
etType: 1, etDate: "05.03.2015.0.0", etTitleText: "Скидка 30% на ВСЁ! Закончится: ", etTitleSize: 20, etShowSign: 1, etSep: ":", etFontFamily: "Verdana", etTextColor: "#fcfcfc", etPaddingTB: 15, etPaddingLR: 15, etBackground: "#3b3b3b", etBorderSize: 0, etBorderRadius: 2, etBorderColor: "white", etShadow: "inset 0px 0px 10px 0px #333333", etLastUnit: 4, etNumberFontFamily: "Impact", etNumberSize: 35, etNumberColor: "white", etNumberPaddingTB: 0, etNumberPaddingLR: 8, etNumberBackground: "#0b0c0c", etNumberBorderSize: 0, etNumberBorderRadius: 5, etNumberBorderColor: "white", etNumberShadow: "inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5)"
});
});
</script>
<div class="eTimer"></div></div>
и переместите его, вставив после
<div class="container promo_block">
В шаблоне html найдите код
<div style="position:absolute;z-index:1;left:10px;top:420px;width:500px;"><script src="http://e-timer.ru/js/etimer.js"></script>
и замените на
<div style="z-index:1;width:500px;"><script src="http://e-timer.ru/js/etimer.js"></script>
В style.css найдите
.promo_block {
background: #000;
top: -55px !important;
}
и замените на
.promo_block {
top: -55px !important;
}
после в конец style.css добавьте
.container.promo_block ul {
background: #000;
overflow: hidden;
}
теперь таймер повис в верхнем левом углу

Просмотр сообщенияgolodayushii (03 Март 2015 - 14:13) писал:

теперь таймер повис в верхнем левом углу
Новый точечный рисунок (5).jpg

#76 Danil

Danil

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

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

Отправлено 03 Март 2015 - 14:20

Просмотр сообщенияgolodayushii (03 Март 2015 - 14:17) писал:

теперь таймер повис в верхнем левом углу


Прикрепленный файл Новый точечный рисунок (5).jpg
На данный момент у вас отсутствуют изменения по инструкции, произведите их, чтобы мы могли исправить ошибку.

#77 golodayushii

golodayushii

    Пользователь

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

Отправлено 03 Март 2015 - 19:13

Просмотр сообщенияDanil (03 Март 2015 - 14:20) писал:

На данный момент у вас отсутствуют изменения по инструкции, произведите их, чтобы мы могли исправить ошибку.
Сделал изменения, посмотрите пожалуйста. Еще и полоса пропала гарантии оплата и т.д.

#78 golodayushii

golodayushii

    Пользователь

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

Отправлено 03 Март 2015 - 19:20

Просмотр сообщенияgolodayushii (03 Март 2015 - 19:13) писал:

Сделал изменения, посмотрите пожалуйста. Еще и полоса пропала гарантии оплата и т.д.
Новый точечный рисунок 10.jpg

#79 golodayushii

golodayushii

    Пользователь

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

Отправлено 04 Март 2015 - 08:05

Просмотр сообщенияgolodayushii (03 Март 2015 - 19:20) писал:

Прикрепленный файл Новый точечный рисунок 10.jpg
Ну или хотя бы подскажите как сделать так что бы счетчик был только на главной, а когда жмешь на какую-нибудь кнопку он изчезал

#80 golodayushii

golodayushii

    Пользователь

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

Отправлено 04 Март 2015 - 14:51

Просмотр сообщенияgolodayushii (04 Март 2015 - 08:05) писал:

Ну или хотя бы подскажите как сделать так что бы счетчик был только на главной, а когда жмешь на какую-нибудь кнопку он изчезал
Сам разобрался( спасибо
Обратно в Общие вопросы


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

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

  1. Форум владельцев интернет-магазинов
  2. → Повышение продаж, продвижение
  3. → Общие вопросы
  4. Privacy Policy