logo exaoffice new

ExaOffice

Программное обеспечение для вашего бизнеса

+7 (499) 394-41-29

9:00 – 18:00 мск

info@exaoffice.ru

Этот материал относится к приложению ExaApartments.


Стилевое оформление модуля бронирования на сайте

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

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

Потребуются базовые знания CSS и HTML.

Создайте файл стилей CSS. Назовите его, например style.css.

Переопределите в файле необходимые классы и укажите в них нужные настройки стилей. Названия классов элементов, которые вы хотите донастроить, можно увидеть при просмотре кода модуля бронирования в браузере. Также текущее оформление CSS можно увидеть по адресу: https://exacode.ru/exabooking/style.css.

Когда файл стилей будет готов, разместите его на вашем сайте.

В программе ExaApartments перейдите в раздел Бронирование на сайте.

Нажмите кнопку настроек.

В открывшемся окне перейдите во вкладку Оформление.

Включите Собственное.

Введите полный адрес вашего CSS-файла, размещенного на сайте. Например, это https://mycompanysite.ru/booking/style.css.

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

Чтобы увидеть новое стилевое оформление на вашем сайте, обновите страницу в браузере, используя Ctrl+F5.


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