• Docs
        • Документация OnPress v2
            • Документация OnPress v2
              • Как устроена платформа
              • Быстрый старт
              • Доступ, роли и выбор сайта
                • Страницы
                  • Frontmatter: все поля
                  • Синтаксис markdown
                  • Языки и переводы страниц
                • Фреймы
                  • Вставки onpress/
                  • Бинды data-op-bind
                  • Сборка страницы и статическая копия
                • Готовые фреймы
                  • Фрейм assistant: страница с чатом ассистента
                  • Фрейм outline: оглавление в тексте
                  • Фрейм faq: вопросы из текста страницы
                  • Фрейм article: статья
                  • Фрейм docs: документация
                  • Фрейм site__header: шапка сайта
                  • Фрейм site__footer: подвал сайта
                  • Фрейм article__faq: вопросы из набора
                  • Фрейм landing: лендинг ассистента
                  • Фрейм assistant__chat: чат обычной разметкой
                  • Фрейм site__404: страница «не найдено»
                  • Фрейм news: лента новостей
                  • Фрейм news__category: рубрика новостей
                  • Фрейм news__post: новость
                  • Фрейм news__more: читайте ещё
                  • Фрейм news__share: поделиться
                  • Фрейм author__page: страница автора
                  • Фрейм author__byline: подпись автора
                  • Фрейм author__card: карточка автора
                  • Фрейм author__avatar: аватар автора
                  • Фрейм author__socials: соцсети автора
                  • Фрейм author__head: объявление набора автора
                  • Фрейм home: главная-документ
                  • Фрейм pricing: тарифы
                • Наборы данных и системные источники
                  • Повторитель onpress/repeat
              • Стили и оформление
              • Меню
              • Сайдбар документации
              • Языки сайта
              • Настройки, главная и кэш
              • SEO
              • Медиа
              • Сайты и домены
              • Пользователи и профиль
              • Дашборд и вход
                • Рецепты
                  • Сайт с нуля
                  • Раздел документации
                  • Лендинг из конструктора
                  • FAQ на странице
                  • Свой фрейм из готового
                  • Многоязычный сайт
                  • Поменять меню
                  • Перенести страницу
                  • Картинки в статье
                  • Список из данных
                  • Сменить оформление
                • Справочник API
                  • Справочник: страницы
                  • Справочник: переводы
                  • Справочник: фреймы
                  • Справочник: данные
                  • Справочник: меню
                  • Справочник: сайдбар документации
                  • Справочник: стили
                  • Справочник: настройки, главная, кэш
                  • Справочник: языки
                  • Справочник: SEO
                  • Справочник: медиа
                  • Справочник: сайты
                  • Справочник: пользователи и профиль
                  • Справочник: вход и служебное
                • Ошибки и частые проблемы
                  • Коды ошибок
        • Старая документация v1
            • Старая документация v1
              • Начало
              • Привязка домена
              • Виджеты
              • Структура ссылок
              • Connector.js
              • Шапка
              • Подвал
              • Мультиязычность
              • Меню
              • Как настроить стили сайта через Design
              • Schema разметка
              • Open Graph
              • Аналитика
              • FAQ
              • Robots.txt
              • Sitemap
OnPress OnPress
  • Документация
  • Контакты
Войти
    • Docs
        • Документация OnPress v2
            • Документация OnPress v2
              • Как устроена платформа
              • Быстрый старт
              • Доступ, роли и выбор сайта
                • Страницы
                  • Frontmatter: все поля
                  • Синтаксис markdown
                  • Языки и переводы страниц
                • Фреймы
                  • Вставки onpress/
                  • Бинды data-op-bind
                  • Сборка страницы и статическая копия
                • Готовые фреймы
                  • Фрейм assistant: страница с чатом ассистента
                  • Фрейм outline: оглавление в тексте
                  • Фрейм faq: вопросы из текста страницы
                  • Фрейм article: статья
                  • Фрейм docs: документация
                  • Фрейм site__header: шапка сайта
                  • Фрейм site__footer: подвал сайта
                  • Фрейм article__faq: вопросы из набора
                  • Фрейм landing: лендинг ассистента
                  • Фрейм assistant__chat: чат обычной разметкой
                  • Фрейм site__404: страница «не найдено»
                  • Фрейм news: лента новостей
                  • Фрейм news__category: рубрика новостей
                  • Фрейм news__post: новость
                  • Фрейм news__more: читайте ещё
                  • Фрейм news__share: поделиться
                  • Фрейм author__page: страница автора
                  • Фрейм author__byline: подпись автора
                  • Фрейм author__card: карточка автора
                  • Фрейм author__avatar: аватар автора
                  • Фрейм author__socials: соцсети автора
                  • Фрейм author__head: объявление набора автора
                  • Фрейм home: главная-документ
                  • Фрейм pricing: тарифы
                • Наборы данных и системные источники
                  • Повторитель onpress/repeat
              • Стили и оформление
              • Меню
              • Сайдбар документации
              • Языки сайта
              • Настройки, главная и кэш
              • SEO
              • Медиа
              • Сайты и домены
              • Пользователи и профиль
              • Дашборд и вход
                • Рецепты
                  • Сайт с нуля
                  • Раздел документации
                  • Лендинг из конструктора
                  • FAQ на странице
                  • Свой фрейм из готового
                  • Многоязычный сайт
                  • Поменять меню
                  • Перенести страницу
                  • Картинки в статье
                  • Список из данных
                  • Сменить оформление
                • Справочник API
                  • Справочник: страницы
                  • Справочник: переводы
                  • Справочник: фреймы
                  • Справочник: данные
                  • Справочник: меню
                  • Справочник: сайдбар документации
                  • Справочник: стили
                  • Справочник: настройки, главная, кэш
                  • Справочник: языки
                  • Справочник: SEO
                  • Справочник: медиа
                  • Справочник: сайты
                  • Справочник: пользователи и профиль
                  • Справочник: вход и служебное
                • Ошибки и частые проблемы
                  • Коды ошибок
        • Старая документация v1
            • Старая документация v1
              • Начало
              • Привязка домена
              • Виджеты
              • Структура ссылок
              • Connector.js
              • Шапка
              • Подвал
              • Мультиязычность
              • Меню
              • Как настроить стили сайта через Design
              • Schema разметка
              • Open Graph
              • Аналитика
              • FAQ
              • Robots.txt
              • Sitemap
Рецепты
Markdown
Открыть в ИИ
  • Открыть в ChatGPT
  • Открыть в Claude
  • Открыть в Gemini
  • Открыть в Perplexity
  • Открыть в Grok
  • Открыть в DeepSeek

Список из данных

Результат: блок «Тарифы» из карточек, который собирается из набора tariffs. Цена меняется запросом к данным — разметку никто не трогает.

1. Набор

curl -s -X PUT "$API/site/$SITE/data/tariffs" \
  -H "Authorization: Bearer $OP_TOKEN" -H 'Content-Type: application/json' \
  -d '{"items": [
        {"slug": "start",  "title": "Старт",   "price": "0 ₽",     "note": "Для пробы",           "url": "/tarify/start/"},
        {"slug": "pro",    "title": "Про",     "price": "990 ₽",   "note": "Свой домен",          "url": "/tarify/pro/"},
        {"slug": "team",   "title": "Команда", "price": "2 990 ₽", "note": "Несколько авторов",   "url": "/tarify/team/"},
        {"slug": "agency", "title": "Агентство","price": "9 990 ₽","note": "Много сайтов",        "url": "/tarify/agency/"}
      ]}' | jq -c '{applied, items: .dataset.items, fields: [.dataset.fields[].field]}'

Схемы нет: какие поля положили, такие доступны в разметке как item.<поле>.

2. Фрейм блока

tariffs__cards.html:

<section class="tariffs">
  <h2 class="tariffs__title">Тарифы</h2>
  <div class="tariffs__grid">
    <!-- onpress/repeat {"source":"tariffs","limit":3,"offset":"(page.paged - 1) * 3","empty":"frame"} -->
    <a class="tariffs__card" data-op-bind='{"href":"item.url"}'>
      <span class="tariffs__name" data-op-bind='{"text":"item.title"}'></span>
      <strong class="tariffs__price" data-op-bind='{"text":"item.price"}'></strong>
      <span class="tariffs__note" data-op-bind='{"text":"item.note"}'></span>
    </a>
    <!-- /onpress/repeat -->
  </div>
  <nav class="tariffs__pages"><a href="?blog_page=1">1</a> <a href="?blog_page=2">2</a></nav>
</section>
  • limit: 3 и offset от page.paged — по три карточки на страницу; номер страницы — параметр ?blog_page=N в адресе, без него — первая;
  • "empty":"frame" — если на какой-то странице разбивки карточек не осталось, блок не выводится вовсе;
  • ссылки на страницы разбивки — обычная разметка.
curl -s -X POST "$API/site/$SITE/frames" \
  -H "Authorization: Bearer $OP_TOKEN" -H 'Content-Type: application/json' \
  -d "$(jq -n --rawfile html tariffs__cards.html '{slug: "tariffs__cards", html: $html}')" \
  | jq -c '{slug: .frame.slug, sources, renders_on_request, live_reasons}'
{"slug":"tariffs__cards","sources":["tariffs"],"renders_on_request":true,"live_reasons":["op/repeat limit/offset uses page.* tokens"]}

Окно от page.paged делает фрейм зависимым от страницы — он собирается на каждом запросе. Без разбивки ("limit": 3 без offset) блок попал бы и в статическую копию.

3. Поставить на страницу

Лучше всего — во фрейм страницы (оболочку) строкой <!-- onpress/frame {"name":"tariffs__cards"} /-->: тогда платформа знает, какие страницы зависят от набора, и сама сбрасывает их кэш после правки данных. Можно и прямо в тело страницы — той же строкой в markdown, но тогда после правки набора кэш этой страницы придётся сбросить вручную (шаг 5):

---
name: "Тарифы"
slug: "tarify"
url: "/tarify/"
lang: "ru"
frame: "article"
---

Выберите тариф.

<!-- onpress/frame {"name":"tariffs__cards"} /-->

4. Проверить заранее

Что получит повторитель на первой и второй странице разбивки:

for n in 1 2 3; do
  printf 'blog_page=%s: ' "$n"
  curl -s -X POST "$API/site/$SITE/data/resolve" \
    -H "Authorization: Bearer $OP_TOKEN" -H 'Content-Type: application/json' \
    -d "{\"source\": \"tariffs\", \"limit\": 3, \"offset\": \"(page.paged - 1) * 3\", \"paged\": $n}" \
    | jq -c '{window, window_total, titles: [.items[].title]}'
done
blog_page=1: {"window":{"offset":0,"limit":3},"window_total":4,"titles":["Старт","Про","Команда"]}
blog_page=2: {"window":{"offset":3,"limit":3},"window_total":4,"titles":["Агентство"]}
blog_page=3: {"window":{"offset":6,"limit":3},"window_total":4,"titles":[]}

На странице сайта: /tarify/, /tarify/?blog_page=2.

5. Поправить данные

curl -s -X PATCH "$API/site/$SITE/data/tariffs" \
  -H "Authorization: Bearer $OP_TOKEN" -H 'Content-Type: application/json' \
  -d '{"ops": [{"op": "merge", "match": {"slug": "pro"}, "fields": {"price": "1 290 ₽"}}]}' \
  | jq -c '{applied, rebaked: .rebaked | {status, cache: .cache.status}}'

Если блок стоит во фрейме страницы, запись сама сбрасывает кэш этих страниц (rebaked.cache.status: "ok") — новая цена видна на следующем запросе. Если блок вставлен в тело страницы, платформа эту связь не видит ("cache": "nothing"), и посетители получат старую копию из кэша, пока её не сбросить:

curl -s -X POST "$API/site/$SITE/cache/flush" \
  -H "Authorization: Bearer $OP_TOKEN" -H 'Content-Type: application/json' \
  -d '{"urls": ["/tarify/"]}' | jq -c .flushed.urls.status

Варианты

  • Фильтр по странице — показывать на странице только «её» элементы: поле page в элементах и "match":{"page":"page.slug"} в повторителе.
  • Выбор по списку — "match":{"slug":["raw:pro","raw:team"]} выводит только два тарифа.
  • Перевод — PUT /data/tariffs с "lang": "en": английские страницы получат английский вариант.
  • Без набора — короткий неизменный список можно держать прямо в атрибуте: <!-- onpress/repeat {"items":[{"title":"…"},{"title":"…"}]} -->.
arrow_backНазад
Картинки в статье
Далееarrow_forward
Сменить оформление
На этой странице
  • 1. Набор
    • 2. Фрейм блока
      • 3. Поставить на страницу
        • 4. Проверить заранее
          • 5. Поправить данные
            • Варианты
            OnPress
            OnPress
            ИП Зуев И.В. ИНН: 360408359441
            © 2026
            политика конфиденциальности публичная оферта
            • visa
            • mastercard
            • sber
            • tpay