Wagtail Lottie
Project description
Wagtail + Lottie is a Wagtail package for playing Adobe After Effects animations exported as json with Bodymovin.
Usage
Export your animation from Adobe After Effect with Bodymovin.
Compress the folder in zip format.
Create a Lottie animation from Wagtail and add this zip file.
Can be used like this at Wagtail page level :
from wagtail_lottie.models import LottieAnimation
from wagtail_lottie.widgets import LottieAnimationChooser
from wagtail_lottie.blocks import LottieAnimationChooserBlock
class HomePage(Page):
lottie_animation_foreign_key = models.ForeignKey(LottieAnimation, on_delete=models.SET_NULL)
lottie_animation_stream_field = StreamField([
('lottie_animation_block', LottieAnimationChooserBlock()),
('rich_text', blocks.RichTextBlock())
])
content_panels = [
FieldPanel('lottie_animation_foreign_key', widget=LottieAnimationChooser),
StreamFieldPanel('lottie_animation_stream_field')
]
And rendered this way at html level :
<!-- For ForeignKey -->
{% include 'wagtail_lottie/lottie_animation.html' with value=page.lottie_animation_foreign_key %}
<!-- For StreamField -->
{% for block in page.lottie_animation_stream_field %}
{% include_block block %}
{% endfor %}
<!-- These scripts are required to launch animations -->
<script src="{% static 'wagtail_lottie/lottie-player.js' %}"></script>
<script src="{% static 'wagtail_lottie/lottie-animation.js' %}"></script>
Setup
Install with pip :
pip install wagtail_lottie
Add wagtail_lottie to Django apps installed :
INSTALLED_APPS = [
'wagtail_lottie',
'wagtail.contrib.modeladmin',
'generic_chooser',
...
]
Run some Django commands :
python manage.py collectstatic
python manage.py migrate
Set if needed Wagtail Lottie download folder in the Django settings (default value is ‘wagtail_lottie’) :
WAGTAIL_LOTTIE_UPLOAD_FOLDER = 'custom_location'
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
wagtail_lottie-0.1.15.tar.gz
(93.0 kB
view hashes)
Built Distribution
Close
Hashes for wagtail_lottie-0.1.15-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | 91482e5bf578b4ea226944bc0b39e0007cc35081ca273ef90a9b369aa1446f69 |
|
MD5 | f8ab92d978bd6b37a2db84c5b11032e3 |
|
BLAKE2b-256 | 74b6e7e0026deb11766d133e3da1bef904031c7f997884a68e75e000a016da16 |