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

---

“On-Scroll Section Elementor Plugin”

---

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

• It's just drag and drop feature that you could use the "widgets" as you wish

iii. Elementor

• Documentation of the Elementor. In case of you need help.

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.

• To install and configure WPML, see their Getting Started Guide
• To translate widgets and galleries, see Translation Widgets and Media Translation guides

D) CSS Files and Structure - top

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

• assets/css/style.css

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 these Javascript files.

1. imagesloaded.js
2. gsap.js
3. lenis.js
4. section.js
5. scroltriger.js

---

F) Sources and Credits - top

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

• The LICENSE file is attachted next to the file

---

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

---