- Print
Using Lottie
- Print
Lottie is a JSON
file format that can implement simple animations on webpages and mobile apps. More information about Lottie can be found at the site below.
Shoplive uses Lottie to animate the Like button. In order to maintain a steady connection, there is a limit to the capacity, number and effect of the Like animations.
Category | Description |
---|---|
Recommended size | 5KB |
Max. size | 30KB |
Max. number of displays | 10 |
Supported transforms | POSITION, SCALE, ROTATION, OPACITY, COLOR |
Format | JSON |
Ratio | 1:3.7 |
Note!
Lottie files that do not meet the above standards may not be uploaded or may not operate smoothly in the Shoplive player.
In particular, Lottie files that include Repeater options are strictly prohibited, as they can have a significant impact on the campaign connection quality.
You can download the basic Lottie images provided by Shoplive from below. If you have any questions about modifying Lottie animations, please contact to Shoplive representative at ask@shoplive.cloud.
Download the default Lottie provided by Shoplive
Download the default Lottie provided by Shoplive (new version)
Download After Effects sample Lottie
How can I create Lottie files?
See the below for creating Lottie animations in After Effects.
Download the Plugin
Lottie export
Lottie can be created in After Effects and can be exported by downloading the Lottie Plugin. Please only use Lottiefiles Plugin. The Bodymovin is not supported.
1. After running the Plugin, click the Extensions in Window and then click the LottieFiles.
2. Click on the Settings.
3. Uncheck all the boxes on the Settings, and then click the Save.
4. Save in your desired file and send it to your Shoplive representative.
When the Lottie file is ready, send it to your Shoplive representative (ask@shoplive.cloud) at least 24 hours before the campaign, and request to apply the Lottie file to the campaign. If there are issues with the Lottie file, it may not be possible to register.