Smart One Page Navigation - Addon For Visual Composer 1.3.8

Smart One Page Navigation (often shortened to OPN) is a premium addon for WPBakery Page Builder (formerly Visual Composer). It is designed to transform long, scrolling pages into high-end "one-page" websites with smooth navigation and advanced scrolling effects.

Unlike standard navigation, this plugin creates a "floating" or "side" menu that tracks where the user is on the page and allows them to jump between sections with a single click.

🚀 Key Professional Features

Fullscreen & Basic Scrolling: Supports both standard "One Page Basic" (standard smooth scroll) and FullPage.js (snapping to sections/slides).

Sub Navigation (Dot Navigation): Adds a customizable sidebar with 6 different styles (dots, lines, tooltips) that can be positioned on the Left, Right, or Bottom.

Smart Sticky Navigation: A navigation bar that can behave intelligently—appearing only when scrolling up, after passing the first section, or remaining always visible.

20+ Demo Imports: Includes one-click sample data to replicate high-end landing page designs instantly.

Video Backgrounds: Native support for HTML5 (MP4/WEBM) and YouTube backgrounds for individual sections.

Hamburger Menu: Includes options for creative hamburger menus, even on desktop, to keep the landing page clean.

🎨 Visual & Interaction Effects

70+ Content Animations: Trigger animations as soon as a section becomes visible.

Particle Canvas: Includes a built-in background particle engine for high-tech or modern design vibes.

Parallax Support: Smooth parallax scrolling for background images.

Scroll Next/Prev Buttons: Easily add "Next Section" arrows to the bottom of your rows.

🛠 How to Set It Up (Workflow)

The setup involves connecting the OPN Navigation Item to your WPBakery Rows.

Add the OPN Element: Place the "Smart One Page Navigation" element at the very top of your WPBakery page layout.

Assign Section IDs:

In the OPN settings, create a new "Item" (e.g., "About Us").

Assign it a unique Row ID (e.g., about-section).

Link the Row:

Edit the WPBakery Row you want to link to.

Navigate to the One Page Tab (added by the plugin) or the General tab and enter the matching ID (about-section) in the Row ID field.

Configure Dots/Menus: In the main OPN element, choose your navigation style (Berta, Hagos, Magool, etc.) and set your colors and tooltips.

📄 Compatibility Note

WPBakery Only: This is specifically an addon for WPBakery Page Builder. It will not work as a standalone plugin or with other builders like Elementor (which has its own similar addons like Essential Addons One Page Nav).

Responsive: Fully optimized for touch devices; the "Touch Swipe" feature allows mobile users to swipe through full-screen sections.

Would you like me to guide you through the specific steps to enable the "FullPage.js" snapping effect, or do you need help troubleshooting why a specific row isn't scrolling correctly?