“On-Scroll Layout Elementor Plugin” Documentation by “ki-themes” v1.0.0


“On-Scroll Layout Elementor Plugin”

Created: 01/09/2023
By: Moskva Yigit

Thank you for purchasing my plugin.
If you have any questions, please feel free to check the FAQ PAGE first.
Then you can contact me if you need more support. Thanks so much!


Table of Contents

  1. Introduction
  2. Installation the Plugin
  3. Set-up of the Plugin
  4. CSS Files and Structure
  5. JavaScript
  6. Sources and Credits

A) Introduction - top

This help documentation is created specially and is very easy to follow. The whole plugin has been categorized in various sections so that it is easy for you to understand of which code is used for any particular section. The left sidebar navigation in this help documentation includes all the names of the various sections of this theme/vcard and the right scrollable section shows you the detailed description of any particular section that you choose.


B) Installation - top

This plugin only supports WP 6+ and newer. To install the plugin, you can use one of these ways:

  1. Using WordPress Admin
  2. Using FTP

Using WordPress Admin

  1. Go to your wordpress admin panel "http://www.domain.com/wp-admin" > Login
  2. Clik Appearance -> Themes
  3. Click "Add Plugin" -> "Upload Plugin"
  4. Click "Choose File" and Find your 'plugin'.zip
  5. Click "Install Now"

Using FTP

  1. You must have FTP program ( eg Filezilla )
  2. Just fill your username and password and login to your ftp
  3. Upload the themes in folder /wp-content/plugins/on-scroll-layout/
  4. Activate the plugin

C) Set-up of the Plugin - top

i. Activate plugin

After the installation of the plugin, please, go to WP-Admin > Plugins and click to activate the plugin



ii. Basic Settings



iii. Elementor



iv. WPML

To translate gallery widgets you will need WPML CMS/Agency and the WPML String Translation and Media Translation modules.

You can purchase the plugin if you haven't already.

Please, note that the video preview is for visual only and depends on your theme, the theme options may be different.
This theme doesn't require lots of changes/configuration except WordPress basic guide

If you have any questions, please feel free to check the FAQ PAGE first



D) CSS Files and Structure - top

I'm using 1 CSS files in this theme connected to main (style.css) file.

The main file (style.css) contains all of the specific styling for the page. The file is separated into sections using:

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

E) JavaScript - top

This theme imports 4 Javascript files.

  1. flip.js
  2. gsap.js
  3. imagesloaded.js
  4. lenis.js
  5. sctolltrigger.js
  6. gallery-XX.js
  7. util.js



F) Sources and Credits - top

I've used the following images, icons or other files as listed.


Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Moskva Yigit

Go To Table of Contents