WordPress. How to work with Cherry Lazy Load Boxes Plugin (based on Cherry 3.x)

Hello, this tutorial shows how to work with Cherry Lazy Load Boxes Plugin.

WordPress. How to work with Cherry Lazy Load Boxes Plugin

In order to add the lazy load effect for your content, you should perform the following:

1. Open WordPress administration panel;



2. Open any page in Pages -> All Pages tab:

   

3. Find the part of the content that you need to add the effect to;

4. Wrap this part of the content with the following shortcode tags:

   [lazy_load_box]any text content[/lazy_load_box]

   

5. You can add the following attributes to the shortcode:

   • Effect – shows the fade in effect;

   • Speed – shows the animation speed in miliseconds;

   • Delay – shows the delay before the element appears;

   • custom_class – allows you to add a specific css class that you can use further for style modifications.

6. The following effects values can be used in the shortcode:

   • fade;

   • slideup;

   • slidefromleft;

   • slidefromright;

   • zoomin;

   • zoomout;

   • rotate;

   • skew.

7. Add the desired attributes with their values to the shortcode:

   

Feel free to check the detailed video tutorial below:

WordPress. How to work with Cherry Lazy Load Boxes Plugin