Создание своей кнопки "корзина"

Если вы добавите в любое место своей страницы элемент:

<div id="easynetshop-cart">
	Любой элемент (картинка, кнопка, ссылка)
</div>

Данный элемент автоматически станет новой кнопкой для перехода в корзину, а стандартная кнопка корзины при этом отображаться не будет. Таким образом можно заменить стандартную кнопку на свою индивидуальную.

Если у вас в дизайне уже есть кнопка для корзины, то можно к ней добавить id="easynetshop-cart" и она будет работать.

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

  • Подробное описание состояния заказа.
    При загрузке корзины внутри этого элемента окажется текст "Ваша корзина пуста", "В вашей корзине 1 товар" и т.д.
    <span id="easynetshop-cart-info"> </span> 
  • Количество товаров в корзине.
    Может быть использовано для оформления счетчика товаров. Показывает значение 0,1,2,... по количеству товаров.
    <span id="easynetshop-cart-count"> </span>
  • Сумма заказа в корзине.
    Показывает итоговую сумму товаров в корзине без учета выбранного способа доставки и скидок.
    <span id="easynetshop-cart-summ">{начальное содержимое} </span>

Пример работы собственной кнопки "Корзина"

<div id="easynetshop-cart">
Товаров в корзине: <span id="easynetshop-cart-count">0</span> <br/> 
Стоимость заказа: <span id="easynetshop-cart-summ">0</span> руб. 
</div>