Весенняя акция
Скидки до 25% на оплату тарифов inSales или услуги бесплатно! Дарим продвижение от Яндекс Директ, АВИТО и Market GURU всем участникам акции. Получить скидку
Реклама
ООО Инсейлс Рус ИНН 7714843760 erid: 2RanykCTZQm, ООО "КЕХ еКоммерц" ИНН 7710668349 erid: 2RanyoAP6mP, ООО "Яндекс" ИНН 7736207543 erid: 2RanymuihWh, ООО «МАРКЕТГУРУ» ИНН 6154160950 erid:2RanynSsSsj, ООО "Пиксель Промо" ИНН 7735573603 erid: 2RanymxhgXB, ИП Зубова Светлана Ильинична ИНН 541011749265 erid: 2RanymKdzUZ, ИП Зимушенко Татьяна Александровна ИНН 440119163665 erid: 2RanynN2yqj , ИП Мурадян Эмиль Эдуардович ИНН 231847713764 erid: 2Ranyo7Qnim

Методы для работы с UI

InSalesUI.initAjaxInstance

Инициализация формы корзины

Параметры

/*
* @param {jquery} jquery объект
*/

InSalesUI.initAjaxInstance($(".js-dynamic_basket"));

Пример

EventBus.subscribe("update_items:insales:cart", function(cart) {
  $(".js-dynamic_basket").html(Template.render(cart, "dynamic_basket"));
  InSalesUI.initAjaxInstance($(".js-dynamic_basket"));
});
<div class="dynamic_basket js-dynamic_basket">
</div>


<script type="text/template" data-template-id="dynamic_basket">
  <div class="dynamic_basket-header">
    ваши покупки
  </div>
  <form action="/cart_items" method="post" data-ajax-cart>
    <input type="hidden" name="_method" value="put">
    <input type="hidden" name="make_order" value="">

  <div class="dynamic_basket-list">
    <% if(order_lines.length == 0){ %>
      <div class="dynamic_basket-empty text-center">
        Корзина пуста
      </div>
    <% } %>
    <% _.forEach(order_lines, function (value){  %>
      <div class="dynamic_item" data-item-id="<%= value.id %>" data-product-id="<%= value.product_id %>">
        <div class="row">
          <div class="cell-4">
            <a href="" class="dynamic_item-image">
              <span class="image-container is-square">
                <img src="<%= value.first_image.medium_url %>">
              </span>
            </a>
          </div>
          <div class="cell-6">
            <div class="dynamic_item-title">
              <%= value.title  %>
            </div>
            <div class="dynamic_item-quantity">
              <%= Shop.money.format(value.sale_price) %> х <%= value.quantity  %>
            </div>

            <div data-quantity class="quantity is-basket">
              <div class="quantity-controls">
                <button data-quantity-change="-1" class="quantity-control bttn-count" type="button">
                  -
                </button>

                <input class="quantity-input" type="text" name="cart[quantity][<%= value.id %>]" value="<%= value.quantity %>" />

                <button data-quantity-change="1" class="quantity-control bttn-count" type="button">
                  +
                </button>
              </div>
            </div>
          </div>
          <div class="cell-2 text-right">
            <button class="dynamic_item-del" data-item-delete="<%= value.id %>">
              &times;
            </button>
          </div>
        </div>
      </div>
    <% }) %>

  </div>

  <% if(order_lines.length > 0){ %>
  <div class="dynamic_basket-total row flex-middle">
    <div class="cell-6 row flex-center">
      итого
    </div>
    <div class="cell-6 row flex-center">
      <%= Shop.money.format(total_price) %>
    </div>
  </div>

  <input type="submit" value="оформить покупки" data-cart-submit class="dynamic_basket-submit bttn-prim">
  <% } %>
  </form>
</script>

InSalesUI.bindUpdateCart

Обновление слушателей quantity в форме корзины

Оставить оценку

Оценка успешно отправлена.
Она будет проверена администратором перед публикацией.
Нажимая кнопку «Отправить оценку», я принимаю пользовательское соглашение и политику конфиденциальности
Перед публикацией все оценки проходят модерацию

Оценки: 0

Остались вопросы?
Отправь тикет в техподдержку!
Еще нет своего магазина?
Создайте интернет-магазин на платформе inSales
Всё для продаж уже внутри!
Нажимая кнопку «Создать магазин», я принимаю Пользовательское соглашение и Политику конфиденциальности
Недавно просмотренные статьи
Продолжая пользоваться сайтом,
вы соглашаетесь с использованием cookie