Skip to content

Как отвязать lottie файл (анимация) от Webflow, чтобы грузился из указанного места

Тут есть как минимум два пути, начнем конечно с самого простого.

Инструкция

Вариант 1 (простой)

  1. Ставим на сам lottie метку f_lottie (или o_lottie)
  2. Включаем поддержку json в конфигураторе

Далее в подключенном поле типа файл, выбираем необходимый lottie. На этом все.

Инструкция

Вариант 2 (сложный путь)

  1. В Wordpress заходим в папку с темой (тема доступна по адресу имя_вашего_домена/public_html/wp-content/themes/имя_вашей_темы/). Зайти можно либо через плагины типа WPID, либо через любой фтп или файловый менеджер на хостинге и т.д. В папку с темой загружаем наш lottie файл, например burger.json. Важно чтобы это был тот самый файл, который вы используете для анимации в webflow, иначе тайминги могут сбиться, если анимация не зациклена.
  2. Создаем текстовое поле. Поскольку, наибольшая среда использования lottie анимаций это меню, доступное на всех страницах сайта, то создадим его в опциях.
  3. В созданное поле вставляем ссылку на наш файл, ссылка будет иметь вид: /wp-content/themes/имя_вашей_темы/имя_файла.json
  4. На сам lottie файл в webflow ставим метку wp_set = data-src: (где field_name, это имя созданного в шаге 2 поля, а второй параметр 'options' указывает на принадлежность поля к опциям сайта)
  5. Публикуем и обновляем конвертером сайт. Профит. Теперь файл будет подгружаться с вашей темы и не зависеть от работы webflow.