Abr@X@bra.ru
Компонент «Оформление заказа» в 1С-Битрикс (часть 1)

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

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

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



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



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

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

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

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


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

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

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

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


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

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

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



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

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



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



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



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

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

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

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



Источник: habrahabr.ru

PHP, Bitrix
Читайте также:
Как настроить каталог товаров Битрикс

Как настроить каталог товаров Битрикс

Иногда для размещения на сайте каталога товаров не подходит использование комплексного компонента Каталог и тр...
Читать
Как настроить вложенные ЧПУ Битрикс

Как настроить вложенные ЧПУ Битрикс

Начиная с версии 12.5 в продукте добавлена поддержка вложенных ЧПУ, т.е. при просмотре элемента каталога формируется абс...
Читать
Как настроить информационный блок для модуля поиск Битрикс

Как настроить информационный блок для модуля поиск Битрикс

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

Читать