Перейти к содержанию
Einshtein

[Поддержка] Новогодняя мотня от Яндекс

Рекомендуемые сообщения

Новогодняя мотня от Яндекс


Новогодняя мотня от Яндекс


Наверное многие заметили что в сети сейчас много новогодних тем на сайтах. Яндекс любезно предоставил нам собственный вариант праздничного оформления шапки сайта. Это новогодние шарики которые реагируют на наведение на них курсора мышки, ещё и звенят.
В последних версиях браузеров на движке Chromium, звук может не работать, так как он устроен на flash от которого браузеры потихоньку отказываются (есть решение, в личке). 

Скрипт должен работать на всех версиях 1.5.x 
Для версии 2.х есть отдельный модуль, который устанавливается мной вручную, с рабочим звуком и адаптацией под шаблон. 

Спасибо Том за vqmod версию (VQMOD_Happy_New_Year(TOM).zip)

Установка без vqmod:

 

1) скачиваем архив "new_year_no_vqmod" и распаковываем его в корень сайта. Файлы не будут заменятся.

2) делаем бекап файла catalog\view\theme\default\template\common\header.tpl

3) Открываем файл catalog\view\theme\default\template\common\header.tpl и делаем следующее:

а)перед тегом </head> подключаем скрипты:


<link rel="stylesheet" type="text/css"  href="catalog/view/javascript/newyear/style.css"><script type="text/javascript" src="catalog/view/javascript/newyear/swfobject.min.js"></script><script type="text/javascript" src="catalog/view/javascript/newyear/newyear.js"></script>
 

б) после тега <body> вставляем код:


<div class="b-page_newyear">  <div class="b-page__content">  <!-- новогодняя мотня newyear.html -->    <i class="b-head-decor">  <i class="b-head-decor__inner b-head-decor__inner_n1">  <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>    <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  </i>    <i class="b-head-decor__inner b-head-decor__inner_n2">  <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>    <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  </i>  <i class="b-head-decor__inner b-head-decor__inner_n3">    <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>    <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  </i>  <i class="b-head-decor__inner b-head-decor__inner_n4">  <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>    <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>    <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  </i>  <i class="b-head-decor__inner b-head-decor__inner_n5">  <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>    <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>    <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  </i>  <i class="b-head-decor__inner b-head-decor__inner_n6">  <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>    <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>    <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  </i>  <i class="b-head-decor__inner b-head-decor__inner_n7">  <div class="b-ball b-ball_n1 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>    <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_n9 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>    <div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  <div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>  </i>  </i>  </div></div>
 

Пусть количество дивов вас не пугает. На скорости загрузки страницы визуально это не отразилось

4) заходим на сайт и обновляем страницу. Если используем кэш - его нужно очистить

Всех с Новым Годом ! :)

 

Для версии 2.х - адаптирую вручную, с работой звуков (без флеш), цена услуги $10 - стучите в личку


  • Добавил
  • Добавлено
    29.12.2012
  • Категория
  • Системные требования
  • Метод активации
    Без активации
  • Ioncube Loader
    Нет
  • OpenCart
    1.5.6.4
    1.5.6.3
    1.5.6.2
    1.5.6.1
    1.5.6
    1.5.5.1
    1.5.5
    1.5.4.1
    1.5.3.1
  • ocStore
    1.5.5.1.2
    1.5.5.1.1
    1.5.5.1
    1.5.4.1.2
    1.5.4.1.1
    1.5.4.1
    1.5.3.1
    1.5.2.1
    1.5.1.3
  • OpenCart.Pro, ocShop
    OcShop 1.5.6.4.х

 

  • +1 7

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

вот цепляете всякую херню на сайт а потом получается, что половина java скриптов не работает - у вас бока с корзиной в правой колонке, добавьте товар в корзину а затем попробуйте удалить. Из корзины, что в header.tpl товар удаляется, в боковой продолжает висеть. И еще - зачем вам две корзины на сайте.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

В этой теме обсуждается не мой сайт, а новогодняя тема. Проблема с корзиной появилась после установки и допила всплывающей корзины при нажатии на кнопку "купить". Так как в ява не особо секу, то отложил это в далекий ящик. К тому же при переходе на другую страницу или обновлении страницы - все становится на свои места

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

на айпаде справа сантиметра 2 не отображает новогодней темы.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

на айпаде справа сантиметра 2 не отображает новогодней темы.

Это стили, всё настраивается чисто индивидуально

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Не, автору 5 балов, девушки в офисе с бокалам шампуня целый час баловались =)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Поставил себе ради прикола, даже работает, так что Einshtein спасибо! :)

И, кстати, весь яваскрипт, включая корзину, всплывающие формы и т.д. тоже работает.

Насколько я ненавижу всякие снежинки и прочую новогоднюю хрень на сайтах, эта штука очень понравилась )

Единственные моменты - не проверял как оно будет на айпаде, и второй момент - как бы сделать отступ сверху чуть больше чем сейчас?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

По отступу уже нашел, в файле /catalog/view/javascript/newyear/style.css изменить значение .b-page__content{min-height:50px}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

спасибо за замечание) буду в нужной кондиции - разберусь) обещаю :D

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Попробовал поставить...

Все по инструкции...

Установилось :)

Но только шарики не шевелятся и не издают звуки при наведении курсора :(

Ставил на ocStore Version 1.5.3.1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

можна ссылочку на сайт?

как вариант - пропишите в header.tpl перед тегом </head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Проблема решена :)

Виной всему моя невнимательность...

Изначально поставил скрипты перед тегом <head>

А нужно то было перед </head>

Все работает, спасибо!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ой не посмотрел что уже все ок - Отправил в пм сообщение

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Проблема решена :)

Виной всему моя невнимательность...

Изначально поставил скрипты перед тегом <head>

А нужно то было перед </head>

Все работает, спасибо!

Бывает :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

на осторе 153 будет работать?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

прикольная штука)) поставил на сайт себе. Даже с точки зрения SEO - она будет полезна)))))) Улучшает поведенческий фактор! Посетитель теперь дольше задерживается на сайте :))

Весело в общем))) 

Интересно, а в этом году Яндекс не делал ничего подобного?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

прикольная штука)) поставил на сайт себе. Даже с точки зрения SEO - она будет полезна)))))) Улучшает поведенческий фактор! Посетитель теперь дольше задерживается на сайте :))

Весело в общем))) 

Интересно, а в этом году Яндекс не делал ничего подобного?

Провисела у меня эта мотня пару недель итог - посетили перестали клацать по товарам, а только лишь дергали эти шарики (по вебизору смотрел) и уходили ничего не купив. Как только удалил через час поступил заказ. Делайте выводы ...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ну, кстати, очень может быть. Шарики могут и сильно отвлекать. Посетитель просто забывает зачем пришел на сайт))

Спасибо, Xren, за предостережение. Пускай повисит недельку, но буду тщательнее отслеживать в метрике)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Огромное спс за модуль заработало с первого раза - без глюков!!!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

а долбаный MaxyStore не хочет дружить с этой плюшкой  :-x

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

а долбаный MaksyStore не хочет дружить с этой плюшкой  :-x

здесь всем чихать на данную информацию. жалуйтесь на его форуме.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

здесь всем чихать на данную информацию. жалуйтесь на его форуме.

Уважаемый, я не жалуюсь - а делюсь полученным опытом :) надеюсь я ошибся,  что подумал  о какой-то нотке агресси в Вашем мэседже ;)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.