Description
Build as many independent sliders as you need, each with its own aspect ratio, speed and style, and show them with a shortcode in any page, post, widget or page builder (Elementor “Shortcode” widget, Gutenberg “Shortcode” block, …).
- Multiple sliders (placements); one slide can belong to several sliders
- Separate desktop and mobile image and aspect ratio
- Optional link per slide
- Boxed, wide (1440px) and full-width layouts
- Slide and fade effects, autoplay, arrows, dots, shadow, corner radius, spacing and accent color
- JPG, PNG, WEBP and animated GIF
- Touch swipe, keyboard control, pause on hover and when the tab is hidden
- Automatic RTL / LTR support
- No jQuery on the front end; CSS + JS under 8 KB, loaded only on pages that show a slider
- Translation ready
Designed by Mahdi Habibi | Tavoos Web — https://tavoosweb.ir/
Full guide with screenshots: https://tavoosweb.ir/free-wordpress-plugins/
Screenshots
Installation
- Upload the plugin in Plugins Add New Upload Plugin (or install it from the plugin directory) and activate it.
- Go to Sliders Manage sliders and create a slider.
- Go to Sliders Add slide, set the slide image and tick the slider it belongs to.
- Put
[tavoos_slider id="your-slider-slug"]where the slider should appear. The code of every slider is shown in the “Display code” column.
FAQ
-
The slider does not show up
-
Check the slug in the shortcode, and make sure the slides are published, have a slide image and are assigned to the slider.
-
How do I change the look with CSS?
-
Main classes:
.tavoos-slider,.tavoos-slide,.tavoos-slider__nav,.tavoos-slider__dots, with the modifierstavoos-slider--boxed|wide|fullandtavoos-slider--slide|fade. CSS variables:--tavoos-radius,--tavoos-gap,--tavoos-accent,--tavoos-rd(desktop ratio) and--tavoos-rm(mobile ratio). -
The slider is added later with AJAX and does not move
-
Call
window.tavoosSliderInit()after the new content is inserted. -
I used version 1.x of this plugin or the Sepanta Slider plugin/snippet before
-
Deactivate the old plugin (or remove the snippet) and activate Tavoos Image Carousel. Your sliders, slides and settings are moved over automatically, and the old
[sp_slider]shortcodes in your pages keep working.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Tavoos Image Carousel” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Tavoos Image Carousel” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
2.1.0
- Renamed to Tavoos Image Carousel (slug and text domain
tavoos-image-carousel). Sliders, settings and the[tavoos_slider]shortcode are unchanged. - Translations are now delivered through translate.wordpress.org.
2.0.0
- New unique prefix for all code and data.
- All code, data and CSS names now use a unique prefix; the shortcode is
[tavoos_slider id="…"]. - Data of version 1.x / Sepanta Slider is migrated automatically; old shortcodes keep working on migrated sites.
- The stylesheet and script only load on pages that show a slider; the script is deferred.
- Nonce check when saving slider settings.
1.0.1
- Added designer credit (Mahdi Habibi | Tavoos Web) on the Plugins screen.
1.0.0
- First public release, based on the Sepanta Pet multi-slider.