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

Виджет прячется за левым краем экрана. Нажмите на соответствующую кнопку возле левого края.

В верхней части виджета есть кнопка «Настройки по умолчанию». Она сбрасывает все установленные вами настройки и возвращает к настройкам по умолчанию.

Слева расположены переключатели вкладок, на которых сгруппированы настройки для разных функций и частей сайта.

Рассмотрим подробно каждую группу настроек.

Общие

На вкладке «Общие» расположены настройки для внешнего вида всего сайта.

• Базовый цвет (1) — задает цвет основных элементов сайта: кнопок, подсветки ссылок, заливки логотипа с прозрачным фоном и др. Вы можете выбрать свой цвет, не представленный в палитре. Для этого нажмите кнопку с пипеткой и выберите нужный цвет в окне спектра или скопируйте код цвета в окно под палитрой.
  

• Шрифт (2) — задает шрифт и размер для всех текстов на сайте. Выбранный размер считается базовым для css-стилей и равным 1em, поэтому стили, где размеры шрифтов элементов сайта опираются на эту относительную единицу, будут рассчитываться исходя из выбранного значения

• Заголовки (3) — определяет начертание заголовков: обычное или полужирное

• Ширина сайта (4) — определяет ширину контентной области
  

  При минимальной ширине 1200 px сайт выглядит так:

  
  

  При максимальной ширине 1700 px сайт выглядит так:

  
  
  

• Тип поиска (5) — определяет вид поисковой строки.
  
  

  Тип 1: узкая полоска со строкой появляется из-за верхнего края, закрывает минимум пространства сайта

  
  

  Тип 2: широкий блок наплывает из-за верхнего края, остальная страница тонируется

  
  

• Оформление заголовка и хлебных крошек (6) — определяет внешний вид хлебных крошек и заголовков.

  
  Тип 1: заголовок без цветного фона, полужирный, расположен под хлебными крошками
  
  Тип 2: заголовок со светло-бежевым фоном, полужирный, расположен под хлебными крошками
  
  Тип 3: заголовок со светло-бежевым фоном, нормальный, расположен над хлебными крошками
  
  Тип 4: заголовок с фоном выбранного базового цвета сайта, нормальный, расположен над хлебными крошками
  
• Тип наведения на картинки (7) — задает анимацию при наведении на картинки на сайте: блеск или мигание
• Информирование об обработке персональных данных (8) — если включена данная опция, то во всех формах обратной связи и оформлении заказа появится обязательная галочка с текстом из настроек. При включенной опции посетитель сайта не сможет отправить сообщение через веб форму, пока не нажмет эту галочку.
• Внутреннее меню (9) — задает положение меню на внутренних страницах: справа или слева
  
• Кнопка печати страницы (10) — добавляет на каждую страницу кнопку, которая отправляет страницу на печать, если ее нажать
  
  

Главная

Настройки главной страницы сайта.

• Ширина главного банера (1) — задает ширину основного баннера со слайдером на главной странице
  По ширине экрана: баннер растянут на всю ширину экрана, даже если она больше выбранной ширины сайта
  
  Широкий: баннер значительно шире контентной области

Средний: баннер заметно шире контентной области

Узкий: баннер немного шире контентной области

• Тип главной страницы (2) — определяет наполнение главной страницы
  Тип 1: скромная главная с минимумом дополнительных блоков
  Тип 2: на главной отображаются все блоки, отмеченный ниже в параметрах

• Параметры — определяют, какие блоки будут отображаться на главной второго типа.