Jump to content
Einshtein

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

Recommended Posts

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


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


Наверное многие заметили что в сети сейчас много новогодних тем на сайтах. Яндекс любезно предоставил нам собственный вариант праздничного оформления шапки сайта. Это новогодние шарики которые реагируют на наведение на них курсора мышки, ещё и звенят.
В последних версиях браузеров на движке 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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

  • +1 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

Ставил на ocStore Version 1.5.3.1

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

Бывает :)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.