Сотбит.Оригами: Обновление 1.8.0

Здравствуйте, дорогие клиенты, партнеры и пользователи 1С-Битрикс! На связи Сотбит.
Рады представить вам обновление 1.8.0, в котором мы продолжаем путь расширения возможности шаблона «Сотбит: Оригами». В текущем обновлении мы добавили новый вариант шапки сайта, новый вариант списка товаров каталога, новую страницу “Влог”, а также доработали валидацию номеров телефонов в формах обратной связи. Подробнее обо всех изменениях вы узнаете далее.


Рассмотрим список из пяти основных нововведений, которые мы добавили с текущим обновлением:
  • Новый вариант шапки сайта;
  • Новый вариант отображения списка товаров в каталоге;
  • Новый раздел - Влог;
  • Переработка корневой страницы брендов;
  • Настраиваемый формат маски номера телефона.
Давайте рассмотрим каждый пункт подробнее.


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


В новом варианте шапки мы ушли от старого варианта мобильного меню, который кардинально отличался от десктопной версии. В текущем варианте меню адаптировано как под десктоп, так и под мобильные устройства.




Еще одним нововведением стало краткое навигационное меню, которое доступно и в мобильной версии. При этом меню имеет возможность настройки в привычном для пользователей платформы “Битрикс” формате.
Для редактирования меню перейдите в режим правки, наведите курсор на меню до появления кнопки “Редактировать пункты меню”, после чего произведите требуемые изменения.


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


Для включения нового вида списка товаров перейдите в административные настройки «Сотбит: Оригами» и укажите требуемые варианты отображения.


3. Новый раздел - Влог
В наше время видеопорталы имеют бесспорную популярность, а сами пользователи живут под лозунгом “Лучше один раз увидеть, чем долго читать”. Не иметь раздел подобного рода было бы большим упущением и мы рады представить вам раздел “Влог”.




По своей структуре это привычный новостной раздел, но в то же время имеющий удобный интерфейс для просмотра видео на вашем сайте.
Для того, чтобы добавить новое видео на страницу влога, требуется лишь добавить новый элемент в инфоблок “Влог”, после чего указать “ID Видео” с YouTube.


ID видео вы всегда можете найти в ссылке после символов ?v=
Например, в ссылке к видео www.youtube.com/watch?v=AgrN78JdyVk
ID видео будет AgrN78JdyVk

4. Переработка корневой страницы брендов
Корневая страница брендов с момента выпуска «Сотбит: Оригами» не претерпевала изменений. С текущим обновлением мы решили добавить этой странице немного жизни и динамики.


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


При наличии требуемого свойства на странице элемента останется только указать ссылку на оригинальный сайт.


5. Настраиваемый формат маски номера телефона
В предыдущих версиях «Сотбит: Оригами» валидация номеров телефонов осуществлялась по заданной в настройках маске и для интернет-магазинов, работающих в рамках одной страны, была достаточной, но для интернет-магазинов, работающих в нескольких странах, требовалось что-то иное.
В текущем обновлении мы добавили альтернативный вариант валидации номеров телефона “С флагами”, переключение на который вы найдете в административных настройках решения.


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


А сейчас полный список обновлений.
Новые функциональные возможности:
  • Внедрена настройка отображения масок телефона (с флагами / без флага);
  • В конструктор главной страницы перенесена форма захвата;
  • Добавлен новый вариант шапки сайта;
  • Добавлена страница "Влог";
  • Добавлен 3 вид отображения каталога - Краткий вид;
  • Для корневой страницы каталога добавлена отдельная настройка вложенности разделов;
  • Добавлена настройка включения и отключения быстрого перехода к следующему или предыдущему товару.
Визуальные улучшения:
  • Переработаны инпуты в попап формах;
  • Переработаны баннер "Комбинированный с доп. картинками справа";
  • Переработана корневая страница брендов;
  • Переработано отображение слайдера блоков допродаж Битрикс на детальной странице товара.
Оптимизация и исправления:
  • Исправлены ошибки AJAX фильтрации каталога;
  • Исправлена ошибка прокрутки слайдера в блоке "Новости: Слайдер" при переходе к новости;
  • Исправлена ошибка эффектов при наведении в блоке "Акции: Слайдер";
  • Исправлены ошибки отправки веб форм в случае, когда пользователь не заполнил ни одно поле;
  • Исправлена ошибка работы детальной страницы товара при отключении отложенных товаров;
  • Исправлена работа подарков на детальной странице товара;
  • Исправлены ошибки настройки элементов быстрого просмотра (Нашли дешевле, Хочу в подарок);
  • Исправлены ошибки верстки единиц измерения в корзине;
  • Исправлены ошибки верстки добавления товаров в корзину из отложенных на странице корзины;
  • Исправлены ошибки отображения флагов в полях ввода телефона отображаемых в модальных окнах;
  • Исправлены визуальные ошибки на детальной странице товара при появлении окна мини-корзины;
  • Исправлена ошибка появления 4 варианта шапки поверх публичных настроек компонентов;
  • Исправлена ошибка подключения стилей блока сортировки каталога при фильтрации;
  • В быстрый переход к следующему и предыдущему товару добавлен вывод детальной картинки при отсутствии анонса;
  • Исправлена ошибка отображения кнопки "Купить в 1 клик" при отсутствии товара;
  • Исправлена ошибка слипания блока подарков и подвала сайта на странице корзины;
  • Прочие правки и улучшения.
Примечание к обновлению
  • Для отображения видео на странице влога укажите id видео с YouTube в поле "ID видео" (VIDEO_LINK);
  • Для отображения ссылки на сайт бренда требуется создать и заполнить свойство BRAND_LINK.
  • Для отображения пользовательских иконок в меню нового варианта шапки сайта следуйте инструкции:
Новая шапка состоит из двух файлов меню: один для отображения сайд бара, другой — для выпадающего меню.
Для отображения иконок в новой шапке нужно добавить параметр "ICON" => "название_иконки" в файл sotbit_top.menu и sotbit_side.menu, соответственно.

Пример:
$aMenuLinks = Array(
   Array(
    "Каталог",
    "/catalog/",
    Array(),
    Array(
        "ICON" => "icon_mobile_menu_bottom_catalog"
    ),
    "",
   ),
);

Иконки для сайта хранятся в svg sprite файле \local\templates\sotbit_origami\assets\img\sprite.svg.
Добавьте пользовательскую svg иконку в данный файл, где в качестве id будет выступать "название_иконки", которое требуется указать в файлах меню.
В итоге вы должны получить следующий вид:
   <symbol id="название_иконки" viewBox="0 0 24 24">
    тело вашей svg иконки
   </symbol>
Телом иконки будет являться содержимое исходного svg файла, которое находится внутри тега "<sv g>тело вашей svg иконки</svg>".