Как правильно обернуть кнопку купить?

[cop2000]

Доброго дня всем!

С прошедшими праздниками!

Подскажите кто шарит... что-то я запутался...

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

вот ссылка http://testrestmart.lodkiargo.in.ua/products/b-220C-grebnaya-naduvnaya-lodka-bark.html на тесте

погуглил, скриптов которые это делают много но остановился на magnific-popup http://dimsemenov.com/plugins/magnific-popup/documentation.html

 

Всё вроде просто, под ссылку подставляем class и порядок но как обернуть кнопку... что не делал... окно выскакивает но товар при этом в корзину не добавляется...

 

сама кнопка:

<div class="item_buttons_counter_block">
<button onclick="basketblock();" class="bx_big bx_bt_button" id="buy"  type="submit">Купить</button>
<a class="bx_big bx_bt_button bx_cart added buyed_118" id="buyed" href="cart/" style="display:none"><span></span>Добавлено</a>
</div>

java скрипт который я так понимаю обрабатывает события на кнопке, находится внизу product.tpl

<script>			
	function basketblock()
		{
		if ($("#buyed").css("display")=="block")
		{
			$("#buyed").css("display", "none");
			$("#buy").css("display", "block");
        }
		else
		{
		$("#buyed").css("display", "block");
		$("#buy").css("display", "none");
        }
}
	
</script>		

в таком виде всё работает...

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

делаю это следующим образом:

<a class="popup-with-zoom-anim" href="#small-dialog">
      <div class="item_buttons_counter_block">
      <button onclick="basketblock();" class="bx_big bx_bt_button" id="buy"  type="submit">Купить</button>
      <a class="bx_big bx_bt_button bx_cart added buyed_118" id="buyed" href="cart/" style="display:none"><span></span>Добавлено        </a>
      </div>
</a>	
<div id="small-dialog" class="zoom-anim-dialog mfp-hide"> .....</div>

               

модальное окно срабатывает... товар в корзину не попадает (((

Следует наверное ещё отметить что всё это находиться внутри формы...

подскажите что делаю не так?

Спасибо!

[Noxter]

Потому что нельзя использовать одновременно 2 события, оно должно быть одно. Править нужно JS корзины.

[Noxter]

Советую использовать встроенный в симплу fancybox, документацию найдёте в сети.