Новая плавающая малая корзина в 1C-Битрикс

Автор: Дмитрий Акифьев. Размещено в: 1С-Битрикс

Плавающая корзина

Приветствую, Друзья!

В этом видеоуроке вы узнаете о новой корзине в Битриксе, которая может не только плавать над шаблоном магазина, но и показывать состав корзины с картинками товаров.

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

И недавно вышло очередное обновление, в котором кардинально переработана малая корзина. Малая корзина – это та, которая показывается на всех страницах магазина в виде ссылки на корзину и количеством товаров в ней. Большая корзина – это отдельная страница магазина, на которой показан состав корзины, можно поменять количество товаров в корзине, удалить или отложить товар и перейти к оформлению заказа.

В чем преимущества новой малой корзины:

  1. Может плавать над шаблоном в любом углу окна браузера, то есть постоянно находиться на видном месте, и если посетитель магазина прокрутит страницу вниз чтобы почитать длинное описание товара или отзывы, то он никогда не потеряет корзину из вида – она всегда на экране.
  2. Новая корзина может использоваться со сторонними шаблонами, в которых даже забыли сделать ссылку на корзину или персональный раздел – плавающая корзина легко интегрируется в любой дизайн и не нарушает оригинальную верстку.
  3. Корзина может раскрываться и показывать свое содержимое с картинками товара и их ценами без перехода на страницу большой корзины.
  4. Прямо из корзины можно перейти на страницу оформления заказа, без промежуточного перехода на страницу большой корзины: меньше действий для покупки – меньше вероятность отказа от покупки.
  5. Можно управлять товарами прямо в малой корзине на любой странице магазина, без перехода на страницу большой корзины, в корзине можно показывать не только товары доступные к покупке, но и отложенные и «товары по подписке».

Компонент малой корзины полностью переделан, как он сейчас выглядит и как его правильно включить смотрите в этом видео:

На этом сегодня все! Не забываем жать на социальные кнопки слева и задавать свои вопросы чуть ниже в комментариях!

 
Стрела влево

Если вам понравилась статья, то нажмите на одну из кнопок социальных сетей для размещения ссылки на страницу в своей ленте в этой соцсети.

 

Метки:, , , , ,

 

Комментарии (2):

  • Максим

    |

    Дмитрий, подскажите код для задачи в корзине:

    в системе созданы скидки. 5% от суммы заказа 1500 руб

    Нужно в корзине вывести условие, если сумма заказа до 1500 тоестщ условие для скидки не выпонено то выводим сообщение «от 1500 руб скидка 5%!»

    Ответить

    • Дмитрий Акифьев

      |

      Вы думаете, что там 2 строчки кода?

      Вы же хотите, чтобы после изменения количества товаров в корзине и изменения суммы эта надпись пропадала? А это уже делается через Javascript и иногда с помощью AJAX.

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

      Я не обучаю программированию, так как это не нужно подавляющему большинству моих подписчиков, поэтому читайте мануалы от производителя: тыц

      Ответить

Написать комментарий