# Page

Класс с которого начинается вся работа со страницей.

cr.api(function (page) {
    console.log(page);
});

# Свойства

# id

Тип: Number

Номер страницы на Creatium.

# cart

Тип: Cart

Корзина посетителя.

# Методы

# waitForLazy

page.waitForLazy(selector, callback)

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

Вместо селектора можно передать конкретный HTML-элемент.

Позволяет отложить выполнение кода до момента, когда посетитель докрутит страницу к элементу.

# lazy

Алиас для waitForLazy.

# waitForAppear

page.waitForAppear(selector, callback)

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

Вместо селектора можно передать конкретный HTML-элемент.

# scrollTo

page.scrollTo(element[, offset])

Плавно прокручивает к элементу на странице или в окне.

  • element — Элемент или его ID в виде строки.

  • offset — Смещение относительно конечной точки прокрутки.

Если на странице есть фиксированная секция, учитывает это, и прокручивает так, чтобы не было перекрытия.

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

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

Пример: Этот код прокрутит страницу на 100 пикселей выше элемента с ID form1:

page.scrollTo('form1', -100);

# scrollToTop

page.scrollToTop()

Плавно прокручивает страницу в самое начало.

Если открыты окна, все они будут закрыты.

# getPopup

page.getPopup(id)

Возвращает окно с указанным ID.

# getComponent

page.getComponent(id)

Возвращает компонент c указанным id. Так же вместо id можно передать сам элемент.

Предупреждение

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

# getComponentsByClass

page.getComponentsByClass(className[, rootElement])

Возвращает все компоненты с классом className на странице.

  • rootElement — ограничивает область поиска на странице.

# closeTopPopup

page.closeTopPopup()

Закрывает верхнее окно.

# closeAllPopups

page.closeAllPopups()

Закрывает все открытые окна.

# showSuccessMessage

page.showSuccessMessage(title[, text])

Показывает сообщение о чем-то успешном.

# showInformationMessage

page.showInformationMessage(title[, text])

Показывает информационное сообщение.

# showErrorMessage

page.showErrorMessage(title[, text])

Показывает сообщение об ошибке.

# События

Окно, всплывающая панель или боковое меню на странице было открыто.

Идентично событию show класса Popup.

  • event.popup — Окно, которое было открыто.

Окно, всплывающая панель или боковое меню на странице было закрыто.

Идентично событию hide класса Popup.

  • event.popup — Окно, которое было закрыто.

# before-form-submit

Идентично событию before-submit класса Form.

  • event.form — Форма, которая будет отправлена.

# form-submit

Идентично событию submit класса Form.

  • event.form — Форма, которая была отправлена.

# Примеры

Поддержка в Telegram-чате

Подскажем, как решить вашу задачу!

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