0  /  39

Аспро: Курорт - сайт базы отдыха, санатория, гостиницы

Авторизация на сайте

Для полноценной работы и управления содержимым сайта необходимо авторизоваться.

Для того, чтобы пройти авторизацию и получить доступ к административной части вашего сайта, наберите в браузере http://вашсайт.ru/bitrix.

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



Ссылки по теме:
Авторизация на сайте – статья из курса «Контент-менеджер» от 1С-Битрикс.

Виджет настроек решения

Вы можете применить различные настройки внешнего вида и оценить, как будет смотреться ваш сайт в различной цветовой гамме или с тем или иным положением меню. Для этого в публичной части сайта предусмотрен специальный виджет — «Настройки решения».

Открыть его вы можете, кликнув по кнопке с шестеренками у левого края экрана на любой странице сайта.


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


  • Базовый цвет (1) — позволяет подобрать цвет для основных элементов сайта: меню, кнопок, заголовков, разделительных полос и т.д. Кроме основных цветов вы можете выбрать цвет из палитры, для этого нажмите квадрат с пипеткой
  • Шапка сайта всегда видна (2) — активирует «прилипание» шапки к верхнему краю экрана при прокрутке
  • Главное меню (3) — настраивает цветовую схему главного горизонтального меню сайта: темное, светлое или цветное
  • Внутреннее меню (4) — настраивает положение бокового меню
  • Ширина главного банера (5) — настраивает ширину слайдера на главной странице

  • Блоки и сервисы на главной (6) — настраивают отображение соответствующих блоков на главной странице. В зависимости от выбранного параметра они могут отображаться или не отображаться
  • Умный фильтр (7) — настраивает положение фильтра подбора по параметрам
  • Кнопка «По умолчанию» (8) — сбрасывает выбранные настройки и возвращает настройки по умолчанию.

Главная страница

На главной странице сайта «Аспро: Курорт» располагается основная информация о компании, вариантах проживания, предлагаемых услугах и видах отдыха. Есть и элементы навигации, быстрого доступа к важным разделам сайта – например, описание курорта, просмотр номеров для проживания, предоставляемые услуги и акции, ближайшие мероприятия и контакты сервиса.  

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


  • Шапка (1)  – здесь располагается логотип, краткое описание компании, и/или ее услуг, схема проезда, телефон(ы) и кнопка заказа звонка.

  • Верхнее меню сайта (2) содержит ссылки на главные разделы сайта. Здесь располагаются пиктограммы дополнительных пунктов меню (в виде многоточия) и поиска (лупа).

  • Основные баннеры (3)  в виде слайдера с интерактивными элементами. В слайдер можно загрузить несколько больших изображений, которые автоматически переключаются через определенный промежуток времени или же самим пользователем. На этих изображениях можно разместить информацию о товарах, услугах и акциях. Также на слайдерах имеется возможность добавлять интерактивные элементы (ссылки и кнопки, открывающие доступ к страницам и формам).


  • Варианты проживания (4). В этом блоке располагаются небольшие изображения и краткое описание основных видов проживания, которые предоставляет курорт. По клику на изображение или заголовок описания можно перейти на соответствующий каталог сайта.

  • Тизеры преимуществ (5). Краткое описание преимуществ с иллюстрациями. Коллекция иконок пополняемая, вы можете их использовать в любом составе и количестве.

  • Услуги (6). В этом блоке располагаются небольшие изображения и краткое описание основных услуг. По клику на изображение или заголовок описания можно перейти на соответствующий раздел сайта.



  • Фотогалерея (7). По клику на изображение можно просмотреть его в развернутом виде.
  • О компании (8). Блок с кратким описанием вашей компании и кнопкой «Подробнее», ведущей на соответствующую страницу сайта.



  • Новости (9). В этом блоке выводятся свежие новости и кнопка «Все новости», при клике на которую выводится весь список новостей.

  • Виджет социальной сети Instagram (10). Здесь располагаются добавленные фотографии в профиль компании. При клике на изображение вы переходите в сервис..


  • Карта (11) с отметкой местоположения курорта.
  • Остались вопросы (12). Кнопка «Задать вопрос» ведет на соответствующую форму обратной связи.
  • Подвал (13). Здесь размещаются ссылки на разделы, копирайты, кнопки соцсетей, краткие контакты, схема проезда и структура сайта.

Баннеры

На главной странице расположено два типа баннеров: большие в виде слайдера (1) и плавающие в виде квадратов с изображениями и кратким пояснительным текстом (2).

Требования к изображениям для фонового изображения зависят от выбранного типа баннера:

  • по ширине окна — 1920x400px

  • средний —1400x400px

  • узкий — 980x300px (для унификации рекомендуется также использовать изображения высотой 400px).

Оптимальные параметры для картинки анонса:

  • ширина 300-600px

  • высота 400px

  • формат изображения – PNG c альфа-каналом.

Управлять баннерами (добавлять, редактировать и удалять) можно как из публичной части сайта, так и через администраторский раздел. В данной инструкции будут рассмотрены оба способа.

Основные баннеры

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

Шаг 1

Авторизоваться в системе под своим логином и паролем, затем на главной странице установить ползунок «Режим правки» в положение «Включен» для редактирования блоков и элементов.


Или войти в соответствующие настройки в административной части сайта:

Контент → Реклама → Большие баннеры

Шаг 2

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


Шаг 3

На вкладке «Баннер» находятся основные поля:

  • Название (1) — обязательное для заполнения. При выборе текстового типа баннера название выводится в качестве заголовка

  • Тип баннера (2) — определяет вид баннера и предлагает на выбор варианты: только картинка, текст слева, текст справа

  • Ссылка с баннера (3) — определяет путь к странице, на которую будет совершен переход при клике по баннеру

  • Цвет текста (4) — определяет цвет текста при выборе текстового типа баннера, предлагает варианты: темный и светлый

  • Группы полей для Кнопки 1 и Кнопки 2 — определяют соответственно текст, css-класс и ссылку для перехода для интерактивных кнопок на баннере.

Шаг 4

На вкладке «Анонс» размещается изображение и текст баннера.

Изображение размещается в поле «Картинка для анонса». Его можно загрузить с компьютера, выбрать из медиабиблиотеки сайта или структуры или вставить прямую ссылку на него. Если выбран текстовый тип баннера, то изображение будет отображаться рядом с текстом, в зависимости от его положения.


Текст размещается в поле «Описание для анонса». К нему можно применить форматирование с помощью html-тегов, если переключиться на режим HTML, или с помощью встроенного редактора, если переключиться на режим «Визуальный редактор». Текст будет выводится на баннер и располагаться под заголовком, если выбран текстовый тип.

Шаг 5

На вкладке «Подробно» размещается фоновое изображение баннера, которое растягивается на всю ширину блока. Если выбран тип «Только картинка», именно это изображение и будет отображаться. Если выбран текстовый тип, изображение станет фоном, а поверх него будет отображаться текст с заголовком и картинка из анонса.

Как редактировать основные баннеры

  1. В режиме редактирования элементов страницы навести указатель на нужный баннер.

  2. Кликнуть по всплывающей кнопке «Изменить баннер», чтобы открыть интерфейс редактирования баннера.

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

Как удалять основные баннеры

  1. В режиме редактирования элементов страницы навести указатель на нужный баннер.

  2. Кликнуть по всплывающей кнопке «Удалить баннер» рядом с кнопкой «Изменить баннер».

  3. В админке кликнуть по пиктограмме «гамбургер» в виде полосок, в выпадающем списке выбрать «Удалить».

Плавающие баннеры

Размещаются в статичном блоке под слайдером и имеют вид изображений с кратким пояснительным текстом.

Чтобы добавить маленькие баннеры, нужно:

Шаг 1

Авторизоваться в системе и включить режим редактирования на сайте.

В админке перейти в блок соответствующих настроек:

Контент → Реклама → Маленькие баннеры.

Шаг 2

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

Шаг 3

На вкладке «Баннер» заполнить основные поля:

  • Название (1) — обязательное для заполнения. Текст отсюда выводится на баннер

  • Ссылка (2) — определяет путь к странице, на которую будет совершен переход при клике по баннеру



Шаг 4

На вкладке «Подробно» можно добавить изображение, которое будет выводиться на баннер и вписать краткое пояснение.


Как редактировать и удалять маленькие баннеры

Редактирование и удаление маленьких баннеров происходит так же, как и больших – в режиме правки в публичной части сайта и через админку.

Тизеры преимуществ

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

Вы можете добавлять, редактировать и удалять тизеры на главной, делать их активными или неактивными. Для этого в публичной части страницы наведите указатель на блок тизеров и нажмите всплывающую кнопку: «Добавить баннер», «Изменить баннер» или «Удалить баннер».


Или же в административной части перейдите в раздел Контент → Контент (aspro.resort) → Тизеры на главной и нажмите «Добавить баннер» для добавления или кнопку «гамбургер» и выберите соответствующий пункт для редактирования или удаления.


В открывшемся окне настроек введите название для тизера. Оно будет отображаться на странице как короткое текстовое описание.

Загрузите подходящую картинку в поле «Иконка», она будет отображаться в виде иконки на тизере. Размер изображения – 60х50px.

Пропишите внутреннюю или внешнюю ссылку в поле «Ссылка», чтобы тизер стал кликабельным и перенаправлял на нужную страницу.


Если вы не хотите, чтобы тизер отображался, вы можете его удалить, но мы настоятельно не рекомендуем это делать. Чтобы деактивировать тизер, снимите флажок с параметра «Активность». Тогда вы в любой момент можете вернуть тизер обратно, активировав его.

Раздел услуг

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

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


Для добавления новой услуги нажмите на кнопку «Добавить услугу». Во всплывающем окне введите название и перейдите на вкладку →  Анонс.

На вкладке «Анонс» можно добавить изображение и описание, которое будет выводиться в блоке.

Фотогалерея

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

Для добавления новых фотографий необходимо навести указатель на блок галереи и нажать всплывающую кнопку «Изменить элемент».


Осталось перенести необходимые фотографии и ввести описание для них.

Блок «О курорте»

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

Для редактирования этого блока на главной странице необходимо сделать следующее:

Шаг 1

Авторизоваться в системе под своим логином и паролем, затем на главной странице установить ползунок «Режим правки» в положение «Включен» для редактирования блоков и элементов.

Шаг 2

Навести указатель на блок «О компании» и нажать появившуюся кнопку «Изменить элемент». Откроется интерфейс редактирования элемента.

Шаг 3

На вкладке «Элемент» располагаются основные поля, значения которых выводятся в блоке. Поле «Название» обязательно для заполнения. Поля в группе «Значение свойств» нужно заполнить соответствующими данными. Они выводятся в блок в виде крупных цветных цифр с подписями.

Шаг 4

На вкладке «Анонс» нужно разместить текстовое описание компании и изображение. Текст размещается в поле «Описание для анонса». К нему можно применить форматирование с помощью html-тегов, если переключиться на режим HTML, или с помощью встроенного редактора, если переключиться на режим «Визуальный редактор».

Изображение размещается в поле «Картинка для анонса». Его можно загрузить с компьютера, выбрать из медиабиблиотеки сайта или структуры или вставить прямую ссылку на него.

После окончания редактирования нажмите кнопку  «Сохранить» и проверьте результат на сайте.

Блок новостей

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

В публичной части сайта наведите указатель на блок с новостями и нажмите всплывающую кнопку «Добавить новость», «Изменить новость» или «Удалить новость».

Или в административной части перейдите в раздел  Контент → Контент (aspro.resort) → Новости. Выберите нужный подраздел и нажмите «Добавить новость» для добавления. Кликните на соответствующий пункт для редактирования или удаления.

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

Виджет Instagram

Виджет Instagram располагается на главной странице сайта. Изображения в этот блок подгружаются автоматически из привязанного к сайту аккаунта Instagram.

Отображение блока в Аспро: Курорт.


Отображение блока в Аспро: Next.


Обратите внимание! В Аспро: Next виджет будет отображаться, если выбран тип главной 1 или 3. При подключенном типе 2 или 4 — блок Instagram не отобразится.

Активировать отображение блока Instagram для 1 и 3 типа вы можете в виджете настроек. Перейдите на вкладку «Главная». Нажмите на «Параметры». 



Активируйте Instagram на главной, если он у вас выключен. И примените настройки. 



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



Отображение блока в Аспро: Корпоративный сайт 2.0 и в Аспро: Ландшафт.


Обратите внимание! В Аспро: Корпоративный сайт 2.0 виджет будет отображаться, если выбран тип главной 1, 2 или 4. При подключенном 3 типе — блок Instagram не отобразится.

Отображение блока в Аспро: Digital-компания.


Обратите внимание! В Аспро: Digital-компания виджет будет отображаться, если выбран тип главной 2 или 4. При подключенном 1 или 3 типе — блок Instagram не отобразится.
 
Вы также можете подключить тип главной «Custom», в код которого вставить код виджета Instagram.

Для примера создадим 2 тип главной страницы с виджетом Instagram в Аспро: Next. Для этого перейдите в Контент → Структура сайта → Файлы и папки и найдите файл «indexblocks_index2.php». Нажмите в этой строке на «Гамбургер», затем на кнопку «Редактировать как PHP».



Скопируйте весь код.

Затем найдите файл «indexblocks_custom.php». Нажмите в этой строке на «Гамбургер», затем на кнопку «Редактировать как PHP».



Вставьте скопированный код.

В конце кода добавьте фрагмент кода виджета Instagram:

 <?$APPLICATION->IncludeComponent("bitrix:main.include", ".default",
 array(
 "COMPONENT_TEMPLATE" => ".default",
 "PATH" => SITE_DIR."include/mainpage/comp_instagramm.php",
 "AREA_FILE_SHOW" => "file",
 "AREA_FILE_SUFFIX" => "",
 "AREA_FILE_RECURSIVE" => "Y",
 "EDIT_TEMPLATE" => "standard.php"
 ),
 false
 );?>
Если вы хотите вывести виджет Instagram на главной странице в другом месте, вставьте код виджета между необходимыми фрагментами кода других элементов. Для этого необходимо обладать базовыми знаниями программирования.

Сохраните изменения. И подключите тип главной страницы — «Custom» в настройках решения. 

Чтобы подключит тип «Custom», перейдите Аспро: Next → Настройки. Найдите блок «Главная». В строке «Тип главной страницы» выберите «Custom».



Получение Access Token (API Token)


Для того, чтобы настроить отображение снимков, необходимо получить специальный код Access Token и добавить его на сайт с помощью настроек решения.

Инструкция:

  1. Зарегистрируйте аккаунт Instagram, если он отсутствует.

  2. Авторизуйтесь на сайте сервиса по ссылке Instagram.com/developer под действующим аккаунтом.

  3. Заполните данные для входа в раздел для разработчиков:

    Your Website – ваш сайт
    Phone Number – номер телефона
    What do you want to build with the API? - произвольное описание применения функционала Instagram. В нашем случае мы указали, что это виджет для сайта.

    Нажмите на кнопку Sign Up.


  4. Зарегистрируйте нового клиента. Для этого нажмите на кнопку Manage Client, а затем на Register a New Client.



  5. Откроется форма регистрации нового Client ID. Заполните следующие поля:

    Application Name – произвольное название
    Description – произвольное описание
    Company Name – название компании или сайта
    Website URL – адрес сайта (c http://)
    Valid Redirect URLs – адреса, на которые должна выполняться переадресация. В нашем случае также оставляем адрес действующего сайта.
    Contact email – ваш электронный адрес.



  6. Перейдите на вкладку Security и деактивируйте параметр Disable implicit OAuth.



  7. Нажмите на кнопку Register. Откроется сообщение об успешной регистрации:


  8. Скопируйте ваш Client ID:

    bf790cc9d4d84446a974dda65ba0e696

  9. Подставьте ваш Client ID и адрес сайта, указанный при регистрации, в ссылку:

    https://instagram.com/oauth/authorize/?client_id=[ВСТАВЬТЕ_ВАШ_ID]&redirect_uri=[ВСТАВЬТЕ_АДРЕС_ВАШЕГО_САЙТА]&response_type=token

    Ссылка с Client ID будет выглядеть так:

    https://instagram.com/oauth/authorize/?client_id=bf790cc9d4d84446a974dda65ba0e696&redirect_uri=http://resort.aspro-demo.ru/&response_type=token

  10. Скопируйте в ссылку и откройте ее в браузере. Откроется окно авторизации. Нажмите на зеленую кнопку Authorize. После этого вы будете перенаправлены по адресу, указанному при регистрации.

  11. Скопируйте из адресной строки Access Token: 339269743.bf790cc.6748a35121c8421d9629c5f0e45d5e88



  12. Перейдите в настройки решения на сайте:
    Аспро: Resort → Настройки
    Аспро: Next → Настройки
    Аспро: Корпоративный сайт 2.0 → Настройки
    Аспро: Digital-компания → Настройки.

  13. В Аспро: Курорт в блоке «Главная страница» найдите поле API token для инстаграма. Скопируйте туда код Access Token и нажмите кнопку «Применить».


    В Аспро: Next в блоке «Инстаграм» найдите поле API token. Скопируйте туда код Access Token и нажмите кнопку «Применить». 


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

    Блок во всю ширину.


    В Аспро: Корпоративный сайт 2.0 в блоке «Главная» найдите поле API token для инстаграма. Скопируйте туда код Access Token и нажмите кнопку «Применить». 



    В Аспро: Digital-компания в блоке «Главная» найдите поле API token для инстаграма. Скопируйте туда код Access Token и нажмите кнопку «Применить». 


Карта

Чтобы отредактировать карту, наведите указатель на блок с картой, нажмите всплывающую кнопку с шестеренкой и в выпадающем меню выберите пункт «Редактировать параметры компонента».

Затем нажмите кнопку «Изменить» в свойстве «Данные, выводимые на карте».

Чтобы добавить новую точку на карте, введите в поле поиска адрес, затем нажмите «Добавить точки». После этого нажмите «Закончить», чтобы добавить новую точку в список.

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

Также в полях настройки «Основные параметры» вы можете настроить вид карты: схема, спутник, гибрид, ландшафт, ширину и высоту карты.

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

Первые шаги

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


Настройка прав пользователей

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

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

Уровни доступа

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

Чтобы просмотреть список имеющихся уровней доступа, изменить их или добавить новый, в административной части сайта перейдите в Рабочий стол → Настройки → Пользователи → Уровни доступа.


У уровня доступа есть несколько основных параметров — это вид объекта, для которого создается уровень (файл/папка или модуль), сам конкретный объект (например, главный модуль) и операции, которые может совершать с объектом пользователь.


В режиме редактирования/добавления уровня доступа на вкладке «Параметры» располагаются первые основные параметры:

  • Название (1) — наименование уровня
  • Привязка (2) — вид объекта для уровня доступа. Это может быть файл/папка или системный модуль
  • Модуль (3) — выбор конкретного модуля, на который распространяются правила доступа.

Буква — это короткое наименование уровня доступа для системы, Описание — это развернутая информация для администратора.

На вкладке «Включаемые параметры» располагаются операции, которые можно активировать или деактивировать, настраивая права для данного уровня доступа.


Уровни доступа — это базовые кирпичики в настройке прав доступа. Назначая группе некие права, вы присваиваете им те или иные уровни доступа, открывая указанные в них возможности.

Группы пользователей

Следующий этап разграничения прав — создание групп для пользователей и назначение этим группам необходимых уровней доступа. Вы можете настраивать в системе 1С-Битрикс права только для групп пользователей и добавлять отдельных пользователей в группы. Однако количество групп с разными правами не ограничено, и фактически вы можете назначить каждому пользователю уникальные права. Но объединять пользователей в группы все-таки удобнее.

Простой пример: вам необходимо определить права для трех менеджеров интернет-магазина и двоих контент-менеджеров. Вы создаете 2 группы, которым присваиваете подходящие уровни доступа. Например, менеджеры могут просматривать заказы, менять параметры товаров и делать импорт-экспорт данных из интернет-магазина, а контентщики могут только менять параметры товаров. Создав такие группы, вы сможете наполнить их любым количеством пользователей, и не надо будет назначать новому менеджеру или контентщику наборы прав отдельно, достаточно будет закинуть пользователя в соответствующую группу. Изменить права для всей группы сразу тоже можно будет за пару минут, убрав или поставив галочку в настройках уровней доступа.

Чтобы изменить или создать новую группу пользователей, в административной части сайта перейдите в Рабочий стол → Настройки → Пользователи → Группы пользователей.


Войдите в режим редактирования/добавления группы.


На вкладке «Параметры» находятся основные параметры группы:

  • Название (1) — наименование группы
  • Символьный идентификатор (2) — id группы для использования в системе
  • Описание (3) — развернутое описание для администратора

Также здесь можно установить порядок сортировки и перейти к списку пользователей. Для этого щелкните по ссылке на количестве пользователей.

На вкладке «Безопасность» настраиваются параметры политики безопасности. Например, параметры авторизации, длительность сессии, особенности паролей для пользователей.


На вкладке «Доступ» устанавливаются уровни доступа для всех модулей сайта от главного модуля до валют и подписок.


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

Настройка прав пользователя

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

В административной части сайта перейдите в Рабочий стол → Настройки → Пользователи → Список пользователей. В списке пользователей найдите нужного и войдите в режим редактирования.


На вкладке «Группы» можно добавлять или удалять пользователя из созданных в системе групп. Можно установить временные рамки для нахождения пользователя в той или иной группе, если необходимо. В полях в столбце «Период активности» выставляется дата начала и окончания пребывания пользователя в группе с определенными правами. Если там нет значений, то пользователь находится в группе бессрочно до тех пор, пока администратор не деактивирует его группу вручную.


Добавление новых пользователей и управление существующими

В «Списке пользователей» можно не только редактировать, но и создавать новых пользователей. Обычно, новый пользователь создается, когда происходит регистрация, и человек вводит необходимые данные: e-mail, имя и фамилию. Такому пользователю автоматически присваиваются права обычного зарегистрированного пользователя.

Если вам необходимо добавить нового пользователя через административную часть сайта, то в разделе «Список пользователей» нажмите кнопку «Добавить пользователя».


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


Остальные поля на вкладке «Пользователь» не обязательны для заполнения.

На вкладке «Группа» назначьте пользователю необходимые группы с уровнями доступа.


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

Для изменения свойств существующих пользователей найдите их в списке, войдите в режим редактирования и внесите изменения.

Настройка резервного копирования

С помощью закладки «Резервное копирование» можно настроить создание полной резервной копии с настройками процесса по умолчанию.

Чтобы включить резервное копирование, перейдите в модуль настроек:

Настройки → Инструменты → Резервное копирование → Регулярное резервное копирование

Перейдите на вкладку «Параметры» для настройки скрипта периодического запуска.

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



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




Задайте пароль для шифрования архива и нажмите на кнопку «Сохранить».



Подробнее о настройках резервного копирования в 1С-Битрикс читайте в курсе от 1С-Битрикс «Администратор. Базовый».

Композитный режим

Композитный сайт – технология мгновенной загрузки сайтов от 1С-Битрикс. Благодаря ей пользователь мгновенно получает контент страницы, сайт лучше ранжируется в поисковых системах, а конверсия интернет-магазина растет.

Управление технологией осуществляется в настройках продукта:
Настройки → Настройки продукта → Композитный сайт

Функция включается с помощью кнопки «Включить композитный режим». 



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

Более подробная информация о настройках композитного режима – в документации разработчика.

Техническая поддержка

Если при настройке и работе с решением возникли трудности, вы можете обратиться в техническую поддержку «Аспро». Пожалуйста, перед обращением ознакомьтесь со следующими материалами:
Эти ресурсы содержат ответы на типовые вопросы и аккумулируют наш опыт решения проблем. Используя базу знаний и документацию, вы сможете самостоятельно настроить решение, найти ответы на часто задаваемые вопросы и устранить большинство ошибок.

Если вы не нашли ответ на свой вопрос, оформите запрос в поддержку через форму.  

Как создать учетную запись для сотрудника техподдержки Аспро



Вопросы по приобретению решений и доработкам, а также пожелания по функционалу решения отправляйте через эту форму или на адрес info@aspro.ru

При каждом обращении обязательно предоставьте следующие данные:
  1. Адрес сайта
  2. Логин и пароль для доступа к 1С-Битрикс с правами администратора. Как предоставить доступ сотруднику техподдержки
  3. Адрес сервера, логин и пароль для доступа к сайту. При необходимости сотрудник поддержки может запросить у вас данные для доступа по FTP или SSH с правами на чтение и запись. Как предоставить доступ сотруднику техподдержки
  4. Четкое описание проблемы и действий для ее воспроизведения.
  5. Скриншоты или скринкасты (по возможности)
    Обзор рекомендуемых программ. 
Выполнение этих рекомендаций ускорит обработку вашей заявки.

Поддержка осуществляется по будням с 8:00 до 16:00 по московскому времени. Скорость ответа зависит от загруженности команды и сложности вопроса, но в среднем составляет 2-3 рабочих дня.

Настройки главного модуля

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

Настройки главного модуля задаются в административной части сайта:

Настройки → Настройки продукта → Настройки модулей → Главный модуль


Описания всех настроек и параметров главного модуля можно прочитать в пользовательской документации 1С-Битрикс: Управление сайтом.

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

Интерфейс настройки главного модуля делится на несколько основных вкладок:

  • Настройки
  • Авторизация
  • Журнал событий
  • Система обновлений
  • Доступ

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

Настройки

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

  • Системные настройки
  • Почта
  • Файлы
  • Оптимизация CSS
  • Внешние сервисы перевода
  • Часовые пояса
  • Карта сайта
  • Панель инструментов публичного раздела

Системные настройки


  • Название сайта (1) — используется по умолчанию для всех подключенных сайтов: прописывается в тег <title> на всех страницах сайта, выводится в заголовке вкладки браузера и воспринимается поисковыми роботами в качестве названия сайта
  • URL сайта (2) — адрес по умолчанию для всех подключенных сайтов
  • Распространять куки на все домены (3) — активирует использование одних файлов cookies для всех подключенных сайтов — это значит, что при переключении между сайтами пользователь будет оставаться авторизованным.
  • Режим вывода ошибок (4) — определяет, какие ошибки будут демонстрироваться пользователю. Рекомендуем выбирать опцию «Только ошибки»

Почта


  • E-mail, на который будут дублироваться исходящие сообщения (5) — адрес (адреса), на которые будут дублироваться все сообщения из системы почтовых событий сайта
  • E-mail администратора сайта (6) — адрес отправителя писем с сайта по умолчанию. Подробнее о настройке почтовых событий вы можете прочитать тут.


  • Качество JPG при масштабировании изображений (7) — задает уровень сжатия для .jpg файлов в процентном отношении, где 100% — наименьшее сжатие и самое высокое качество изображения

В остальных группах свойства менять не рекомендуется. Подробнее о настройках блока “Оптимизация CSS” и о том, как с его помощью улучшить показатели в Google Page Insights, читайте в базе знаний.

Авторизация

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


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

Система обновлений


Содержит информацию о лицензионном ключе 1С-Битрикс и имени сервера с обновлениями, адрес и порт прокси, имя пользователя прокси и пароль, а также настройки обновлений.

Настоятельно рекомендуем отметить параметр «Загружать только стабильные обновления», чтобы системе не были доступны бета-версии обновлений. Подробнее об этом читайте здесь.

Доступ

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


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

Служебные процедуры

На всех вкладках присутствует в самом низу подраздел «Служебные процедуры». Как уже говорилось ранее, в нем можно закрыть доступ на сайт для посетителей на время проведения технических работ.




Типовые настройки решения

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

Перейдите в раздел Аспро: Stroy → Настройки. Здесь представлены настройки для всех подключенных к системе сайтов (если таковых у вас больше одного). Они разделены на вкладки по именам сайтов.



Рассмотрим подробнее поля в этом разделе.



  • Переключатель тем (1) — активирует вывод виджета демо-настроек в публичной части сайта
  • Базовый цвет (2) — задает цветовую схему для основных элементов сайта. Цвета с 1-го по 14-й соответствуют цветовым схемам на виджете
  • Пользовательский цвет (3) — позволяет задать цвет, не входящий в набор из 14-ти базовых цветов. Чтобы активировать его, в п. (2) выберите «пользовательский цвет» и задайте код нужного цвета.
  • Логотип с фоном базового цвета (4) — активирует заливку логотипа выбранным в п.2 цветом
  • Шапка сайта всегда видна (5) — активирует «прилипание» шапки к верхнему краю экрана при прокрутке
  • Главное меню (6) — настраивает цветовую схему меню: светлую, темную или цветную
  • Внутреннее меню (7) — настраивает положение бокового меню: справа или слева
  • Вид кнопки «Наверх» (8) — настраивает вид кнопки.


Кнопка «Наверх» позволяет быстро переместиться к началу страницы



  • Положение кнопки «Наверх» (9) — настраивает положение кнопки


  • Использовать каптчу в формах (10) — активирует защиту от робота в формах обратной связи
  • Маска телефона (11) — позволяет задать формат для поля ввода телефонных номеров
  • Маска телефона для валидации (12) — позволяет задать регулярное выражение для валидации данных из поля ввода телефонных номеров
  • Формат даты (13) — позволяет выбрать формат даты
  • Возможные расширения файлов для валидации (14) — позволяет задать регулярное выражение для валидации загружаемых файлов, чтобы можно было загружать файлы только указанных форматов. Если поле оставить пустым, загружать можно любые файлы


  • Социальные сети (15) — в полях можно проставить ссылки на группы в cоотвествуюжщих соцсетях. Введение значения в поле активирует соответствующую иконку в блоке соцсетей в подвале сайта


  • Ширина главного банера (16) — настраивает ширину слайдера на главной странице

  • Тип анимации большого банера (17) — настраивает анимацию смены слайдов на слайдере
  • Группа полей «Скорость анимации» (18) — настраивает скорость смены слайдов в соответствующих слайдерах и блоках
  • Группа полей «Блоки на главной» (19) — активируют соответствующие блоки и сервисы на главной странице


  • Умный фильтр (20) — активирует и настраивает положение фильтра подбора проектов по параметрам

Фавикон и логотип

Логотип — важная часть имиджа организации и неотъемлемый элемент фирменного стиля. Логотип компании отображается над верхним меню в шапке сайта.


Фавикон — это маленькая иконка на вкладке браузера, которая отображается рядом с названием сайта.


Web clip icon — специальная иконка для Apple-устройств, отображающаяся на странице вашего сайта и в браузере Safari.

Чтобы загрузить логотип, фавикон и web clip icons, войдите в административную часть сайта и перейдите в раздел Контент → Структура сайта → Файлы и папки.


Изменения вступят в силу через некоторое время – после того, как будет обновлен кеш браузера. 

Требования к загружаемым файлам

Для логотипа:

  • название файла — logo.png
  • формат — .jpg или .png (предпочтительнее)
  • размеры картинки — любые (логотип адаптируется под размеры блока, в котором размещается).

Также вы можете загрузить логотип с прозрачным фоном.

Для фавикона:

  • название — favicon.ico
  • формат — .ico
  • размеры картинки — 16х16 пикселей

Для web clip icon:

  • название  — apple-touch-icon.png
  • формат  — .png
  • размеры картинки  —  57х57 пикселей
Внимание! Не пытайтесь загружать и устанавливать логотип или фавикон через публичную часть сайта — это приведет к некорректной работе решения.




Проживание

В разделе «Проживание» размещаются варианты проживания для гостей в виде карточек объектов. Списки таких карточек вы можете сохранять в подразделы, разделяя по используемым в проектах технологиям. Подразделы выводятся в виде кликабельных «плиток» с изображениями.

В разделе «Проживание» вы можете добавить текстовое описание, изменить изображение, название и внутреннее описание каждого подраздела.

Редактирование раздела

Для того, чтобы изменить описание, в публичной части сайта при включенном «Режиме правок» наведите указатель на любой элемент в разделе и нажмите всплывающую кнопку «Изменить область», чтобы добавить или изменить текстовое описание раздела. В открывшемся окне введите текст и сохраните изменения.


Чтобы изменить или удалить подраздел, наведите указатель на него и нажмите всплывающую кнопку: «Изменить раздел» или «Удалить раздел».


В административной части сайта перейдите в настройки типовых проектов:

Контент → Каталог → Проживание

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


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


У каждого подраздела вы можете изменить название, изображение, которое выводится на «плитке», и текстовое описание, отображаемое внутри подраздела.


На вкладке «Доп.поля»:


UF_INFOTEXT (1) — отображает пояснительный текст на всплывающем темном фоне под названием подраздела при наведении указателя на «плитку».


UF_VIEWTYPE (2) — управляет способом представления подразделов на странице раздела (плитка, список, прайс).

О составе карточки вариантов проживания подробнее говорится в уроке «Описание карточки проживание», о способах добавления – в уроке «Редактирование элементов карточки проживание».

Карточка номера

На карточке номера располагается его детальное описание — характеристики, типовая документация, галерея фотографий, акции, и т.д.

Структура карточки:


  • Название номера (1)

  • Наклейки или стикеры (2) — отмечают, что номер находится в специальной категории: Хит продаж, Акция, Новинка и др. Одному номеру можно назначить сразу несколько категорий. В этом случае на его карточке отобразится несколько наклеек

  • Кнопка Zoom (3) — для увеличения изображения

  • Фото в карточке проекта (4). Можно разместить несколько фото и переключать их при помощи навигационных кнопок «>» и «<»

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

  • Краткое описание номера  (6) — небольшой блок текста описания. При клике на ссылку «Подробнее» происходит перемещение пользователя на подробное описание

  • Кнопка «Забронировать» (7) — кнопка позволяет перейти на форму обратной связи и забронировать номер

  • Кнопка «Задать вопрос» (8) — позволяет перейти на форму обратной связи

  • Поделиться в соцсетях (9) — кликнув на выбранной иконке, можно поделиться ссылкой на карточку номера в соответствующей соцсети.


  • Описание (10) — блок с полным текстовым описанием номера
  • В номере имеются (11) — блок со списком наполнения номера
  • В обслуживании номера входит (12) — список услуг, предоставляемых вместе с номером.

  • Баннер (13) — блок с баннером акций курорта
  • Кнопка Zoom (14) — для увеличения изображения
  • Акция "Всей семьей" (15) — название акции.


  • Характеристики (16) — список основных характеристик комнаты

  • Документация (17) — список прикрепленных к карточке документов, доступных для скачивания или просмотра.


  • Галерея (18) — можно просматривать фото во всплывающем окне
  • Кнопка забронировать (19) — кнопка позволяет перейти на форму обратной связи и забронировать номер
  • Элементы навигации (20) — позволяет вернуться к списку вариантов проживания или переключиться на карточку следующего.

Редактирование карточки

Карточки проживания являются стандартными элементами инфоблоков. Для того, чтобы изменять содержимое страницы, необходимо в первую очередь авторизоваться и включить «Режим правки».

Управлять карточками можно в публичной части сайта из списка проектов (в разделе «Проживание») или его подразделах. Общий принцип: навести указатель на нужный проект в списке и нажать всплывающую кнопку: «Добавить товар», «Изменить товар» или «Удалить товар».


Также управлять карточками можно в административной части.

Войдите в раздел Контент → Каталог → Проживание, выберите нужный подраздел. Для добавления новой карточки нажмите кнопку «Добавить товар». Для редактирования или удаления — кнопку «гамбургер» и выберите соответствующий пункт в выпадающем списке.


Редактирование элементов карточки проживания на вкладке «Товар»:


  • Задать вопрос (1) — выбор этой опции отображает на карточке кнопку «Задать вопрос», открывающую соответствующую форму

  • Забронировать (2) — выбор этой опции отображает на карточке кнопку «Забронировать», открывающую соответствующую форму

  • Цена в будни (3) — отображает цену, соответствующую в будние дни, в карточке номера

  • Цена в будни со скидкой (4) — отображает цену, соответствующую будням со скидкой, в карточке номера

  • Цена в выходные (5) — отображает цену, соответствующую выходным дням, в карточке номера

  • Цена в выходные со скидкой (6) — отображает цену соответствующую выходным дням со скидкой, в карточке номера

  • Галерея (7) — позволяет загрузить изображения для блока «Галерея»

  • Жилая площадь (8) — характеристика номера.

  • документы (9) — позволяет загрузить файлы для скачивания и просмотра в блок «Документы».


  • Галерея большая (10) — позволяет загрузить изображения в блок «Галерея»



  • Тизеры (11) — группа полей с выпадающим списком, где можно выбрать тизеры для блока «Тизеры» под основным изображением на карточке

  • Стикеры  (12) — отображает «наклейки» на превью и основном изображении, указывающие, что проект входит в особую категорию. Для выбора нескольких пунктов нужно кликать по ним, зажав клавишу Ctrl

  • Количество спален (13) — отображает количество спален в номере

  • Баннеры (14) — блок в котором размещаются баннера, акции и специальные предложения.

На вкладке «Анонс»:

  • Картинка для анонса (15) — отображается в списке раздела «Номера» или подразделах в качестве превью карточки

  • Описание для анонса (16) — отображается в карточке номера как краткое описание под ценой.



  • Детальная картинка (17) — основное изображение в карточке комнаты
  • Детальное описание (18) — информация в блоке «Описание». Форматировать текст в этом блоке можно как угодно, в том числе добавлять таблицы, списки, цитаты, ссылки и т.д.

Отображение элементов в корне каталога номеров

В Аспро: Курорт, начиная с версии 1.0.4, появилась возможность отображать элементы в корне каталога номеров. Такой вид актуален для тех, у кого нет подразделов в разделе «Проживание».


Чтобы вывести элементы в раздел «Проживание», в публичной части сайта перейдите в параметры компонента каталога. Для этого в режиме правки наведите на область каталога, затем нажмите на шестеренку.

В блоке «Управление адресами страниц» удалите значение #SECTION_CODE_PATH#/ в строках:

  • Страница раздела (1).
  • Страница детального просмотра. В строке останется значение — #ELEMENT_CODE#/ (2).

Сохраните изменения.

В административной части сайта перейдите в Контент → Инфоблоки → Типы инфоблоков → Каталог (aspro.resort) → Проживание. Удалите значение  #SECTION_CODE_PATH#/ в строках:

  • URL страницы раздела. В строке останется значение — #SITE_DIR#catalog/ (1).
  • URL страницы детального просмотра. В строке останется значение — #SITE_DIR#catalog/#ELEMENT_CODE#/ (2).

Сохраните изменения.

Услуги

В разделе «Услуги» представлен перечень услуг компании с подробным описанием, дополнительными элементами (сопутствующие документы, прикрепленные сотрудники, отзывы клиентов) и возможностью отправить заявку на услугу.


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


Редактирование раздела

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



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


Структура карточки услуги

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


  • Основное описание (1)
  • Блок «Задать вопрос» (2) — кнопка открывает соответствующую форму
  • Блок тизеров «Наши преимущества» (3) — демонстрирует ключевые преимущества компании в емкой форме. Опциональный блок, отображается, если выбран хотя бы один элемент.

  • Галерея (4) — фото, относящиеся к услуге. Опциональный блок
  • Заказать услугу (5) — блок с кнопкой, открывающей соответствующую форму
  • Документы (6) — в блоке доступны для просмотра и скачивания документы, относящиеся к услуге. Опциональный блок
  • Выполненные проекты (7) — отображаются связанные с услугой готовые здания из раздела Наши работы. Опциональный блок.


  • Отзывы клиентов (8) — отображаются привязанные к услуге отзывы клиентов
  • Сотрудники (9) — отображаются сотрудники компании, связанные с услугой

Управление услугами

Вы можете добавлять, редактировать и удалять услуги. Для этого в публичной части сайта перейдите в раздел «Услуги» или на карточку услуги и нажмите всплывающую кнопку: «Добавить услугу» —  для добавления, «Изменить услугу» — для редактирования, «Удалить услугу» — для удаления.


Вид кнопок на карточке услуги:


Также вы можете управлять услугами в административной части сайта. Перейдите в раздел Контент →  Контент (aspro.stroy) → Услуги. Нажмите кнопку «Добавить услугу» для добавления или кнопку «гамбургер» рядом с нужной услугой и выберите соответствующий пункт меню для изменения или удаления.


Рассмотрим подробно добавление и редактирование озвученных ранее элементов на карточке услуги.



  • Активность (1) — стандартная опция для всех элементов системы 1С-Битрикс. При включенной активности элемент отображается на сайте. С помощью этой опции можно скрывать ненужные элементы, не удаляя их навсегда
  • Название (2) — отображается как заголовок в карточке услуги и пункт в боковом меню
  • Отображать на главной (3) — если это свойство активно, то на главной в блоке малых банеров под слайдером отображается кликабельный тизер услуги с изображением и коротким описанием
  • Преимущества (4) — отображается на карточке как блок тизеров. Элементы для свойства вы можете выбрать из списка уже созданных в системе. Щелкните по незаполненному полю, чтобы открыть список для выбора. Щелкните по заполненному полю, чтобы выбрать другой тизер или отменить выбор
  • Расположение фото (5) — влияет на расположения фото в описании услуги

 

  • Файлы (6) — позволяет загружать документы, которые отобразятся и будут доступны в блоке «Документы» на карточке услуги

  • Галерея (7) — позволяет загрузить фотографии, которые отобразятся в блоке «Галерея» на карточке услуги
  • Товары (8) — позволяет привязать к карточке услуги проект(ы). Для добавления нажмите кнопку «Добавить…» или кнопку с многоточием возле пустого поля, затем выберите в списке нужный элемент. Для изменения выборанного элемента нажмите кнопку с многоточием возле заполненного поля. Для снятия привязки удалите значение id из поля. Это стандартный алгоритм для подобных свойств, он действует на все свойства с привязками: «Специалисты» (9), «Отзывы» (10), «Проекты» (11)
  • Специалисты (9) — позволяет привязать к карточке услуги специалиста(ов). Управление элементами см. в п. (8)

  • Отзывы клиентов (10) — позволяет привязать к карточке услуги отзывы клиентов. Управление элементами см. в п. (8)
  • Проекты (11) — позволяет привязать к карточке услуги готовые здания. Управление элементами см. в п. (8)
  • Заказ услуги и Задать вопрос (12) — при активации свойств(а) на карточке отображается соответствующий блок с кнопкой, открывающей соответствующую веб-форму.


  • Картинка для анонса (13) — позволяет загрузить изображение, которое отображается в списке услуг в разделе и в специальном виде на главной, если активировано свойство отображения на главной
  • Описание для анонса (14) — отображается в списке услуг в разделе и на главной, если активировано свойство отображения на главной.


  • Детальная картинка (15) — позволяет загрузить изображение, которое отображается на карточке услуги. Положение этого изображения регулирует свойство Расположение фото (5)
  • Детальное описание (16) — отображается как основное описание услуги на карточке.

Цены

В разделе «Цены» в удобном виде представлен основной прайс на проекты и услуги компании. Цены разделены на несколько таблиц для наглядности. Вы можете придать этому разделу нужный вам вид – все его содержимое формируется вами в визуальном редакторе.


Чтобы отредактировать раздел, нажмите всплывающую кнопку «Изменить страницу в редакторе». В визуальном редакторе вы можете наполнить раздел информацией и отформатировать текст, добавить таблицы и графику.


Управление изображениями

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

  1. Картинка (загружается через визуальный редактор как обычная иллюстрация)
  2. Превью картинки + fancybox (открывается при клике);
  3.  

  4. Иконка + fancybox.


Для того, чтобы задать тип изображения «Превью картинки + fancybox», вставьте в таблицу цен картинку превью и отредактировать ее.



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


Для того, чтобы задать тип изображения «Иконка + fancybox», загрузите иконку в таблицу. Затем перейдите в режим редактирования картинки. Введите ссылку на изображение, которое должно отображаться при клике на иконку, затем кликните на область «Дополнительные настройки». Откроются дополнительные поля. В поле «CSS класс» пропишите код fancybox_ext link_icon_ext. В поле «Открыть ссылку в» выберите нужный вариант: в этом окне, в новом окне, родительском окне, самом наружнем.

Управление якорными ссылками

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

Наведите указатель на блок бокового меню и нажмите всплывающую кнопку «Редактировать пункты меню».


Пропишите в качестве ссылок для каждого пункта идентификатор якоря. 


На скриншоте вы можете видеть, как оформлены ссылки-якоря для пунктов меню. Они состоят из внутренней ссылки на текущий раздел и ID якоря с решеткой (#), как если бы это был подраздел.

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


В этом режиме вы будете видеть html-код раздела. В нужных местах в новых или существующих тегах допишите ID якоря в соответствии с ID из пунктов меню.


Также про якорные ссылки можно прочитать в курсе «Контент-менеджер» от 1С-Битрикс.  


Контакты

В разделе «Контакты» представлена основная контактная информация вашей компании: адреса, телефоны, почта, режим работы карта проезда. Также в разделе можно активировать кнопку, открывающую форму для отправления вопросов.



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


Чтобы отредактировать карту, наведите указатель на блок с картой, нажмите всплывающую кнопку с шестеренкой и в выпадающем меню выберите пункт «Редактировать параметры компонента».


Затем нажмите кнопку «Изменить» в свойстве «Данные, выводимые на карте».


Чтобы добавить новую точку на карте, введите в поле поиска адрес, затем нажмите «Добавить точки». После этого нажмите «Закончить», чтобы добавить новую точку в список.



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

Так же в полях настройки «Основные параметры» вы можете настроить вид карты: схема, спутник, гибрид, ландшафт, ширину и высоту карты.


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

В блоке консультации вы можете изменить текстовые описания. Наведите указатель на нужный блок и нажмите всплывающую кнопку «Изменить область».




Свойства

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

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



Свойства с заданным содержанием и стилем могут быть как небольшим блоком с минимумом элементов или даже отдельной кнопкой, которые активируются установкой соответствующего флажка при редактировании инфоблока – такие свойства называются простыми заданными (1), так и блоком с функциональными элементами, которые при редактировании выбираются из списков – сложные заданные свойства (2).

Простые заданные свойства

Например, это форма «Задать вопрос» :


Или заказ расчета стоимости:



Активировать такие свойства можно в режиме правки, в окне настроек элемента:

Сложные заданные свойства

Например, это блок тизеров на карточке проекта.



Блок отзывов на карточке готового дома.



Блок готовых домов на карточке проекта.



Активировать эти свойства на странице можно через привязку отдельных элементов в конкретной странице. 



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

К служебным свойствам относятся галереи, документы и пр. Основное отличие от прочих свойств в том, что служебные обладают возможностью загрузки и специального отображения файлов. Галереи создают превью загруженных изображений и позволяют просматривать их в полном размере. Документы размещают файлы в удобном виде и позволяют скачивать.


Свойства можно разделить по типу значений:

  • изменяемое значение - число, строка, текст, файл
  • выбираемое значение - элементы других инфоблоков, флаги активации свойства

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

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

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

О том, как создать инфоблок со своим набором свойств, читайте здесь. В этой главе мы поговорим об управлении свойствами: редактировании, добавлении, активации и деактивации.



Редактирование свойств

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

Например, мы хотим узнать, какие свойства привязаны к блоку «Наши работы». Для этого переходим на вкладку «Свойства» настроек инфоблока каталога:

Контент → Инфоблоки →Типы инфоблоков → Контент (aspro.stroy)


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


Как видим, у нас имеются стандартные свойства, для которых назначен тип данных «строка» – заказчик, сайт и т.д., служебные свойства для загрузки документов с типом «файл» – галерея, файлы и т.д., и два вида заданных свойств: простые заданные с типом «список» – заказать проект и задать вопрос, и сложные заданные с типом «привязка к элементу» – похожие проекты и отзывы заказчиков.

Тип значения не влияет на тип свойства. Например, стандартное свойство из характеристик дома может обладать типом значений «список»

Если вы хотите отредактировать существующее свойство, нажмите на кнопку с пиктограммой «гамбургер». Или перейдите в свойства инфоблока:


Найдите нужное свойство и нажмите кнопку «Изменить».


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

Для деактивации свойства нажмите кнопку «Изменить» и снимите флажок с параметра «Активность», после чего сохраните изменения. 



Добавление свойств

Рассмотрим добавление свойства на конкретном примере. Допустим, вам необходимо добавить в таблицу характеристик готового дома его этажность.

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


Далее редактируем свойство и задаем параметры для списка:

  • xml_id – произвольный код
  • значения — значения для списка, из которого будем выбирать при редактировании карточки товара.


Сохраняем и нажимаем кнопку «Применить» в списке свойств.

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

Вывод свойств

Свойства выводятся в форме редактирования карточки и в публичной части сайта. Рассмотрим алгоритм добавления на примере прошлого урока – нового свойства «Этажность».

Значения свойств выводятся на карточке редактирования товара в блоке «Значения свойств». Здесь же вы можете работать с ними и задавать нужные значения свойств для каждого товара. Для того, чтобы вывести новое свойство в форму редактирования карточки дома или проекта, переходим в любую готовую карточку или создаем новый элемент. Нажимаем на кнопку «Настройки» в правом углу формы.


Находим новое свойство в открывшейся форме. В списке «Вкладки» кликаем на вкладку «Проект», затем находим нужное поле среди «Выбранных полей». Если его там не оказалось, тогда находим его в «Доступных полях», выделяем и нажимаем кнопку «>». Таким образом нужное поле переместится в список подключенных к форме полей. Активируем параметр «Установить данные настройки по умолчанию для всех пользователей» и нажимаем кнопку «Сохранить».


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


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


Далее переходим в настройки проекта:


Заполняем выбранное свойство, выбрав нужный параметр из списка. Если бы мы создали свойство типа «Файл», система предложила бы нам загрузить файл. Строка или число — ввести соответствующее значение. А если мы добавили сложное заданное свойство, то нам бы предоставили выбор среди элементов привязанного инфоблока.


Итог на сайте: новое свойство с выбранным из списка значением выведено в таблице характеристик карточки проекта.


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

Дополнительно

Установка модулей сторонних разработчиков

Решения «Аспро» поддерживают стандартный набор модулей и компонентов 1С-Битрикс.

Мы не тестируем модули и компоненты сторонних разработчиков, поэтому не можем гарантировать совместимость с решениями «Аспро» и 100% работоспособность на готовом сайте.  Для того, чтобы установить такое решение, рекомендуем обратиться к сертифицированным партнерам 1С-Битрикс.

Внимание! Если вы собираетесь установить модуль или компонент стороннего разработчика, помните: вы делаете это на свой страх и риск. Любые вмешательства такого рода приравниваются к изменению кода и могут привести к нарушению логики работы решения, изменениям верстки и программным ошибкам.  Перед тем, как устанавливать модуль, убедитесь, что вы обладаете необходимыми навыками для внесения изменений в решение и обязательно выполните резервное копирование.


Установка пользовательских скриптов

Пользовательские скрипты – это внешние файлы (т.е. созданные не в рамках системы 1С-Битрикс), код которых система понимает и выполняет на каждой странице сайта. К этим скриптам относятся всевозможные метрики (Яндекс, Google), системы аналитики, кнопки обратного звонка, онлайн-консультант и т.д.

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

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



Нажмите всплывающую кнопку «Редактировать Counters place». В открывшееся окно вы можете вставить код вашего скрипта.



В нашем случае это код счетчика Яндекс.Метрики. На странице он не отображается, но в своем профиле Яндекс метрики вы можете проследить за посещениями вашего сайта.

Полезные ссылки:

Как получить счетчик Яндекс.Метрики

Справочный центр Google Analytics