Plugin info

Total downloads: 1,661
Active installs: 0
Total reviews: 0
Average rating: 0
Support threads opened: 0
Support threads resolved: 0 (0%)
Available in: 1 language(s)
Contributors: 1
Last updated: 4/4/2024 (636 days ago)
Added to WordPress: 12/28/2022 (3 years old)
Minimum WordPress version: 6.1
Tested up to WordPress version: 6.5.7
Minimum PHP version: 7.4

Maintenance & Compatibility

Maintenance score

Possibly abandoned • Last updated 636 days ago

26/100

Is Eazy Image Slider Block abandoned?

Possibly abandoned (last update 636 days ago).

Compatibility

Requires WordPress: 6.1
Tested up to: 6.5.7
Requires PHP: 7.4

Developers

Languages

Similar & Alternatives

Explore plugins with similar tags, and compare key metrics like downloads, ratings, updates, support, and WP/PHP compatibility.

Easy Image Gallery
Rating 4.6/5 (41 reviews)Active installs 5,000
Advanced CSS Editor
Rating 4.3/5 (6 reviews)Active installs 5,000
Eazy Enable Blogroll
Rating 5.0/5 (7 reviews)Active installs 4,000
Testimonial WordPress Plugin – AP Custom Testimonial
Rating 3.6/5 (8 reviews)Active installs 3,000
Easy Set Favicon
Rating 5.0/5 (4 reviews)Active installs 3,000

Description

The Eazy Image Slider Block plugin adds a simple to use and easy to configure image slider block to the Gutenberg editor based on Tiny Slider 2.

You can configure following options:

  • Slides to show
  • Slides to slide by
  • Show arrows
  • Show dots
  • Automatic slide width
  • Center the slides
  • Restrict the height of the images
  • Gutter between the slides
  • Edge padding

Credits

Tiny Slider 2
Tiny Slider React

Installation

  1. Install Plugin through the WordPress Admin Interface ‘Plugins > Add new’
  2. Activate the plugin
  3. Done!

OR

  1. Upload eazy-image-slider-block to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Done!

Frequently Asked Questions

Can I change the dots color?

Yes, currently only via CSS. The selectors for the buttons are:

.eazy-image-slider .tns-nav button

and for the active state:

.eazy-image-slider .tns-nav button.tns-nav-active

Example you can put in your themes style.css:

.eazy-image-slider .tns-nav button {
    background-color: #fcc;
}
.eazy-image-slider .tns-nav button.tns-nav-active {
    background-color: #e22;
}

Can I change the arrows color?

Yes, same applies as for the dots, currently only via CSS.

.eazy-image-slider .tns-controls button:before

and for the hover state:

.eazy-image-slider .tns-controls button:hover:before

Example you can put in your themes style.css:

.eazy-image-slider .tns-controls button:before {
    background-color: #fcc;
}
.eazy-image-slider .tns-controls button:hover:before {
    background-color: #e22;
}

Can I disable the style / script loading entirely?

Yes, to do so, simply add following lines to your themes functions.php:

For the styles:

function eazyimageslider_remove_style() {
    wp_dequeue_style( 'eazy-image-slider-style' );
}
add_action( 'wp_enqueue_scripts', 'eazyimageslider_remove_style', 99 );

For the script:

function eazyimageslider_remove_script() {
    wp_dequeue_script( 'eazy-image-slider-view-script' );
}
add_action( 'wp_enqueue_scripts', 'eazyimageslider_remove_script', 99 );

What does vh mean in the restrict slides height setting?

VH is a unit relative to the viewport. Which means if you set your slides height to be restricted to 50vh, the slides will have the height of 50% of the viewport.

Review feed

No reviews available

Screenshots

  1. The slider in the Twenty Twenty-Three Theme

    The slider in the Twenty Twenty-Three Theme

  2. Slider without arrows

    Slider without arrows

  3. Slider without dots

    Slider without dots

  4. Settings in the admin editor

    Settings in the admin editor

  5. And the result on the page

    And the result on the page

  6. Unrestricted height of the slides

    Unrestricted height of the slides

Changelog

1.0.0

  • Initial Eazy Image Slider Block release. 🚀