Всплывающее окошко не закрывается.

[alinalessioYandex]

По умолчанию, при нажатии на "Купить", под верхним меню появляется зеленое окошко с текстом, ссылками и крестиком для закрытия.
 
Хочу сделать как здесь: http://livedemo00.template-help.com/opencart_38752/index.php?route=common/home

Я в своем шаблоне сделал это окошко появляющимся не вверху экрана, а по центру. Крестик я заменил на свою картинку. Для этого в файле common.js изменил строки с

<img src="catalog/view/theme/theme018/image/close.png" alt="" class="close"/>

на

<span class="close">
<img src="catalog/view/theme/theme018/image/close.png" alt="" class="close"/>
</span>

span мне нужен, чтобы картинка меняла цвет (задаю смещение в css Картинка состоит из двух крестиков один над другим, разных цветов.)
После чего картинка с крестиком показывается, но когда нажимаю, чтобы закрыть, картинка исчезает и окно не закрывается.
 
Что еще исправить, чтобы окно закрывалось и картинка с крестиком не исчезала?
 
Кроме этого нужно избавиться от перемещения страницы вверх, при нажатии на "Купить". А в идеале, чтобы окошко появлялось и исчезало само через несколько секунд.
 
ocStore Version 1.5.2.1