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


Как Добавить Дедлайн На Сайт

Автор Candyover, 12 нояб. 2013 02:00

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

#1 Candyover

Candyover

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

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

Отправлено 12 Ноябрь 2013 - 02:00

Очень бы хотелось прикрутить счетчик как на этом сайте http://toplanding.biz/
Вот сюда переделать1.png

#2 Vaccina

Vaccina

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

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

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

У нас имеется множество аналогичных тем с инструкцией:
http://forum.storela...ета-на-главной/
http://forum.storela...тсчета-времени/
http://forum.storela...птом/#entry8829

#3 Candyover

Candyover

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

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

Отправлено 13 Ноябрь 2013 - 00:57

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

У нас имеется множество аналогичных тем с инструкцией:
http://forum.storela...ета-на-главной/
http://forum.storela...тсчета-времени/
http://forum.storela...птом/#entry8829

Вы дали ссылки на темы где люди уже что-то сделали и у них не получилось или они вставляли не в те разделы что мне нужно. А я вообще не знаю как начинать и что куда, мне только нужно ткнуть носом что бы я увидел и понял.
Прошу Вас, помогите разобраться как его все таки вставить ( вот такой мне нужен http://serblog.ru/kr...cheta-na-jquery ) конкретно в это место переделать.png
Очень - очень буду благодарен!

#4 Vaccina

Vaccina

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

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

Отправлено 13 Ноябрь 2013 - 05:43

А вы прочитайте внимательней =)
В первой теме например, как и в других имеются проблемы и у кого-то не получается не потому что код неверный, у каждого просто индивидуальная ситуация по расположению и прочему. В любом случае при консультации результат у них положительный.
Вставьте его в шаблон HTML после {BODY}

#5 Candyover

Candyover

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

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

Отправлено 13 Ноябрь 2013 - 19:56

Просмотр сообщенияVaccina (13 Ноябрь 2013 - 05:43) писал:

А вы прочитайте внимательней =)
В первой теме например, как и в других имеются проблемы и у кого-то не получается не потому что код неверный, у каждого просто индивидуальная ситуация по расположению и прочему. В любом случае при консультации результат у них положительный.
Вставьте его в шаблон HTML после {BODY}

Целый день мучаюсь с этим счетчиком, читал все внимательно и много, но пошаговой инструкции так и не нашел.
Вот Вы как раз пишите что при консультации результат у них положительный, а мне кто даст консультацию?
Что именно вставлять после {BODY} и какие файлы нужно добавить на сайт? И мне необходимо именно в то место куда я рисовал вставить.
Очень прошу все же написать конкретно к моему случаю, а не давать ссылки, для вас это займет минут 10, а для меня такие поиски занимают не одни сутки. и не удачные попытки что то сделать очень не радуют.

#6 Vaccina

Vaccina

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

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

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

Как описывалось в первом сообщении, вам нужно вставить код:
<script language="JavaScript">
TargetDate = "10/13/2011 0:00 AM";
BackColor = "";
ForeColor = "Red";
CountActive = true;
CountStepper = -1;
LeadingZero = false;
DisplayFormat = "<div style='font-size: 18px; text-align: center;'> <em>До конца акции осталось:</em> %%D%% дн. %%H%% ч. %%M%% мин. и %%S%% сек.<br/>Спешите сделать заказ!</div>";
FinishMessage ="Акция окончилась !";
</script>
<script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js">

место куда устанавливать его написала вам ранее.

#7 Candyover

Candyover

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

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

Отправлено 14 Ноябрь 2013 - 20:03

Просмотр сообщенияVaccina (14 Ноябрь 2013 - 06:00) писал:

Как описывалось в первом сообщении, вам нужно вставить код:
<script language="JavaScript">
TargetDate = "10/13/2011 0:00 AM";
BackColor = "";
ForeColor = "Red";
CountActive = true;
CountStepper = -1;
LeadingZero = false;
DisplayFormat = "<div style='font-size: 18px; text-align: center;'> <em>До конца акции осталось:</em> %%D%% дн. %%H%% ч. %%M%% мин. и %%S%% сек.<br/>Спешите сделать заказ!</div>";
FinishMessage ="Акция окончилась !";
</script>
<script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js">

место куда устанавливать его написала вам ранее.

Вот что вышло переделать.png а как сделать такие как я скидывал с анимацией, какой нужно код вставить? И обязательно нужно их перенести, это возможно?

#8 Vaccina

Vaccina

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

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

Отправлено 15 Ноябрь 2013 - 02:52

Для счетчика с анимацией необходим другой код. Например как счетчик описываемый в теме форума http://forum.storela...мени/#entry9912

Для переноса счетчика - вам необходимо код счетчика вставлять сразу после кода вашего слайдера. Это или шаблон "Страница" или же шаблон "HTML" в зависимости в какой из шаблонов вы устанавливали код слайдера.

#9 Candyover

Candyover

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

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

Отправлено 16 Ноябрь 2013 - 02:32

Просмотр сообщенияVaccina (15 Ноябрь 2013 - 02:52) писал:

Для счетчика с анимацией необходим другой код. Например как счетчик описываемый в теме форума http://forum.storela...мени/#entry9912

Для переноса счетчика - вам необходимо код счетчика вставлять сразу после кода вашего слайдера. Это или шаблон "Страница" или же шаблон "HTML" в зависимости в какой из шаблонов вы устанавливали код слайдера.

Что-то мне очень сложно разобраться, читаю что люди пишут в этой теме, все подряд вставляю, ничего естественно не получается.
Вот тут скачал счетчик http://serblog.ru/kr...cheta-na-jquery залил картинки на сайт и jquery, что дальше делать не понимаю.
Объясните на примере этого счетчика что куда закачивать и вставлять, спасибо!

#10 Vaccina

Vaccina

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

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

Отправлено 16 Ноябрь 2013 - 04:34

Выполните инструкцию начиная с сообщения http://forum.storela...ени/#entry20436

Разметка HTML - данный код необходимо вставлять в шаблон "HTML" или "Страница" в зависимости от того где именно вы хотите чтобы отображался счетчик. Подробнее я писала вам об этом ранее.

CSS - данный код необходимо вставлять в файл стилей main.css или style.css (вставлять текст "Стили для Демо 1:" не нужно).

javascript - данный код необходимо вставлять в файл main.js без тегов <script>. Подключение файлов js необходимо вставлять в шаблон "HTML" аналогично подключению файла main.js

После выполнения инструкции смотрите сообщения далее если у вас возникли какие-то ошибки, вероятно данные ошибки были рассмотрены. Если у вас возникает проблема о которой не сообщалось в теме форума - напишите о ней и мы поможем вам её решить.

#11 Candyover

Candyover

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

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

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

Просмотр сообщенияVaccina (16 Ноябрь 2013 - 04:34) писал:

Выполните инструкцию начиная с сообщения http://forum.storela...ени/#entry20436

Разметка HTML - данный код необходимо вставлять в шаблон "HTML" или "Страница" в зависимости от того где именно вы хотите чтобы отображался счетчик. Подробнее я писала вам об этом ранее.

CSS - данный код необходимо вставлять в файл стилей main.css или style.css (вставлять текст "Стили для Демо 1:" не нужно).

javascript - данный код необходимо вставлять в файл main.js без тегов <script>. Подключение файлов js необходимо вставлять в шаблон "HTML" аналогично подключению файла main.js

После выполнения инструкции смотрите сообщения далее если у вас возникли какие-то ошибки, вероятно данные ошибки были рассмотрены. Если у вас возникает проблема о которой не сообщалось в теме форума - напишите о ней и мы поможем вам её решить.

Сделал по инструкции, но подозреваю что у меня файл jquery.js какой то не правильный, в папке которую я скачал это не один файл. Что мне нужно сделать что бы исправить? И вот что получилось вообщем  Безымянный.png

#12 Candyover

Candyover

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

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

Отправлено 19 Ноябрь 2013 - 00:36

Проблема еще не решена =(

#13 Vaccina

Vaccina

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

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

Отправлено 19 Ноябрь 2013 - 04:45

На данный момент вам необходимо из шаблона "HTML" удалить строку

<script src="jquery.js" type="text/javascript"></script>

далее найти и удалить код
<script language="JavaScript">
TargetDate = "11/18/2013 0:00 AM";
BackColor = "";
ForeColor = "Red";
CountActive = true;
CountStepper = -1;
LeadingZero = false;
DisplayFormat = "<div style='font-size: 18px; text-align: center;'> <em>До конца акции осталось:</em> %%D%% дн. %%H%% ч. %%M%% мин. и %%S%% сек.<br/>Спешите сделать заказ!</div>";
FinishMessage ="Акция окончилась !";
</script>

данный код необходимо удалить, так как он относиться к старому коду счетчика.

#14 Candyover

Candyover

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

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

Отправлено 13 Декабрь 2013 - 00:16

Просмотр сообщенияVaccina (19 Ноябрь 2013 - 04:45) писал:

На данный момент вам необходимо из шаблона "HTML" удалить строку

<script src="jquery.js" type="text/javascript"></script>

далее найти и удалить код
<script language="JavaScript">
TargetDate = "11/18/2013 0:00 AM";
BackColor = "";
ForeColor = "Red";
CountActive = true;
CountStepper = -1;
LeadingZero = false;
DisplayFormat = "<div style='font-size: 18px; text-align: center;'> <em>До конца акции осталось:</em> %%D%% дн. %%H%% ч. %%M%% мин. и %%S%% сек.<br/>Спешите сделать заказ!</div>";
FinishMessage ="Акция окончилась !";
</script>

данный код необходимо удалить, так как он относиться к старому коду счетчика.


что-то удалилось, но сам счетчик не работает до сих пор и не прорисовалась картинка самого счетчика

#15 Vaccina

Vaccina

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

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

Отправлено 13 Декабрь 2013 - 04:23

Перепроверьте правильность действий по инструкции, у вас уже имеется ошибка в подключении. Код должен быть в шапке, то есть до </head>, у вас же он после.
Так же не нужно менять местами строки, сначала идет подключение файла и потом скрипт обработки но не наоборот.

#16 Candyover

Candyover

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

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

Отправлено 11 Февраль 2014 - 15:46

Просмотр сообщенияVaccina (15 Ноябрь 2013 - 02:52) писал:

Для счетчика с анимацией необходим другой код. Например как счетчик описываемый в теме форума http://forum.storela...мени/#entry9912

Для переноса счетчика - вам необходимо код счетчика вставлять сразу после кода вашего слайдера. Это или шаблон "Страница" или же шаблон "HTML" в зависимости в какой из шаблонов вы устанавливали код слайдера.

Решил оставить этот дедлайн Безымянный1.png   но перенеститак и не получилось, хотя перенес под слайдер. Просто все пропало после того как перенес. В чем проблема?

#17 Roman_Latyshev

Roman_Latyshev

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

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

Отправлено 11 Февраль 2014 - 16:29

http://www.timegenerator.ru/

Может пригодиться....

Просто копируете код и вставляете на страницу куда надо. Принцип вставки как у обычного видео.

#18 Candyover

Candyover

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

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

Отправлено 11 Февраль 2014 - 18:01

Просмотр сообщенияRoman_Latyshev (11 Февраль 2014 - 16:29) писал:

http://www.timegenerator.ru/

Может пригодиться....

Просто копируете код и вставляете на страницу куда надо. Принцип вставки как у обычного видео.


Спасибо очень выручили, а то не мог прикрутить анимированый уже давно!)

Но все же переместить в нужное место не удалось, тыкал его куда только можно, но в нужную часть не перенесло
дедлайн переместить.png

#19 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 11 Февраль 2014 - 21:51

Просмотр сообщенияCandyover (11 Февраль 2014 - 18:01) писал:

Спасибо очень выручили, а то не мог прикрутить анимированый уже давно!)

Но все же переместить в нужное место не удалось, тыкал его куда только можно, но в нужную часть не перенесло
Прикрепленный файл дедлайн переместить.png

Добавьте данный блок кода в шаблон main.css

#countbox
{
color: #2f2f2f;
font-family: MyriadProRegular,Helvetica,sans-serif;
font-size: 69px;
height: 106px;
line-height: 82px;
margin: 0 auto;
padding: 0;
width: 436px;
position: absolute;
bottom: 35%;
left: 42%;
}
#slidebackgr {
width: 610px;
height: 345px;
margin-top: 10px;
padding: 0;
position: relative;
background-image: url('http://kelesia.storeland.net/slide_bg1.png?4328');
margin-bottom: 115px!important;
}

#20 Candyover

Candyover

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

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

Отправлено 12 Февраль 2014 - 00:13

Просмотр сообщенияAlexey11 (11 Февраль 2014 - 21:51) писал:

Добавьте данный блок кода в шаблон main.css

#countbox
{
color: #2f2f2f;
font-family: MyriadProRegular,Helvetica,sans-serif;
font-size: 69px;
height: 106px;
line-height: 82px;
margin: 0 auto;
padding: 0;
width: 436px;
position: absolute;
bottom: 35%;
left: 42%;
}
#slidebackgr {
width: 610px;
height: 345px;
margin-top: 10px;
padding: 0;
position: relative;
background-image: url('http://kelesia.storeland.net/slide_bg1.png?4328');
margin-bottom: 115px!important;
}

Когда добавил этот блок, то просто исчез счетчик

Я попробовал поменять предпоследнюю строчку
background-image: url('http://kelesia.store...de_bg1.png?4328');
background-image: url('http:/www.timegenerator.ru/s/2554d9163d648d66421aa5e458176ec9.js');
но так как я совсем не понимаю в этом ничего, то понятное дело ничего не вышло =)
Обратно в Каталог товаров


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Мокко
  5. → Каталог товаров
  6. Privacy Policy