Профили покупателей

0 0

Стандартная установка модуля из MarketPlace.
После установки модуля, в папке /local/components/abcwww/ появится компонент sale.personal.profile, который вы можете подключить на странице.

Параметры компонента:
PROFILE_NAME_MIN_LENGTH - Минимальное количество символов в названии профиля
PROFILE_NAME_MAX_LENGTH - Максимально количество символов в названии профиля
PROFILE_MAX_COUNT - Максимальное количество профилей, которое может создать пользователь
MULTIPLE_VALUE_MAX_COUNT - Максимальное количество вариантов значений, которые пользователь может добавить во множественном свойстве заказа. Этот параметр применяется только к свойствам тип строка, число, файл, дата, местоположение
SORT_BY1 - Поле для первой сортировки профилей
SORT_ORDER1 - Направление первой сортировки профилей
SORT_BY2 - Поле для второй сортировки профилей
SORT_ORDER2 - Направление второй сортировки профилей
PROFILE_OPEN_TYPE - Вариант отображения выбранного профиля (попап/аккордеон)
GROUP_PROPERTIES - Y/N Выводить названия групп свойств заказа и помещает каждое свойство в свою группу
SHOW_PROFILE_TYPE - Y/N Показывать тип плательщика в названии профиля
SHOW_PROPERTY_DESCRIPTION - Y/N Показывать описания свойств заказа
SHOW_PROPERTY_VARIANT_DESCRIPTION - Y/N Показывать описания вариантов значений свойств заказа
SET_MASK_PHONE_TO_PROPERTY - Y/N Использовать маску телефона
MASK_PHONE_TO_PROPERTY - Шаблон маски телефона, например +7 (999) 999-99-99,
SET_MASK_PHONE_TO_PROPERTY_NAME_(*) - Массив кодов свойств заказа для которых применить маску, вместо (*) указывается ID типа плательщика, потому что для каждого типа плательщика можно указать отдельный набор свойств.

Пример вызова компонента:
<?$APPLICATION->IncludeComponent(
   "abcwww:sale.personal.profile",
   ".default",
   array(
       "COMPONENT_TEMPLATE" => ".default",
       "PROFILE_NAME_MIN_LENGTH" => "2",
       "PROFILE_NAME_MAX_LENGTH" => "100",
       "PROFILE_MAX_COUNT" => "20",
       "MULTIPLE_VALUE_MAX_COUNT" => "20",
       "SORT_BY1" => "ID",
       "SORT_ORDER1" => "DESC",
       "SORT_BY2" => "ID",
       "SORT_ORDER2" => "DESC",
       "PROFILE_OPEN_TYPE" => "ACCORDION",
       "GROUP_PROPERTIES" => "Y",
       "SHOW_PROFILE_TYPE" => "Y",
       "SHOW_PROPERTY_DESCRIPTION" => "Y",
       "SHOW_PROPERTY_VARIANT_DESCRIPTION" => "Y",
       "SET_MASK_PHONE_TO_PROPERTY" => "Y",
       "MASK_PHONE_TO_PROPERTY" => "+7 (999) 999-99-99",
       "SET_MASK_PHONE_TO_PROPERTY_NAME_1" => array(
           0 => "PHONE",
       ),
       "SET_MASK_PHONE_TO_PROPERTY_NAME_2" => array(
           0 => "PHONE",
           1 => "FAX",
       )
   ),
   false
);?>

Особенности шаблона:
CSS-классы с префиксом "js-" используются для обработки JavaScript, удаление такого класса может привести к ошибкам. Классы с префиксом "js-" не участвуют в стилизации, они нужны исключительно для JS.

Для стилизации каждого отдельного свойства заказа добавлены CSS-классы:
1) input-class-(символьный код свойства в нижнем регистре) CSS-класс для элемента-input свойства заказа
2) field-class-(символьный код свойства в нижнем регистре) CSS-класс для контейнера свойства заказа
Это нужно для того, чтобы вы имели возможность стилизовать каждое свойство по отдельности без правок кода шаблона.

У CSS-класса inputs-block указан стиль
.inputs-block {
   display: flex;
   flex-direction: row;/*Это не ошибка, так задумано*/
   flex-wrap: wrap;
   justify-content: space-between;
}
Сделано это для того, чтобы можно было разместить несколько свойств в одной строке.
Предположим, есть свойства "Телефон" (с символьным кодом PHONE) и "Email" (с символьным кодом EMAIL), и нам нужно вывести их в одной строке.
Для этого в админке задаем сортировку у свойств так, чтобы Телефон и Email вывелись рядом (Свойства выводятся в порядке убывания поля "Сортировка")
А в CSS задаем стиль
.abcwww-profiles .field.field-class-phone, .abcwww-profiles .field.field-class-email {
   flex: 0 0 calc(50% - 5px);
}

Popup, аккордеон, табы выполнены на чистом CSS без использования JS, поэтому в шаблоне вы обнаружите несколько input type="radio", они как раз служат для этих целей.

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

Шаблон предусматривает и обрабатывает все настройки свойств заказа, установленные в админке.

Поддержка осуществляется через обращения на почту marketplace@abcwww.ru
При обращении указывайте название модуля и купон, полученный при покупке решения.