Заказать обратный звонок
Написать письмо
+7 (495) 278-08-54 Москва
+7 (812) 670-07-40 Санкт-Петербург

Новости

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

Александр Дудаков

26 февраля 2020

Здравствуйте, дорогие клиенты, партнеры и пользователи 1С-Битрикс! На связи Сотбит.

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

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

Рассмотрим список из пяти основных нововведений, которые мы добавили с текущим обновлением:

  • Новый вариант шапки сайта;

  • Новый вариант отображения списка товаров в каталоге;

  • Новый раздел - Влог;

  • Переработка корневой страницы брендов;

  • Настраиваемый формат маски номера телефона.

Давайте рассмотрим каждый пункт подробнее.

1Новый вариант шапки сайта

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

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

Настройка вариантов шапки сайта

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

Меню для мобильных устройств

Меню для десктопов

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

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


2Новый вариант отображения списка товаров в каталоге

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

Новый вариант отображения списка товаров в каталоге

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

Настройка вариантов отображения списка товаров в каталоге

3Новый раздел - Влог

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

Новый раздел - Влог

Новый раздел - Влог

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

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

Добавление нового видео

ID видео вы всегда можете найти в ссылке после символов ?v=

Например в ссылке к видео https://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 файла, которое находится внутри тега "<svg>тело вашей svg иконки</svg>".


Остались вопросы по статье?

Оставьте свой контакт и наш менеджер вас проконсультирует.



Решения
B2B портал
349 900 руб.
B2BShop
259 900 руб.
233 910 руб.
11 Отзывов
B2B кабинет
199 900 руб.
179 910 руб.
5 Отзывов
Оригами
39 900 руб.
35 910 руб.
11 Отзывов
SEO умного фильтра
14 990 руб.
13 491 руб.
182 Отзыва
Парсер контента
19 990 руб.
17 991 руб.
129 Отзывов
Сотбит: Мультирегиональность
14 990 руб.
13 491 руб.
37 Отзывов
Мультикорзина
24 990 руб.
22 491 руб.
Коммерческие предложения
39 990 руб.
35 991 руб.
B2BMobile
49 990 руб.
SEO умного поиска
9 990 руб.
8 991 руб.
3 Отзыва
Индивидуальные цены
39 900 руб.
35 910 руб.
Рекламации
39 900 руб.
35 910 руб.
Сотбит: CRM инструменты
4 990 руб.
4 491 руб.
Комплексные отзывы
9 990 руб.
8 991 руб.
3 Отзыва
1С инструменты
9 990 руб.
8 991 руб.
8 Отзывов
Расширенная регистрация
9 990 руб.
8 991 руб.
2 Отзыва
Перекрестные продажи
9 990 руб.
8 991 руб.
2 Отзыва
Микроразметка Schema.org
4 990 руб.
4 491 руб.
OpenGraph
4 990 руб.
4 491 руб.
Сотбит: Проверка контрагента
4 990 руб.
4 491 руб.
1 Отзыв
Быстрая загрузка картинок
4 990 руб.
4 491 руб.
1 Отзыв
Похожие товары
4 990 руб.
4 491 руб.
2 Отзыва
Интеграция с Контур.Эльба
9 990 руб.
8 991 руб.
1 Отзыв
Счет на почту в PDF
4 990 руб.
4 491 руб.
3 Отзыва
Сотбит: REST API
Бесплатно
Заказ по телефону
Бесплатно
Еще решения


Сотбит
Веб интегратор занимается разработкой сайтов на 1С-Битрикс, разработкой типовых решений, входит в ТОП-10 разработчиков для Маркетплейса 1С-Битрикс.
192029
Россия
Ленинградская область
Санкт-Петербург
м. «Петроградская», пр-т Медиков, д. 3-5, лит. А, оф. 211
+7 (812) 670-07-40
sale@sotbit.ru
,
Обратная связь