Документация Сотбит: Розница. Настройка каталога. Карточка товара. Оформление карточки товаров
Оформление карточки товара включает подробное описание, фото, ключевые характеристики, информацию о цене и другую информацию.
Для изменения оформления карточки товара перейдите на страницу Администрирование > Сотбит > Сотбит: Розница > Настройки > [id сайта]. На вкладке Внешний вид для параметра Вариант детальной страницы товара укажите значение в соответствии с примерами ниже.
Примеры оформления карточки товара.
Детальная страница 1
Детальная страница 2
Детальная страница 3
Вариант отображения Детальная страница 3 позволяет группировать информацию в табы. Табы в свою очередь можно гибко настраивать для отображения различного контента.
Для управления табами перейдите на страницу Администрирование > Сотбит > Сотбит: Розница > Настройки > [id сайта], укажите в параметре Вариант детальной страницы товара значение Детальная страница 3 и сохраните настройки шаблона.
Шаблон имеет три системных таба:
-
Описание;
-
Характеристики;
-
Отзывы.Удалить или отключить системные табы нельзя.Системным табам можно изменить название и порядок отображения. Для этого необходимо раскрыть бургер-меню и нажать Изменить.
Укажите Название и Сортировку для редактируемого таба.
Значение поля Сортировка определяет порядок отображения табов в детальной карточке товара. Чем меньше значение сортировки, тем выше приоритет таба.Чтобы создать пользовательский таб, нажмите кнопку Добавить.
Заполните для нового таба поля Название и Сортировка. После заполнения полей нажмите кнопку Сохранить.Чтобы отредактировать содержимое пользовательского таба, раскройте на нём бургер-меню и нажмите Изменить. В окне редактирования таба по умолчанию содержится блок для вывода свойств в таб.
Чтобы выбранные свойства отображались в табе, в свойстве должен быть активен параметр Показывать на детальной странице элемента. С информацией о настройке свойств можно ознакомиться на этой странице.Каждый пользовательский таб имеет свой файл, в котором может размещаться как статическая, так и динамическая информация. Чтобы отредактировать содержимое файла, нажмите в окне редактирования Перейти к файлу. Вас перенаправит на страницу редактирования файла в PHP режиме.
Макрос #DISPLAY_PROPERTIES# предназначен для отображения свойств в табе. Убрать его можно только в случае, если на этом пользовательском табе не должны отображаться свойства.Активность:Чтобы таб не отображался на странице достаточно деактивировать его, для этого нажмите на бургер-меню слева от его названия, внутри окна уберите галочку с параметра активность.
Неактивные табы на детальной странице товара отображаться не будут.
Навигационная цепочка в мобильной версии
В мобильной версии детальной страницы всегда отображается полный путь хлебных крошек (от главной страницы до текущего элемента). Опция работает автоматически и не требует дополнительных настроек в административной панели.
Особенности работы мобильных хлебных крошек:
- Горизонтальный скролл. Если навигационная цепочка длинная, она не переносится на вторую строку и не обрезается, а аккуратно прокручивается по горизонтали.
- Автофокус на текущем разделе. При загрузке страницы хлебные крошки автоматически скроллятся к самому концу цепочки — к названию текущей страницы. Это позволяет пользователю сразу видеть конечный подраздел.
- Эффект затухания. По краям прокручиваемой области применен мягкий полупрозрачный градиент, который визуально подсказывает пользователю, что цепочку можно листать влево для перехода на верхние уровни каталога.
- Кликабельность. Все родительские разделы в цепочке являются активными ссылками. Последний элемент (название текущего товара или услуги) выводится в виде обычного текста без ссылки.
