BACK TO DIRECTORY

Noyan Content Slider

by Mohammad Noyan

5.0
(1 ratings)

Noyan Content Slider gives you an easy WordPress dashboard to build sliders without touching code.

Build sliders visually

  • Fully visual drag-and-drop slider builder with a live editable canvas.
  • Drop image files directly from your desktop into the slider or sidebar.
  • Drag images and slides to rearrange them.
  • Add draggable heading, text, button, and image layers to hero slides.
  • Edit text directly on the canvas and control each layer’s size, position, color, alignment, weight, and button link.
  • Reorder layers, toggle visibility, duplicate slides, and undo or redo changes.

Six slider types

  • Image gallery sliders with different numbers of images on desktop, tablet, and mobile.
  • Full-width hero and section sliders with headings, descriptions, and buttons.
  • Responsive content carousels for cards and portfolios.
  • Video sliders: self-hosted MP4, YouTube and Vimeo, with draggable text and button layers over the video.
  • Reels and Shorts: vertical video shown several at a time, each with its own shop button.
  • Elementor template sliders: save any Elementor section, container or template and use it as a slide.

Nothing is locked

Every slider type, all 30 starter templates, every animation, every arrow and pagination
style, every colour and size control in this plugin is yours to use. There are no disabled
buttons and no options greyed out with a padlock. The Pro add-on below adds things this
plugin does not have – more designs and dynamic content – it does not switch on something
already in the box.

Feels right under the finger

  • Drag to slide: slides follow the finger or the mouse and snap into place with momentum. Flick past the end and the track gives a little, then settles.
  • True crossfade, plus smooth slide, fade-and-rise, zoom reveal, cinematic drift and 3D coverflow.
  • Ken Burns motion: a slow drift and zoom on the photograph that is showing.
  • An autoplay countdown, as a bar under the slides or a fill inside the active dot, that pauses when the visitor does.
  • Each slide can hold for its own number of seconds – a headline that takes eight seconds to read next to a photograph that needs three.
  • Auto height, so the slider follows the slide on show instead of the tallest slide in the set.
  • Parallax, 3D cube, flip and stacked-card transitions, and vertical sliders that travel top to bottom.
  • A thumbnail strip, a lightbox for gallery images, and a full-screen button.
  • Entrance animations and per-device visibility on every heading, text, button, image, icon, list and video in a section slide.
  • Sixteen fonts to choose from, per slider or as a house style, loaded from Google only if you ask.

Design control

  • Adjust image aspect ratio, focal position, accent and background colours, border radius, and image spacing.
  • Adjustable animation speed, autoplay interval, slider height, and slides to scroll.
  • Navigation arrows, pagination dots, infinite looping, pause on hover, and a play/pause button for visitors who need one.

Built to behave

  • Every image carries a srcset and sizes worked out from how many slides share the row, so a phone and a desktop each download the picture that fits.
  • The first slide is fetched at high priority and never lazy-loaded, because a hero slider is usually the largest thing on the page and the thing Core Web Vitals times. The next page of images is warmed before it is needed.
  • Keyboard navigation with focus that follows the slide, arrow keys that respect right-to-left sites, a polite announcement for screen readers, and reduced-motion support throughout.
  • Assets load only on pages that display a slider.
  • A small JavaScript API and events (noyancs:ready, noyancs:change) for developers wiring a slider to their own interface. See docs/HOOKS.md.
  • Native Elementor widget, so any slider drops into an Elementor layout.
  • A block for the block editor, with a live preview while you edit.
  • Shortcode support: [noyan_slider id=”123″]
  • No content is created on activation, and nothing is loaded from a third-party server unless you ask for it – see “External services” below.

Noyan Content Slider Pro

The Pro add-on installs alongside this plugin — it adds to it rather than replacing it, so
nothing you have already built changes. Pro adds:

  • 36 more templates. Industry designs for shops, agencies, restaurants, travel, property, fitness, salons, events, SaaS and publishers, in the same template browser.
  • A product gallery for WooCommerce. The image area of every product page, replaced: one large picture a shopper can swipe or arrow through, a strip of thumbnails, and a full-size view. Nothing is cropped, and it keeps working on variable products, where choosing an option still changes the picture.
  • Dynamic content sliders. A slider that builds itself from a WordPress query: your latest posts, any custom post type, a category or tag, taxonomy terms, or your WooCommerce products, with live prices, sale badges, star ratings and Add to cart buttons. Publish a post and it appears in the slider on its own.
  • A visual query builder with a live preview of what matches, before you save anything.
  • Field mapping, so you choose what becomes the title, the caption and the link.
  • Automatic caching, refreshed whenever you publish or edit matching content.
  • Automatic updates and priority email support.

Pro is one extra slider type and the machinery behind it. Everything else in this plugin
works without it.

Details and pricing: https://codersnoyan.com/product/noyan-content-slider-pro/

External services

This plugin makes no requests to any external service. It loads no fonts, scripts, images
or tracking of any kind from a third-party server, it does not phone home, and it collects
and transmits no data about your site or your visitors. Everything it renders comes from
your own Media Library.

There are two exceptions, and both are ones you create deliberately.

If you build a video or Reels slide, or place a video widget in a section, and paste in a
YouTube or Vimeo address, that video is embedded on your page, and your visitor’s browser
then loads the player from that service exactly as it would for any embedded video.
Nothing is sent to either service unless you make such a slide, and self-hosted MP4 files
involve no third party at all.

If you choose one of the plugin’s Google-hosted fonts for a slider AND set its “Font
loading” to “Load it from Google Fonts”, the stylesheet for that font is loaded from Google
Fonts on pages that show the slider, which sends your visitor’s request to Google. The
default is not to load anything: the font is simply used if your theme already provides it.

  • YouTube, provided by Google. Embeds use the youtube-nocookie.com privacy-enhanced player. Terms: https://www.youtube.com/t/terms Privacy: https://policies.google.com/privacy
  • Vimeo. Terms: https://vimeo.com/terms Privacy: https://vimeo.com/privacy
  • Google Fonts, provided by Google, only when you switch it on per slider. Terms: https://developers.google.com/fonts/terms Privacy: https://policies.google.com/privacy

Screenshots

The slider dashboard: every slider you have built, with its type, slide count and shortcode ready to copy.

The slider dashboard: every slider you have built, with its type, slide count and shortcode ready to copy.

Thirty starter designs, filtered by industry and by slider type. Each thumbnail is a miniature of the real thing - that template's own headline, colours and layout - and every one arrives three slides deep.

Thirty starter designs, filtered by industry and by slider type. Each thumbnail is a miniature of the real thing - that template's own headline, colours and layout - and every one arrives three slides deep.

The visual builder. Drop images straight from your desktop, drag slides to reorder them, and edit text on the canvas.

The visual builder. Drop images straight from your desktop, drag slides to reorder them, and edit text on the canvas.

Design settings. How many slides show on a desktop, tablet and phone, plus spacing, aspect ratio, colours, animation and navigation.

Design settings. How many slides show on a desktop, tablet and phone, plus spacing, aspect ratio, colours, animation and navigation.

A section slide being built. Every slide in the list carries its own buttons: jump to its structure, jump to its design, duplicate it, or remove it.

A section slide being built. Every slide in the list carries its own buttons: jump to its structure, jump to its design, duplicate it, or remove it.

An image gallery slider on the front end.

An image gallery slider on the front end.

Preview: the slider full screen, drawn by the front end with your theme's stylesheet loaded, at desktop, tablet or phone width. It shows what is on screen now, unsaved changes included, and saves nothing.

Preview: the slider full screen, drawn by the front end with your theme's stylesheet loaded, at desktop, tablet or phone width. It shows what is on screen now, unsaved changes included, and saves nothing.

Pick a column layout, then fill it. Eight layouts to start a section, a tree of every section, column and widget on the slide, and a palette of widgets to drag into it.

Pick a column layout, then fill it. Eight layouts to start a section, a tree of every section, column and widget on the slide, and a palette of widgets to drag into it.

A section slide on the front end: copy on one side, a picture on the other, and both stacking when the slider is narrow.

A section slide on the front end: copy on one side, a picture on the other, and both stacking when the slider is narrow.

Plugin Details

Active Installs
0
Total Downloads
350
Version
2.12.2
Requires WP
6.0
Requires PHP
7.4
Tested Up To
7.1
Added
2026-09-05
Last Updated
2026-09-15 4:13pm GMT

Ratings

5
1
4
0
3
0
2
0
1
0