=== Media Carousel for Guten Blocks ===
Contributors:      zealopensource
Tags:              Carousel, Media, Gutenberg
Donate link: http://www.zealousweb.com/payment/
Requires at least: 5.9
Tested up to:      7.0
Requires PHP:      7.4
Version: 1.0.4
Stable tag: 1.0.4
Requires at least: 6.1
License:  GPLv3 or later
License URI: https://spdx.org/licenses/GPL-3.0-or-later.html

The Media Carousel for Guten Blocks: Customize media display with captions, border radius, FancyBox, sliders, and navigation options.

== Description ==

The Media Carousel for Guten Blocks is a versatile content block that enables users to dynamically upload and display images and videos. It offers a range of customizable features to enhance the presentation of media. Users can enable captions for their media, adjust the border radius for both images and videos, and utilize FancyBox settings to activate fancybox functionality for an enhanced viewing experience. The Slider Type settings provide options to choose the type of slider, adjust its speed, and configure autoplay and infinite loop features. Additionally, users can show or hide navigation arrows, with customizable styles and colors, and select the type and color of navigation dots to match their design preferences.


== Installation ==

Installing the plugin is easy. Just follow these steps:

1. From the dashboard of your site, navigate to Plugins --> Add New.
2. Select the Upload option and hit "Choose File."
3. When the popup appears, select the gutenberg-media-carousel.zip file from your desktop.
4. Follow the on-screen instructions and wait till the upload completes.
5. When it's finished, activate the plugin via the prompt. A message will display confirming activation was successful.

That's it! Configure your settings as you see fit, and you're on your way to creating visually appealing grids in Gutenberg.

e.g.

1. Upload the plugin files to the `/wp-content/plugins/gutenberg-media-carousel` directory, or install the plugin through the WordPress plugins screen directly.
1. Activate the plugin through the 'Plugins' screen in WordPress

== Plugin Requirement ==

PHP version : 7.4 and latest
WordPress   : WordPress 5.9 and latest


== Frequently Asked Questions ==

= How to integrate Media Carousel for Guten blocks? =

1. Add a new post or page.
2. Click on the "+" icon to add a new block.
3. Search for "Media Carousel for Guten blocks" and add the block to your content.
4. Configure the block settings, including Upload Media, Media settings, Media options, etc.
5. Publish or update your post/page to see the Media Carousel for Guten blocks in action.

= What slider types are available in the Media Carousel for Guten Blocks? =

There are two main slider types: Simple Slider and Carousel Slider.

= What is the difference between the Simple Slider and Carousel Slider? =

The Simple Slider provides straightforward transitions and minimalistic design, while the Carousel Slider offers a more dynamic display with multiple items visible at once and advanced features like center mode and lazy loading.

= What is the FancyBox feature? =

FancyBox allows users to view content, such as YouTube videos, in a larger, detailed pop-up window.

= What is the purpose of navigation arrows in the carousel? = 

Navigation arrows allow users to manually cycle through the media items, enhancing user control and navigation.

= What is the Caption feature in the Media Carousel? =

The Caption feature allows users to add descriptive text to each media item, providing context and additional information.

= What is the benefit of using navigation dots? = 

Navigation dots provide a visual indicator of the total number of media items and the current position within the carousel, enhancing user navigation.


== Screenshots ==
1. It will show Back-End Option for Media Carousel - Image and Video Upload Options
2. It will show Back-End View for Media Carousel Section
3. It will show Back-End Option for Media Carousel - How to Enable the Caption option and How it will show Back-End Option for Media Carousel
4. It will show Back-End Option for Media Carousel - How to change Border Radius option and How it will show Back-End Option for Media Carousel
5. It will show Back-End Option for Media Carousel - How to Enable the FancyBox option
6. It will show Back-End Option for Media Carousel - How to Enable the Navigation Arrows option
7. It will show Back-End Option for Media Carousel - How to Enable the Navigation Dots option
8. It will show Front-End View for Media Carousel when FancyBox is Enable
9. It will show Front-End View for Media Carousel when Caption is Enable ,Dots is Enable and Enable the Navigation Arrows option
10. It will show Back-End Option for Media Carousel - How to switch to other slider mode i.e Carousel Type
11. It will show Front-End View for Media Carousel when Carousel Type is Enable 

<strong>[Demo for Media Carousel for Guten Blocks](https://demo.zealousweb.com/wordpress-plugins/media-carousel-for-guten-blocks/ )</strong>


== OUR OTHER PLUGINS ==

* <strong>[Abandoned Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/abandoned-contact-form-7-pro)</strong>
* <strong>[Accept 2 Checkout Payments Using Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/accept-2checkout-payments-using-contact-form-7-pro)</strong>
* <strong>[Accept Authorize.NET Payments Using Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/accept-authorize-net-payments-using-contact-form-7-pro)</strong>
* <strong>[Accept Elavon Payments Using Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/accept-elavon-payments-using-contact-form-7-pro)</strong>
* <strong>[Accept PayPal Payments Using Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/accept-paypal-payments-using-contact-form-7-pro)</strong>
* <strong>[Accept Sagepay(Opayo) Payments Using Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/accept-sage-pay-opayo-payments-using-contact-form-7-pro)</strong>
* <strong>[Accept Stripe Payments Using Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/accept-stripe-payments-using-contact-form-7-pro)</strong>
* <strong>[Custom Product Options WooCommerce Pro](https://store.zealousweb.com/wordpress-plugins/custom-product-options-woocommerce-pro)</strong>
* <strong>[Generate PDF Using Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/generate-pdf-using-contact-form-7-pro)</strong>
* <strong>[Smart Appointment & Booking Pro](https://store.zealousweb.com/wordpress-plugins/smart-appointment-booking-pro)</strong>
* <strong>[Smart Showcase for Google Reviews Pro](https://store.zealousweb.com/wordpress-plugins/smart-showcase-for-google-reviews-pro)</strong>
* <strong>[User Registration Using Contact Form 7 Pro](https://store.zealousweb.com/wordpress-plugins/user-registration-using-contact-form-7-pro)</strong>

== Getting Help With Wordpress ==

If you have any difficulties while using this Plugin, please feel free to contact us at <strong>[support](https://support.zealousweb.com/portal/en/home)</strong>

We also offer custom Wordpress extension development and Wordpress theme design services to fulfill your e-commerce objectives.

Our professional impassioned Wordpress experts provide profound and customer-oriented development of your project within short timeframes.

Thank you for choosing a Plugin developed by <strong>[ZealousWeb](https://www.zealousweb.com)</strong>!

## Functionality

This plugin utilizes third-party libraries to enhance its functionality:

- **Fancybox JS:** https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js - Used to achieve lightbox functionality for displaying images and videos in a popup.
- **Fancybox CSS:** https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css - Use to achieve lightbox functionality for images and videos in popup
- **Slick JS:** https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js - Used to achieve slider functionality for images and videos.
- **Slick CSS:** https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css - Used to achieve slider functionality for images and videos.


== Changelog ==
= 1.0.4 =
* Added a new "Open Support Ticket" button to provide quick and direct access to support.

= 1.0.3 =
* Added breakpoint options for Carousel (Desktop, Laptop, Tablet).
* Added Pause on Hover toggle (ON/OFF).
* Introduced Border Radius option (similar to Elementor).
* Added option to upload custom navigation arrows.
* Added Responsive Conditions for visibility:
		(1) Hide on Desktop
		(2) Hide on Tablet
		(3) Hide on Mobile
* Updated Caption section to support custom heading tags.
* Added Image Aspect Ratio option for better design flexibility.
* Added Text Color option for captions.
* Added option to hide carousel/slider arrows with responsive conditions:
		(1) Hide on Desktop
		(2) Hide on Tablet
		(3) Hide on Mobile

= 1.0.2 =
* Minor changes - Doc update

= 1.0.1 =
* Minor workflow adjustments

= 1.0.0 =
* Release
Initial Release
 
