Add your own additional sliders in JTL

How to add your own sliders in your JTL backend through Clerk
Platforms:

Currently there are two known methods to add your own additional sliders in JTL through the Clerk plugin:

  • EasyTemplate
  • OnPage Composer

EasyTemplate

You can easily integrate your own sliders into the EasyTemplate using the following steps:

  1. Creation of the design in the Clerk.io backend (existing designs can also be used)

  1. Creation of the content with the respective focus in Clerk.io , copying the necessary span element

  1. Adding an HTML widget in the EasyTemplate

  1. Insert the element into an HTML widget in the EasyTemplate.

It is important to add the line data-snippets=’{json_encode($s360_clerk_snippets->get())}’to the Clerk HTML snippet from step 2 so that the language variables are passed correctly to Clerk! In addition, the checkbox must be checked for “Evaluate Smarty”

OnPage Composer

Your own sliders can be integrated into the OnPage Composer using the following steps:

  1. Creation of the design in the Clerk.io backend (existing designs can also be used)

  1. Creation of the content with the respective focus in Clerk.io, copying the necessary span element

  1. Open the OnPage Composer

OnPage Composer blau links

  1. New draft in OnPage Composer

  1. Drag and drop the rich text element in the Onpage Composer to the desired one → select the source code in the menu and add the copied span elements here

  1. Save → Publish with select period

Publish to share, important to note the publishing time

Note: Depending on the position of the “own slider”, additional CSS properties/classes must also be added if the standard template is not used.