=== fullPage Vertical & Horizontal Slider - Snap Scroll Sections & More ===
Contributors: meceware, fullpagejs
Tags: fullpage, fullscreen, scrolling, section, slider
Requires at least: 6.8
Tested up to: 6.9
Requires PHP: 7.4
Stable tag: 2.0.1
License: GPLv3

Create stunning fullscreen scrolling websites effortlessly with WordPress.

== Description ==

fullPage Vertical & Horizontal Slider allows you to design smooth-scrolling, full-screen websites with ease. Using the powerful fullPage.js library, this plugin integrates seamlessly into WordPress, enabling users to create beautiful, engaging layouts with minimal effort.

**[Online Demo](https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/demo/vertical-scroll/)** | **[fullPage Slider Pro](https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/)** | **[Documentation](https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/docs/)**

### 🌟 Features of the free version

* Fully responsive design for a seamless experience across all devices.
* Smooth touch support for mobile, tablet, and touchscreen devices.
* Simple section and slide creation.
* [Full-page scrolling with an optional visible scrollbar.](https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/scroll-bar/)
* [Scroll inside sections](https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/scroll-inside-sections/)
* [Auto-height sections. Ideal for footers](https://alvarotrigo.com/fullPage/examples/autoHeight.html)
* [Animated anchor links for seamless navigation.](https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/vertical-scroll-elementor/#section-2)
* [Configurable looping and infinite scroll](https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/infinite-scroll/)
* [Keyboard navigation support.](https://alvarotrigo.com/fullPage/examples/keyboard.html)
* Browser history support for back-button navigation.
* [Horizontal sliders](https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/horizontal-slides/)
* [Horizontal and vertical navigation controls with various styling options.](https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/vertical-scroll-elementor/)
* [Customizable snap scrolling speed](https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/snap-scroll-speed/)
* [Autoplay/pause media elements on scroll](https://alvarotrigo.com/fullPage/examples/autoplayVideoAndAudio.html)
* [Fullscreen video backgrounds in sections & slides](https://alvarotrigo.com/fullPage/examples/videoBackground.html)
* [Normal scrolling with smart auto-alignment for sections.](https://alvarotrigo.com/fullPage/examples/normalScroll.html)

### 🚀 Quick Start

For detailed setup instructions, visit the [documentation](https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/docs/).

1. Create a new page or post.
2. Add the *fullPage Vertical & Horizontal Slider* block (ensure no other content exists in the post/page).
3. By default, two sections will be created. You can add more sections or slides using the buttons inside the block.
4. Customize each section/slide with your content.
5. Adjust settings by selecting the desired block and modifying its properties.
6. Remove sections or slides using the delete icon.

View more plugin screenshots in the [documentation](https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/docs/).

### 🚫 Limitations

The free version of *fullPage Vertical & Horizontal Slider* is a great way to get started, but it comes with some limitations compared to the full experience:

- ❌ Limited to **4 vertical sections** and **1 horizontal slide section** (up to **3 slides** only)
- ❌ No access to [premium extensions and effects](https://alvarotrigo.com/fullPage/extensions/), like:
  - [Parallax scrolling](https://alvarotrigo.com/fullPage/extensions/parallax.html?page=gutenberg)
  - [Advanced sliding transition effects](https://alvarotrigo.com/fullPage/extensions/slider-effects.html?page=gutenberg)
  - [Horizontal scrolling via mouse wheel](https://alvarotrigo.com/fullPage/extensions/scroll-horizontally.html?page=gutenberg)
  - [Fading Effect](https://alvarotrigo.com/fullPage/extensions/fading-effect.html?page=gutenberg)
  - [Infinite Horizontal Scroll](https://alvarotrigo.com/fullPage/extensions/continuous-horizontal.html?page=gutenberg)
  - [Drag and move](https://alvarotrigo.com/fullPage/extensions/drag-and-move.html?page=gutenberg)
  - [And more...](https://alvarotrigo.com/fullPage/extensions/)
- ❌ [No responsive options (different behaviors on mobile/tablet)](https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/responsive/)
- ❌ [No support for scrollable elements inside sections (modals, maps, canva...)](https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/normal-scroll-elements/)
- ❌ [No easing animations (all movements use default timing)](https://alvarotrigo.com/fullPage/examples/custom-animation.html)
- ❌ No support included

### 🏆 Upgrade to premium and get:

- ✅ Unlimited sections & slides
- ✅ Access to [paid extensions and advanced effects](https://alvarotrigo.com/fullPage/extensions/) (purchased separately)
- ✅ Access to powerful [methods](https://alvarotrigo.com/fullPage/docs/#methods) and [callback events](https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/docs/#events)
- ✅ [Responsive settings](https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/responsive/)
- ✅ [Lazy loading](https://alvarotrigo.com/fullPage/examples/lazy-load.html)
- ✅ Enhanced navigation options
- ✅ Priority support and regular updates

👉 [Get the premium version →](https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/)

### External Services

This plugin allows users to embed background videos in their sections. If users choose to use videos hosted on YouTube, the following applies:

- **YouTube**: The plugin may load YouTube's player API (`https://www.youtube.com/iframe_api`) to enable video playback. No data is sent to YouTube unless the user explicitly embeds a YouTube video.

== Development ==

This plugin includes JavaScript and CSS files. The source code for these files is publicly available:

- [iwideo.js](https://github.com/meceware/iwideo)
- [fullPage.js Limited](https://github.com/alvarotrigo/fullpage-limited)

== Installation ==

[Check our official documentation for more information](https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/docs/)

### 🔄 Automatic installation

1. Search for 'fullPage Vertical & Horizontal Slider' through 'Plugins > Add New' interface.
2. Find the plugin box of 'fullPage Vertical & Horizontal Slider' and click on the 'Install Now' button.
3. Activate the plugin.

### 🛠️ Manual installation

1. Download [fullPage Vertical & Horizontal Slider](https://downloads.wordpress.org/plugin/fullpage-vertical-horizontal-slider.zip)
2. Upload the 'fullPage Vertical & Horizontal Slider' through 'Plugins > Add New > Upload' interface or upload `fullpage-vertical-horizontal-slider` folder to the '/wp-content/plugins/' directory.
3. Activate the 'fullPage Vertical & Horizontal Slider' plugin through the 'Plugins' menu in WordPress.

### 🚀 Quick Start

1. Create a new page or post.
2. Add the *FullPage* block (ensure no other content exists in the post/page).
3. By default, two sections will be created. You can add more sections or slides using the buttons inside the block.
4. Customize each section/slide with your content.
5. Adjust settings by selecting the desired block and modifying its properties.
6. Remove sections or slides using the delete icon.

== Frequently Asked Questions ==

**When should I use fullPage Slider?**

A. Use fullPage Slider when you want to create fullscreen, scroll-based website or landing pages where each section or slide takes up the entire screen, perfect for storytelling sites, portfolios, startups, or product showcases. You can check these [examples of websites using fullPage Slider](https://alvarotrigo.com/fullPage/showcase/).

**Do you have documentation of your plugin?**

A. Sure! You can check the documentation for fullpage for Gutenberg [here](https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/docs), for Elementor [here](https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/docs), and for [Divi](https://alvarotrigo.com/fullPage/wordpress-plugin-divi/docs) here.

**Can I add any type of content inside each section or slide?**

A. Yes! You can add any Gutenberg block, shortcode, or custom HTML inside slides, including images, videos, text, templates, forms, or buttons.

**Can I create horizontal slides as well as vertical ones?**

A. Yes, absolutely. fullPage Slider supports both vertical and horizontal navigation, allowing you to mix and match slides in both directions.

**Why is my slider not appearing correctly?**

A. Make sure your theme or page builder section is set to full width and that no parent container limits the height. Also, ensure JavaScript is enabled and the plugin is activated properly.

**Can I use fullPage Slider inside a page builder like Elementor or Divi?**

A. Yes! fullPage Slider works with most popular page builders (Gutenberg, Elementor, and Divi).

**Is fullPage Slider responsive?**

A. Yes. It comes with responsive options you can use to turn on/off the snap scroll effect based on the dimensions of the device visualizing the website.

**Does fullPage Slider support touch and scroll navigation?**

A. Yes. It supports mouse wheel scrolling, keyboard arrows and shortcuts, and touch gestures for an intuitive navigation experience.

**Do I need to code to use fullPage Slider?**

A. Not at all. You can visually build and customize your sliders directly from Gutenberg or your preferred builder, no coding required.

**Is fullPage Slider compatible with all browsers?**

A. Yes. It works smoothly across all major modern browsers including Chrome, Safari, Firefox, and Edge, for desktop, tablet or mobile.

**Can I request a new feature or improvement?**

A. Definitely! We’re always adding improvements. You can suggest new features or enhancements through the [plugin’s support forum on WordPress.org](https://wordpress.org/support/plugin/fullpage-vertical-horizontal-slider/) or through our [contact form](https://alvarotrigo.com/contact/).

== Changelog ==

**v2.0.1**

  - Bug fixes.

**v2.0.0**

  - Complete plugin rewrite for modern WordPress/Gutenberg and PHP standards.
  - Improved editor experience with better block selection and breadcrumb navigation.
  - Settings page redesigned with modern interface.
  - Better mobile/tablet responsive controls for backgrounds and navigation.
  - New setup wizard for first-time block configuration.
  - New block: Section Slide, dedicated block for sections with horizontal slides, replacing the old "isSlide" toggle.
  - Package updates.

  **Important: After updating, open each page using FullPage in the editor and click "Attempt Recovery" when prompted, then save the page. This is a one-time migration from the old block format.**

**v1.1.0**

  - 18 new languages are added.
  - Settings page is reorganized.
  - Package updates.

**v1.0.2**

  - iwideo.js is updated to v1.1.20.
  - Minor fixes and improvements.
  - Package updates.

**v1.0.1**

  - Fixed inline JS and CSS not loading correctly bug.

**v1.0.0**

  - Initial Release
