О чем здесь?
В статье речь пойдет о кнопка добавления в корзину $2BASKET$, $2BASKET_Q$, $BUY_NOW$.
Зачем это нужно?
Используя $переменные$ мы не имеем возможность видоизменить их внутренности. Кастомизация этих элементов позволит полностью перестроить эти кнопки под наши нужды. Например, разместить цену прямо на кнопке или расположить товар на другой странице сайта без использования информеров.
Как работают кнопки
Принцип работы всех трех одинаков: после нажатия одной из них, запускается функция, которая принимает параметры: $ID$ товара, $BLOCK_PREF$ (код месторасположения кнопки). Для кнопки с вводом количества товара $2BASKET_Q$ функция берет значение, введенное в это поле. Все эти функции описаны в шаблоне корзины и доступны на всех страницах сайта, где установлена $BASKET$.
Т.е. кнопки добавления в корзину должны работать на всех страницах сайта по умолчанию, но это не так. В описании функции добавления в корзину есть запуск другой функции ga_event(...). Эта функция описывается здесь:
<script type="text/javascript" src="http://s56.ucoz.net/src/shop_utils.js?2"></script>
Скрипт подключается автоматически для всех страниц модуля интернет магазин. Разместите скрипт в других шаблонах самостоятельно, если вам требуется обеспечить работоспособность кнопок "Купить" в других модулях.
Исходный код кнопок
Теперь давайте посмотрим, как выглядит исходный код кнопок.
$2BASKET$
<div id="$BLOCK_PREF$-$ID$-basket" class="basket add" onclick="add2Basket('$ID$','$BLOCK_PREF$')" title="В корзину"></div>
$2BASKET_Q$
<input type="text" id="q$BLOCK_PREF$-$ID$-basket" value="1" size="3" onfocus="this.select()" onkeypress="return checkNumber(this, event, '0');">
<input type="button" id="b$BLOCK_PREF$-$ID$-basket" onclick="add2Basket('$ID$','$BLOCK_PREF$');" value="В корзину">
$2BASKET$
<div id="$BLOCK_PREF$-$ID$-buynow" class="basket now" onclick="buyNow('$ID$','$BLOCK_PREF$')" title="Купить сейчас"></div>
Теперь нужно просто заменить в шаблонах коды кнопок и убедиться, что они работают и корректно добавляются в корзину. При этом html тег для кнопки может быть другим, главное, чтобы у тега были атрибуты id и onclick.
Пример:
<button id="$BLOCK_PREF$-$ID$-buynow" onclick="buyNow('$ID$','$BLOCK_PREF$')">Купить за $PRICE$</button>
При кастомизации кнопок на странице товара необходимо вместо $BLOCK_PREF$ поставить значение id.
0
