Центр поддержки клиентов:
8 (800) 505 04 75
Ссылка на сайт

Инъекции скрипта

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

Ниже представлены основные и часто используемые инъекции: 

 

Скрытие полей

Пример кода для скрытия полей "Комментарий", "Напоминание", "Email" на шаге ввода контактных данных.

<style>
md-input-container.order-comment {
display: none!important;
}
md-input-container.order-remind-time {
display: none!important;
}
md-input-container.js-email-container {
display: none!important;
}
</style>

Если нужно что-то одно, то просто удаляем код начиная с md.. и заканчивая }

Скрыть цену на услуги в деталях записи в виджете

<style>

.y-record-card-full__price.ng-binding {
display: none!important;
}
</style>

Скрыть раздел "Карты лояльности"

<style>
y-menu-item.js-loyalty-card-item.ng-scope.ng-isolate-scope {
display: none
</style>

Скрыть раздел "Отзывы" в информации о сотруднике на шаге выбора сотрудника

<style>
.js-master-info .master-info-tabs .y-tabs__tab {
width: 100%;
}

.js-master-info .master-info-tabs .y-tabs__tab:nth-child(2) {
display: none;
}
</style>

Запрет записи на определенные услуги в диапазоне дат

В примере ниже запрещена запись на услуги с идентификаторами 389045 и 90812 в период с 23 декабря по 2 января. Исключая блок services, можно запретить запись на даты по всем услугам, при этом будет выводиться текст "С 23 декабря онлайн запись не работает, записывайтесь по телефону!" из блока text.

<script>
window.yclientsNotWorkingDatesRanges = [
{
text : "С 23 декабря онлайн запись не работает, записывайтесь по телефону!",
startDate: "23.12.2016",
endDate: "02.01.2017",
services: [
389045,
90812
]
}
];
</script>

Скрыть цену на услуги в виджете

Есть два варианта скрыть цену на услуги
В первом случае скрывается цена из поля, которое остается пустым под названием услуги:

<style>
.service-card .service-card-footer .price {
display: none!important;
}
</style>

Во втором случае скрывается поле с ценой:

<style>
.service-card .service-card-footer {
display: none!important;
}
</style>

Изменение цвета кнопки ЗАПИСАТЬСЯ

Меняете цвет на нужный, используя HTML код цвета (в данном случае черный #000000)

<style>
button.y-button.order-submit {
background-color: #000000;
}
</style>

Изменение цвета чисел в календаре на шаге выбора даты виджете

<style>
button.calendar-active-day {
color: black !important;
}
</style>

Изменение цвета строки "Рабочий, записи есть" на шаге выбора даты в виджете

<style>
.date-wrapper .text-exist-record.calendar-active-day {
color: black !important;
}
</style>

Примечание:

Все цвета можно задавать вида border: 1px solid #fffaaa

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Colors/Color_picker_tool
Этот инструмент позволяет легко создавать, настраивать и экспериментировать с пользовательскими цветами для использования в интернете. Это также позволяет легко конвертировать цвета между различными форматами, поддерживаемые CSS, в том числе: шестнадцатеричный формат, RGB (красный / зеленый / синий) и HSL (Цветовой тон / Насыщенность / Яркость). Контроль над альфа-каналом (прозрачностью) поддерживается в формате RGB (RGBA) и HSL (HSLA).

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 1 из 1
Еще есть вопросы? Отправить запрос

Комментарии