Multiple Plugin Slide Templates

Published on 08/02/2021
Help Article Plugins
Erica Manning
Leiout Developer

Once you have read a couple of the plugin articles, you may be ready to start creating more complex plugins that require more than one slide template! You can learn how to do so and some examples of when you may have to do this in this article.

Creating a Basic Plugin

Creating a basic plugin is simple. First you need to drag the plugin element onto the page where you want it and add some HTML to the template/slide, nav (optional), wrapper, and any necessary files. I will show a simple example below.

Screen Shot 2021-08-02 at 1.13.53 PM.png

This plugin will have slides that look like this.

Let's say you later decide that you want all of the cropping aspect ratios of the images in the gallery to be set at 1:1, but when you open them, you want them to open at their original full ratio size. This is an example of when we would add another plugin slide template. As shown below, you open the plugin template, and click the green plus sign to create a new plugin template.

Screen Shot 2021-08-02 at 1.35.23 PM.png

You can also name your different plugin slides to prevent confusion by clicking on the blue pencil icon next to the green plus icon. Now you can add your HTML for the new template. It is only slightly different in this example.


You can see the difference in these two plugins. The previous one allows you to open it and it is the same image with the same cropping and aspect ratio. This final one allows you to have two images, a thumbnail and the full sized image. 

Lottie Animations

26, Feb 2023
Help Article
Navik Mega Menu

This article explains how to create and use the mega menu functionality in Leiout navigation menus.

20, Sep 2021
Help Article Design
Google Translate

This article explains how to install and use Google's translate javascript library and implement a b...

20, Sep 2021
Help Article
Mix Blend Mode

This help article explains the CSS mix-blend-mode property and how to incorporate it with hero image...

06, Aug 2021
Help Article Design