PDF-документ на странице
Показывает PDF прямо на странице с перелистыванием, масштабированием и ссылкой на скачивание; адаптируется под ширину блока.
Что делает модификация
Показывает PDF прямо на странице с перелистыванием, масштабированием и ссылкой на скачивание; адаптируется под ширину блока.
Требования
Используется PDF.js с LF Code. Парольные PDF и ссылки на страницу предпросмотра не поддерживаются. Публикация документа делает его доступным для скачивания.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| Прямая HTTPS-ссылка на PDF | Выберите значение в интерфейсе личного кабинета. |
| Фон просмотрщика | Выберите значение в интерфейсе личного кабинета. |
| Фон кнопок | Выберите значение в интерфейсе личного кабинета. |
| Максимальная ширина, px | Параметр 250–1600 |
Пошаговая установка
- Загрузите документЗагрузите PDF в LF Drive и получите прямую публичную ссылку. Сервер должен разрешать CORS для вашего домена; проверьте доступ без авторизации.
- Выберите местоВ нужном месте страницы добавьте T123. Не размещайте просмотрщик в элементе с фиксированной маленькой высотой.
- Сгенерируйте кодУкажите URL, ширину и цвета в кабинете. Скопируйте весь результат в Контент T123.
- ОпубликуйтеПроверьте перелистывание, увеличение, уменьшение и скачивание. На телефоне документ подстраивается под ширину.
- Если не загружаетсяПроверьте прямую ссылку, тип PDF и CORS. Большие сканы загружаются медленнее; оптимизируйте файл перед загрузкой.
Используется PDF.js с LF Code. Парольные PDF и ссылки на страницу предпросмотра не поддерживаются. Публикация документа делает его доступным для скачивания.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в разделе «Покупки». Настройте параметры, нажмите «Сгенерировать код» и замените прежний код на сайте.
Когда появится результат?
После публикации страницы. Проверьте классы, ID и адаптацию блоков. Установите только одну копию кода для одного набора элементов.
Что показывает пример?
Пример демонстрирует механику на элементах LF Code. На вашем сайте используются подготовленные элементы Tilda.