Компонент «Оформление заказа» в новой версии платформы «1С-Битрикс» (часть 1)

в 6:48, , рубрики: 1С-Битрикс, Блог компании 1С-Битрикс, оформление заказа, управление сайтом, метки: ,

Итак, вы уже знаете, что недавно состоялся релиз новой е-commerce платформы «1С-Битрикс». С ней было привнесено множество улучшений и изменений, которые раскроются перед вами после перехода на новый компонент «Оформления заказов». Давайте подробнее рассмотрим как сам процесс перехода, так и сделанные нами нововведения. Но прежде чем приступить, хочется поблагодарить разработчика компании «1С-Битрикс» Орландо Виласека за огромную работу по созданию нового компонента. Она был написан с использованием ядра D7.

Итак, предварительно сделав резервную копию, установим обновления на боевой проект.

Компонент «Оформление заказа» в новой версии платформы «1С-Битрикс» (часть 1) - 1

После завершения установки давайте посмотрим, как изменился компонент на сайте и есть ли проблемы с отображение. В качестве демонстрации мы записали небольшой ролик:

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

  • Цвет кнопок не совпадает с цветовой гаммой сайта. Это не проблема компонента, просто не было настроено. По умолчанию задается синий цвет.
  • Не у всех способов оплаты есть описание, и теперь нет смысла показывать название под картинками оплат. В новом компоненте справа выводится название и описание. Мы тоже это настроим.
  • Ранее, при получении файлов от клиентов они выводились в отдельном блоке с описанием. Сейчас описания нет, а файлы отображаются вверху. Так получилось из-за отсутствия необходимости выставлять сортировку свойств в предыдущем компоненте. Настройка не сложная, и далее мы ее тоже проведем.
  • Размеры поля ввода адреса и поля комментариев несколько не логичны. У предыдущего компонента нельзя было настроить высоту, а у текущего она явно выставлена некорректно. Тоже легко исправим.
  • Не отобразились картинки товара. В этом примере была сделана кастомизация и картинки выводились вручную. Чуть позже была реализована настройка отображения полей, но так как это не было настроено, то и картинки отсутствовали. Это тоже легко исправить.

В целом все прошло хорошо и особых проблем нет. Мелкие нюансы мы поправим по ходу повествования.

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

Что было изменено в компоненте:

  • Кнопкам был назначен цвет, соответствующий цвету шаблона.
  • Убраны названия блоков оплат, по картинкам всё понятно. Справа выводится дополнительная информация.
  • В настройках указано, где брать картинки для всех инфоблоков, с которыми ведется работа. После этого картинки отобразились.

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

Если вам не нравится, что в профиле свойство файла находится выше свойств профиля, то это можно изменить. В административном разделе зайдем в список свойств заказа:

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

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

Идем в административный раздел:

Компонент «Оформление заказа» в новой версии платформы «1С-Битрикс» (часть 1) - 2

Заполняем недостающие описания и меняем сортировку.

Осталась еще одна мелочь: уменьшить высоту блока адреса и привести его в соответствие размеру комментария. Так он выглядит до настройки:

Компонент «Оформление заказа» в новой версии платформы «1С-Битрикс» (часть 1) - 3

Теперь идем в настройку свойства «Адрес» и устанавливаем высоту поля ввода:

Компонент «Оформление заказа» в новой версии платформы «1С-Битрикс» (часть 1) - 4

Устанавливаем у свойства «Адрес» высоту в «две строки» и смотрим, что у нас получилось:

Компонент «Оформление заказа» в новой версии платформы «1С-Битрикс» (часть 1) - 5

Отлично, теперь выглядит красиво.

На этой ноте завершаем нашу вводную статью. В следующем материале мы расскажем, как использовать новые возможности компонента и платформы. Появилась возможность:

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

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

Автор: 1С-Битрикс

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js