Widget Lazy Load

Lazy loading is an optimization technique for the online content that is aimed to delay the website widget loading until it comes into visitor’s view to improve page load time. 

Here is the list of widgets that include the lazy load settings:

Featured Posts Widget

Posts Grid Widget

Posts Slider Widget

Template Widget

Tabs Widget

Product Data Tabs Widget

Offcanvas Widget

Product Categories Widget

Product Categories Slider Widget

Related Products Widget

Products Slider Widget

Products Widget

– Toggles Widget

You can choose the settings you want for each widget in the widget’s Style tab, or set the Preloader view globally in the Site Settings to apply to all widgets with lazy loading enabled.

Site Settings

site-settings-1

Widget Lazy Load can be set in the Theme settings.

Preloader

Icon

Icon: Choose the icon from the icon library or upload the needed SVG.

Icon Size: Set the icon size for widescreen, desktop, tablet portrait and mobile portrait modes.

Icon Color: Choose the icon color.

Icon Animation Speed (ms): Set the icon animation speed in milliseconds. 

Container

Height: Set the container height for widescreen, desktop, tablet portrait and mobile portrait modes.

Background Type: Choose the container background type between Classic and Gradient and set it.

Overlay Background Type: Choose the container overlay background type between Classic and Gradient and set it.

Border Type: Choose the border type from the dropdown.

Border Radius: Set a desired border radius.

Box Shadow: Choose desired settings from the dropdown.