Page

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

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

Свойства

id

Версии API: 3.7 и выше

Тип: Number

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

cart

Версии API: 3.7 и выше

Тип: Cart

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

cookiesAccepted

Версии API: 3.8 и выше

Тип: Boolean или null

Методы

waitForLazy

Версии API: 3.7 и выше

page.waitForLazy(selector, callback)

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

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

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

lazy

Версии API: 3.7 и выше

Алиас для waitForLazy.

waitForAppear

Версии API: 3.7 и выше

page.waitForAppear(selector, callback)

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

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

scrollTo

Версии API: 3.7 и выше

page.scrollTo(element[, offset])

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

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

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

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

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

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

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

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

scrollToTop

Версии API: 3.7 и выше

page.scrollToTop()

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

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

getPopup

Версии API: 3.7 и выше

page.getPopup(id)

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

getComponent

Версии API: 3.7 и выше

page.getComponent(id)

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

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

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

getComponentsByClass

Версии API: 3.7 и выше

page.getComponentsByClass(className[, rootElement])

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

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

closeTopPopup

Версии API: 3.7 и выше

page.closeTopPopup()

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

closeAllPopups

Версии API: 3.7 и выше

page.closeAllPopups()

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

showSuccessMessage

Версии API: 3.7 и выше

page.showSuccessMessage(title[, text])

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

showInformationMessage

Версии API: 3.7 и выше

page.showInformationMessage(title[, text])

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

showErrorMessage

Версии API: 3.7 и выше

page.showErrorMessage(title[, text])

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

createPortal

Версии API: 3.8 и выше

page.createPortal(element)

TODO

acceptCookies

Версии API: 3.8 и выше

page.acceptCookies()

TODO

declineCookies

Версии API: 3.8 и выше

page.declineCookies()

TODO

lightbox

Версии API: 3.8 и выше

page.lightbox(images)

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

cr.api(function (page) {
page.lightbox([
{ src: 'https://...' },
{ src: 'https://...' },
]);
});

uploadImage

Версии API: 4.1 и выше

page.uploadImage(fileOrBlob)

Загружает изображение на сервер Creatium. Возвращает Promise.

uploadFile

Версии API: 4.1 и выше

page.uploadFile(fileOrBlob)

Загружает файл на сервер Creatium. Возвращает Promise.

События

popup-show

Версии API: 3.7 и выше

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

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

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

popup-hide

Версии API: 3.7 и выше

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

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

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

before-form-submit

Версии API: 3.7 и выше

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

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

form-submit

Версии API: 3.7 и выше

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

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

Примеры