Телефон отдела продаж
Email отдела продаж
Email тех. поддержки
Не нашли ответ на свой вопрос
Просмотров: 22217

Настройка верхнего выпадающего меню

+ Настройка отображения разделов по колонкам
+ Загрузка иконок к подразделам
+ Загрузка фоновых картинок для выпадающего меню
Настройка верхнего выпадающего меню
Видео инструкции:

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

Колонки в выпадающем меню

Возможность распределить пункты меню по столбцам появляется у разделов второго уровня (тех, что отображаются в выпадающем меню). Для этого необходимо задать нужное значение сортировки в административной части сайта. Проставим сортировку с учетом того, что разделы со значением 1-50 будут в первой колонке, 51-100 - второй, 101-150 - третьей и 151 и более - четвертой. В решении 5я колонка не предусмотрена под разделы, она оставлена под фоновую картинку и запас под адаптивную верстку на маленьких разрешениях. Допустим, мы хотим, чтобы все три раздела занимали по столбцу. В части "Магазин" переходим через Каталог товаров в нужный раздел. Проще всего редактировать параметр Сортировка прямо в таблице элементов, выделив через колонку флажков все редактируемые разделы. Нажав на кнопку редактирования, в столбце Сортировка необходимо выставить следующие значения:

После сохранения в публичной части сайта должны отразиться все изменения:

Если все осталось прежним, сбросьте кэш:

Теперь сделаем так, чтобы раздел Часы был прямо под мужской одеждой:

Загрузка картинок в выпадающее меню

В выпадающем меню также предусмотрено отображение иконок подразделов и загрузка фонового изображения. С помощью меню действий откройте форму редактирования нужного раздела:

Перейдите во вкладку Дополнительно. Нас интересует поле "Детальная картинка":

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

Желательно загружать картинку с прозрачным фоном, размеры же можно использовать любые - предусмотрено автоматическое масштабирование изображения. Не рекомендуется оставлять пустые поля по краям картинки. Результат:

Теперь загрузим фоновое изображение. Переходим в форму редактирования раздела, но на этот раз нам надо создать новое пользовательское свойство во вкладке Доп.поля.

Заполняем выделенные поля и сохраняем:

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

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

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

Комментарии
Здравствуйте.
Я не нашел информации по управлению табами в карточке товара. Было бы очень полезно иметь инструмент для администратора сайта, позволяющий редактировать количество и наименования табов в разделе.
С уважением, Валерий.
 
Текст сообщения*
Популярные теги
каталог корзина 4.00 настройка карточки товара цены свойства баннеры на сайт карточка товара характеристики товара включение тегов добавление тегов настройка тегов теги установка готового решения баннеры создание тегов производители бренды оформление заказа слайдеры торговые предложения выпадающее меню загрузка картинок в меню обратная связь настройка каталога коллекции настройка меню формы настройка свойств скидки SKU замена главного баннера политика конфиденциальности услуги кастом замена графики замена картинок изменение шаблона цветовая гамма типы цен logo замена логотипа выбор города Наши предложения настройка брендов ошибки активация купона загрузить логотип лого ТП список товаров заменить лого почта логотип загрузка логотипа почтовые шаблоны свойства товаров настройка производителей умный фильтр замена баннеров ускорение сайта гугл пейдж спид пейдж спид $_SERVER['HTTPS'] соответствие законодательству баннеры слева О компании email администратора таймер оптовые цены языковые файлы изменение заголовков разделы на главной LiveId многосайтовость настройка согласий в формах переименовать кнопку 152-фз скорость загрузки ssl сортировка боковые баннеры обновление шаблона хит продаж пользовательские поля Facebook купоны на скидку таймер обратного отсчета Вконтакте отзывы Яндекс изменение функционала Разные профили цен для разных пользователей Liveinternet Мой Мир@mail.ru установка Дополнительные фотографии переключение инфоблока 1с 8.3 кастомизация скролл Twitter сортировка брендов Бонусы обновления Цвет поменять товары facebook pixel курьером надписи внесение изменений отзывы о магазине яндекс карта распродажа Livejournal настройки компонентов установка 1С-Битрикс доработка шаблона переключить каталог кастомизация шаблона СКУ yandex сортировка товаров обновления измененного шаблона замена каталога популярные разделы Google лайфхак накопительная система второй сайт яндекс метрика изображения расчет доставки настройки сайта дубли переключить цветовую гамму 404 youtube специальное предложение бренды из 1С обработка персональных данных цветовая тема посадочные страницы google analytics ланги наличие товары на главной Ошибка иконки редирект

Оставить обращение в тех. поддержку

Ваше обращение будет обработано в течение 48 часов с момента регистрации. Обращения обрабатываются: по будним дням с 12:00 до 18:00 (МСК). Правила оказания технической поддержки Вы можете посмотреть здесь

Ваше имя?*
Электронная почта*
Тема обращения*
Адрес сайта*
Логин и пароль от системы администрирования*
Описание проблемы*
Защита от автоматического заполнения
Введите символы с картинки*

* - обязательные поля

Сообщение отправлено
Ваше сообщение успешно отправлено. В ближайшее время с Вами свяжется наш специалист
Закрыть окно