Рады представить вам обновление 1.8.0, в котором мы продолжаем путь расширения возможности шаблона . В текущем обновлении мы добавили новый вариант шапки сайта, новый вариант списка товаров каталога, новую страницу “Влог”, а также доработали валидацию номеров телефонов в формах обратной связи. Подробнее обо всех изменениях вы узнаете далее.
Рассмотрим список из пяти основных нововведений, которые мы добавили с текущим обновлением:
- Новый вариант шапки сайта;
- Новый вариант отображения списка товаров в каталоге;
- Новый раздел - Влог;
- Переработка корневой страницы брендов;
- Настраиваемый формат маски номера телефона.
[spoiler]
1. Новый вариант шапки сайта
Приняв вектор развития шаблона в сторону оптимизации мобильной версии, мы реализовали шапку сайта, которая будет соответствовать духу мобильности.
Включить новый вариант шапки вы можете в публичных настройках решения, а для того, чтобы изменить фон шапки, перейдите в административные настройки решения и выберите один из трех предложенных вариантов.
В новом варианте шапки мы ушли от старого варианта мобильного меню, который кардинально отличался от десктопной версии. В текущем варианте меню адаптировано как под десктоп, так и под мобильные устройства.
Еще одним нововведением стало краткое навигационное меню, которое доступно и в мобильной версии. При этом меню имеет возможность настройки в привычном для пользователей платформы “Битрикс” формате.
Для редактирования меню перейдите в режим правки, наведите курсор на меню до появления кнопки “Редактировать пункты меню”, после чего произведите требуемые изменения.
2. Новый вариант отображения списка товаров в каталоге
Три вида отображения каталога уже давно стало правилом хорошего тона для интернет-магазина и в текущем обновлении мы добавили третий, краткий вид отображения каталога.
Для включения нового вида списка товаров перейдите в административные настройки и укажите требуемые варианты отображения.
3. Новый раздел - Влог
В наше время видеопорталы имеют бесспорную популярность, а сами пользователи живут под лозунгом “Лучше один раз увидеть, чем долго читать”. Не иметь раздел подобного рода было бы большим упущением и мы рады представить вам раздел “Влог”.
По своей структуре это привычный новостной раздел, но в то же время имеющий удобный интерфейс для просмотра видео на вашем сайте.
Для того, чтобы добавить новое видео на страницу влога, требуется лишь добавить новый элемент в инфоблок “Влог”, после чего указать “ID Видео” с YouTube.
ID видео вы всегда можете найти в ссылке после символов ?v=
Например, в ссылке к видео
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> |
