Skip to main content

Epic Slider

New in v0.3 - Text animations

Give every slide a headline, a subtitle and an optional button, on any of nine positions with an optional glass panel. Pick how the text arrives.

New v0.3 - Text animations

New in v0.3 - Sweeps & spins

Nine fresh ways to move between slides: Wave, Spiral Wind In and Out, Wipe left, right, up and down, Circle Reveal and a full 3D Flip.

New v0.3 - New transitions

New in v0.3 - Ken Burns

Switch on a slow, cinematic zoom and pan for every slide. Combine it with a soft fade for an elegant, moving backdrop.

New v0.3 - Ken Burns

New in v0.4 - New transitions

Three more ways to move between slides: Flipbook (a page turn from the left), Curtain (opens from the middle) and Lamellen (vertical blinds). The labels here use the Outline text style - dark letters with a white edge, readable on any image.

New v0.4 - New transitions

New in v0.5 - Alert box

Put a colored alert over any slider: seven colors and seven positions, an optional image or icon, a title and text, and a button or a newsletter signup field. Visitors can dismiss it and it stays hidden. See the blue newsletter box on the Blinds and Reveals slider above, and the amber offer bar here.

Limited offer 20% off all licenses this week.
Shop now
New v0.5 - Alert box

New in v0.6 - Flipbook page-turn from every corner

The Flipbook transition folds the slide diagonally like a real page in a book. New in v0.6: it now opens from any of the four corners, as a seamless fold with no tiles and no gaps.

New v0.6 - Flipbook

New in v0.6 - Video slides that fill the frame

Add an mp4, YouTube or Vimeo URL to a slide. The video plays muted and looping, and by default fills the whole slider with no black bars. Your title, text and button stay on top.

New v0.6 - Video

New in v0.6 - A different effect per slide, with playback controls

Give every slide its own transition instead of one effect for the whole slider. This slider also shows the new playback controls: a progress bar and a play or pause button. Endless looping is the default.

New v0.6 - Per slide

New in v0.7 - Free content per slide and scoped custom CSS

A slide is no longer just an image with a title. Put any content on a slide - headings, lists, several buttons - and style a single slider with its own scoped CSS, without touching the rest of the site.

Everything on one slide

Rich content as an overlay, using the slide position and animation.

  • Formatted text and lists
  • More than one call to action

Buy Epic Slider Learn more

Your layout, your slide

Drop in a short feature list, a quote or a price - whatever the slide needs.

New v0.7 - Content

Blinds and Reveals - dot navigation

Louvres that swing open diagonally and curtain effects that reveal the next slide. Navigate with the dots below.

Stay in the loop New effects, tips and updates.

Tiles, Spiral and Mosaic - thumbnails

The image breaks into a tile grid that appears in a spiral or at random. Jump to any slide with the thumbnail strip.

Sweep and Burst - arrows plus dots

Diagonal wipes and an explosive zoom-in. Swipe or drag on any slider to move between slides.

Dynamic content

Testing with dynamic content

Fully configurable

Choose the effect, interval and transition duration, the tile-grid density, autoplay with pause-on-hover, navigation style (arrows, dots or thumbnails), swipe, full width, and the height or aspect ratio. All right inside the YOOtheme builder.

Frequently asked questions

Yes. Pick an image per slide from your site media manager. The slider crops each image neatly (cover, no distortion), whatever the aspect ratio.

23 effects: blinds, reveals, tiles, spiral, mosaic, sweep, burst and fade. Pick a fixed effect per slider, or let it choose at random.

Side arrows, dot navigation, a thumbnail strip, and touch swipe or mouse drag. Each one is optional, per slider.

Yes. Interval, transition duration, autoplay with pause-on-hover, and the tile-grid density, all in the builder.

The slider runs on lightweight, modern JavaScript (the Web Animations API), with no jQuery or heavy libraries. It respects prefers-reduced-motion.

Yes. It is responsive, supports swipe, and adapts to the height or aspect ratio you choose.

Yes. Every slide can carry a title, a subtitle and an optional button or link, placed on any of nine positions with an optional semi-transparent panel. The title animates in with your chosen style: a calm fade, letters sliding in, dancing letters, or words sharpening from a blur.

Epic Slider ships with 31 effects, including blinds, reveals, tiles, spiral, sweep and burst, plus the new Wave, Spiral Wind In and Out, Wipe left, right, up and down, Circle Reveal and a full 3D Flip. You can also choose Random to mix them. New in v0.6: the Flipbook page-turn opens from any of the four corners, and the vertical Slats effect (formerly Lamellen).

Ken Burns adds a slow, cinematic zoom and pan to the active slide. Combined with a soft fade it turns the slideshow into an elegant, moving backdrop. Like every animation, it respects the visitor’s reduced-motion setting.

Yes. Every slider can show a colored alert box in one of seven positions, with a title, text, an optional image, and either a button or an email signup field that posts to your own newsletter service. Visitors can close it and it is remembered per visitor.

Yes. Add an mp4, YouTube or Vimeo URL to a slide. It plays muted and looping and, by default, fills the whole slider with no black bars. Your title, text and button stay on top of the video.

Flipbook folds the slide diagonally like a real page in a book, revealing the next slide underneath. New in v0.6 you can start the fold from any of the four corners, as one seamless fold with no gaps.

Yes. Endless looping is the default, so it runs from the last slide back to the first. You can also show a progress bar and a play or pause button, and give every slide its own transition.

Yes. Next to a title, subtitle and button, each slide has a Free content field. Add headings, lists, several buttons or formatted text; it shows as an overlay and uses the slide position and animation you set.

Yes. Each slider has a Custom CSS field on the Advanced tab. Write normal rules and they are applied only to that one slider (scoped automatically), so other sliders and the rest of the page stay untouched.

No settings match your search.

Epic Slider YOOtheme Pro

This manual documents Epic Slider YOOtheme Pro, version 1.0.4.

Epic Slider - a premium YOOtheme Pro slideshow element with grid-based cinematic transitions.

What's new

1.0.4 (2026-10-02)

Changed
  • The licence client now identifies the product to the YOOzeCase gateway as yc_epic_slider and

states the platform it runs on, so a key bought for the other edition (Joomla or WordPress) is refused instead of accepted. Keys that were activated with 1.0.3 or earlier keep working; nothing needs to be entered again.

  • On activation and on the daily check the plugin reports its own version and the versions of

the CMS (Joomla or WordPress), PHP and YOOtheme Pro to the gateway, and to nothing else. The YOOzeCase account page lists them under Installations, so a site owner can see which version each site runs. These values never change the outcome of the check.

  • Deactivating the key while the gateway cannot be reached no longer clears the key locally. The

activation slot is still taken on the gateway side in that case, and the panel now says so instead of showing a key that is not there.

  • Joomla: saving the licence state writes only the five licence fields back to the plugin settings

instead of the whole settings record, so a setting saved by an administrator in the meantime is kept.

  • WordPress: the updater reads package from the update feed and falls back to download_url, the

field used by 1.0.3 and earlier. The feed carries both with the same value. The Update URI in the plugin header now names wp-update.json in full.

  • LICENSE.txt carries the full text of the GNU General Public License version 2 and nothing else.

The trademark notice moved to NOTICE.txt, where it is spelled out in full.

  • BUILDINFO.txt is written in the fingerprint format the YOOzeCase build tooling checks, and no

longer refers to a checksum file next to the package.

1.0.3 (2026-09-15)

Fixed
  • With more thumbnails than fit the slider width, the first thumbnails could not be reached or

clicked. The strip was centred, so its contents overflowed on both sides while a scroll position can never go below zero, which left the start of the row permanently out of reach. On a slider with 25 slides that was roughly the first half. The strip now falls back to the start as soon as the row no longer fits, and stays centred while it does.

  • The horizontal scrollbar over the bottom of the slider is gone. The strip still scrolls; only the

bar itself is hidden.

Added
  • The thumbnail strip follows the slider. On every slide change the active thumbnail is brought into

view, so the visitor always sees where they are without dragging the strip by hand. The motion respects the reduced motion preference, and only the strip moves, never the page.

1.0.2 (2026-09-06)

Fixed
  • On Joomla 5.4 the plugin settings page returned a server error (500). The licence key field

declared a private helper named render(), and Joomla 5.4 made render() a public method on its form field base class, which turns that declaration into a compile error the field cannot catch. The helper is renamed; the settings page opens again on both tabs.

Changed
  • The pre-release check now flags a form field that redeclares a Joomla FormField method with a

lower visibility, so this class of error is caught before a package is built.

  • WordPress: version alignment with the Joomla package only. The WordPress plugin is functionally

identical to 1.0.1.

1.0.1 (2026-08-11)

Fixed
  • The 1.0.0 package on the update server contained an older engine build in which sliders were

initialised one after another without yielding. This release ships the intended engine, which spreads initialisation over separate frames. No functional change to the slider itself.

1.0.0 (2026-08-11)

First production release. The version number is the only thing that changes about how the plugin is built; from here semantic versioning is strict and every release is distributed through the update server.

Added
  • Custom CSS per slider, on the Advanced tab. Rules are scoped to that one slider automatically,

so .yc-slider__cap-title { ... } styles only this slider and nothing else on the page. Start a rule with & to target the slider element itself. @media, @supports, @layer and @container blocks are scoped from the inside; @keyframes and @font-face are left alone. Two sliders with identical CSS share one block on the page.

  • Navigation: Arrows + Thumbnails. Side arrows and the thumbnail strip can now be shown together.

On a narrow screen the strip uses smaller thumbnails and keeps clear of the arrow buttons.

  • Consent for the newsletter form. The alert box signup now shows a required consent checkbox and

an optional link to your privacy policy, both with your own wording. The form cannot be submitted until the box is ticked, and the checkbox is deliberately not sent to your newsletter provider, so the payload it receives is unchanged.

  • Licence key. A Licence tab in the plugin settings with Activate and Deactivate, a status badge

and the date of the last check. The check runs in the administration only, is cached for 24 hours and keeps working for seven days if the licence server cannot be reached, so a network problem never takes a site down. Removing the plugin releases the activation, so the key can be used on another site. The front end is never blocked by the licence.

  • Build fingerprint. BUILDINFO.txt now carries a build id and a checksum over the package

contents, next to the version and the date, as required from 1.0.0 onwards.

  • Preload hint for the first slide image. The first slider on a page now emits a

<link rel="preload" as="image" fetchpriority="high"> for its first image, so the browser starts that download while it is still parsing instead of waiting for the engine to run. Only the first slider on the page, and only when the image is a plain URL: with dynamic content the value is still a builder placeholder at that point.

  • Initialisation is spread out. When several sliders enter the viewport in the same

IntersectionObserver callback, only the first is built immediately and the rest are queued one per frame. Building eighteen sliders in a single tick used to hold the main thread for as long as it took.

Fixed
  • Custom CSS was missing entirely. The Advanced tab referenced YOOtheme's ${builder.css}, which

does not exist, so no CSS field was ever rendered. Version 0.9.0 had removed the plugin's own CSS field and told people to re-enter their CSS under Advanced, CSS; that place never existed. There is a real field again.

  • The consent checkbox and the email field shared a CSS rule. .yc-slider__alert-form input

matched both, so the checkbox was stretched to 46 to 60 pixels wide. The rule now targets the email field only.

  • The email field grew to 175 pixels tall below 480 pixels. In the stacked layout the main axis

runs vertically, so flex: 1 1 160px sized the height instead of the width.

  • The alert bar could fall outside the slider. It is now bounded by the height of the slider and

scrolls internally if the content does not fit. On a phone a top or bottom bar becomes a stacked panel, the image is hidden and the play/pause control steps aside, so the newsletter form stays usable down to 320 pixels.

Changed
  • Dead files are no longer shipped: services/, src/Extension/ and the two element.json files

were in the package but not in the manifest, so they were never installed.

Plugin settings

Basic

yc_state #

Where to find it Plugin settings › Basic › yc_state

This setting has no help text in the plugin.

Type
ycepicstatus
Default
Not set
About Epic Slider adds a premium slideshow element to the YOOtheme Pro builder. No configuration needed here; build sliders directly in the builder.

Licence

Licence key #

Where to find it Plugin settings › Licence › Licence key

Enter the key from your YOOzeCase account and press Activate. The key ties this site to your subscription and keeps updates coming. Deactivate frees the slot so you can use the key on another site.

Type
ycepiclicense
Default
Not set