1. aspro.ru
  2. Аспро: Курорт
  3. Цены

Цены


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

35e85809-7b60-11f1-8fe4-fa163e2ff576
Чтобы отредактировать раздел, нажмите всплывающую кнопку «Изменить страницу в редакторе». В визуальном редакторе вы можете наполнить раздел информацией и отформатировать текст, добавить таблицы и графику.


c8411c65-7b5d-11f1-8fe4-fa163e2ff576

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

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

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

 f9b08273-7b5d-11f1-8fe4-fa163e2ff576

Иконка + fancybox. a2dd19d2-7b5d-11f1-8fe4-fa163e2ff576

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

f6a55936-7b64-11f1-8fe4-fa163e2ff576

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

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

b07bd47d-7b5d-11f1-8fe4-fa163e2ff576

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

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

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

6145a9ee-7b5f-11f1-8fe4-fa163e2ff576
Пропишите в качестве ссылок для каждого пункта идентификатор якоря. 

ae4ea910-7b64-11f1-8fe4-fa163e2ff576

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

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

a7cc7a6d-7b60-11f1-8fe4-fa163e2ff576

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

c2a25d1f-7b5d-11f1-8fe4-fa163e2ff576

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


Предыдущая статья Отображение цен в услугах
Следующая статья Контакты