In this chapter, we will take a closer look at the template UI elements like Dynamic Backlight and Right Click Protection. Now, let's take a closer look at each of them.

Dynamic Backlight

This element adds a background light effect that follows the cursor and highlights content blocks. The code for that element should be located at the bottom of the page before the Scripts section and look the following way:

...
    Dynamic Backlight
    div/div

    JS Scripts
    ...

Right Click Protection

This element prevents your visitors from using the context menu. For example, it may help to protect your images from downloading with a right-click menu or a long tap on touch devices. The message for the user can be specified in the h2 tag. When the element is on the page, and the user tries to open the context menu, the message will be shown and may be closed by clicking on the overlay or will hide automatically after 2 seconds.

Here is a code structure for the element:

    Right Click Protection Block
    div
        div/div
        div
            h2The context menu is not allowed on this page./h2
        /div
    /div
Right Click Protection
Example of the Right Click Protection screen.