{"id":296911,"date":"2026-04-17T05:40:33","date_gmt":"2026-04-17T05:40:33","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/xtremeslider\/"},"modified":"2026-05-13T07:33:56","modified_gmt":"2026-05-13T07:33:56","slug":"xtreme-slider","status":"publish","type":"plugin","link":"https:\/\/snd.wordpress.org\/plugins\/xtreme-slider\/","author":14266896,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.4.4","stable_tag":"1.4.4","tested":"6.9.4","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Xtreme Slider (3D Image Slider)","header_author":"XtremePlugins","header_description":"Beautiful image slider with Simple and 3D layouts. Upload photos, generate shortcodes, and embed anywhere in WordPress or Elementor.","assets_banners_color":"887e75","last_updated":"2026-05-13 07:33:56","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/xtremeplugins.com\/donate\/xtreme-slider","header_plugin_uri":"https:\/\/xtremeplugins.com\/plugins\/xtreme-slider\/","header_author_uri":"https:\/\/xtremeplugins.com","rating":0,"author_block_rating":0,"active_installs":10,"downloads":259,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.2.1":{"tag":"1.2.1","author":"loanpartnership","date":"2026-04-22 07:42:10"},"1.4.3":{"tag":"1.4.3","author":"loanpartnership","date":"2026-05-09 20:55:55"},"1.4.4":{"tag":"1.4.4","author":"loanpartnership","date":"2026-05-13 07:33:56"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3508603,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":3508603,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3508575,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3508575,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.2.1","1.4.3","1.4.4"],"block_files":[],"assets_screenshots":{"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":3530664,"resolution":"3","location":"plugin","width":1576,"height":605},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3530664,"resolution":"2","location":"plugin","width":1576,"height":609},"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3530664,"resolution":"1","location":"plugin","width":1579,"height":584},"screenshot-4.jpg":{"filename":"screenshot-4.jpg","revision":3530664,"resolution":"4","location":"plugin","width":1576,"height":576}},"screenshots":{"1":"Cool layout \u2014 card-based slider with gradient background and pagination dots","2":"3D layout \u2014 perspective depth slider with center slide prominent and adjacent slides rotated","3":"Default layout \u2014 editorial full-bleed slider with vertical title overlay, peek effect, and caption below","4":"3D layout \u2014 wide view showing five visible slides with depth transforms and glassmorphism arrows"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[843,786,2141,1483,611],"plugin_category":[50],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-296911","plugin","type-plugin","status-publish","hentry","plugin_tags-3d-slider","plugin_tags-carousel","plugin_tags-image-slider","plugin_tags-responsive-slider","plugin_tags-slider","plugin_category-media","plugin_committers-loanpartnership"],"banners":{"banner":"https:\/\/ps.w.org\/xtreme-slider\/assets\/banner-772x250.jpg?rev=3508575","banner_2x":"https:\/\/ps.w.org\/xtreme-slider\/assets\/banner-1544x500.jpg?rev=3508575","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/xtreme-slider\/assets\/icon-128x128.gif?rev=3508603","icon_2x":"https:\/\/ps.w.org\/xtreme-slider\/assets\/icon-256x256.gif?rev=3508603","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/xtreme-slider\/trunk\/screenshot-1.jpg?rev=3530664","caption":"Cool layout \u2014 card-based slider with gradient background and pagination dots"},{"src":"https:\/\/ps.w.org\/xtreme-slider\/trunk\/screenshot-2.jpg?rev=3530664","caption":"3D layout \u2014 perspective depth slider with center slide prominent and adjacent slides rotated"},{"src":"https:\/\/ps.w.org\/xtreme-slider\/trunk\/screenshot-3.jpg?rev=3530664","caption":"Default layout \u2014 editorial full-bleed slider with vertical title overlay, peek effect, and caption below"},{"src":"https:\/\/ps.w.org\/xtreme-slider\/trunk\/screenshot-4.jpg?rev=3530664","caption":"3D layout \u2014 wide view showing five visible slides with depth transforms and glassmorphism arrows"}],"raw_content":"<!--section=description-->\n<p>XtremeSlider is a free, lightweight WordPress slider plugin that lets you create stunning image sliders with four distinct layout modes and embed them anywhere using a simple shortcode.<\/p>\n\n<p>Built for performance \u2014 the frontend uses pure vanilla JavaScript with zero external dependencies.<\/p>\n\n<h4>Four Layout Modes<\/h4>\n\n<p><strong>Default<\/strong> \u2014 Editorial full-bleed slider with peek effect. Center slides are fully visible while adjacent slides peek from the edges. Features infinite seamless looping, vertical title text overlay, and caption\/description sections below center slides.<\/p>\n\n<p><strong>Cool<\/strong> \u2014 Card-based slider with customizable gradient background. Rounded-corner slides with hover lift effects and pagination dots.<\/p>\n\n<p><strong>3D<\/strong> \u2014 Dramatic CSS perspective slider with depth transforms. Center slide is prominent while adjacent slides rotate and scale back in 3D space with glassmorphism-styled arrows. Per-slider background color.<\/p>\n\n<p><strong>Options<\/strong> \u2014 Static grid of clickable option cards (image + title + caption). Clicking a card reveals its own HTML content in a detail panel below \u2014 useful for product variants, plan comparisons, or \"pick one, see details\" interfaces. Each card's HTML is editable with inline Code \/ Preview tabs. Per-slider background color.<\/p>\n\n<h4>Key Features<\/h4>\n\n<ul>\n<li><strong>Infinite Loop<\/strong> \u2014 Default layout uses clone-based seamless cycling that never ends<\/li>\n<li><strong>Up to 10 Slides<\/strong> \u2014 Add up to 10 images per slider with drag-to-reorder<\/li>\n<li><strong>4 Content Fields Per Slide<\/strong> \u2014 Title (vertical overlay), Caption (heading below), Description (paragraph below), Link URL<\/li>\n<li><strong>Relative &amp; Absolute Links<\/strong> \u2014 Link to <code>\/roofing<\/code> or <code>https:\/\/example.com<\/code><\/li>\n<li><strong>Image Ratios<\/strong> \u2014 Choose 16:10 (landscape), 1:1 (square), or Fixed Height (pixel height, width scales to natural proportions) per slider. Premium adds Default (original) ratio<\/li>\n<li><strong>Autoplay<\/strong> \u2014 Configurable speed (2-10 seconds), pauses on hover<\/li>\n<li><strong>Fullscreen Mode<\/strong> \u2014 100vw edge-to-edge display<\/li>\n<li><strong>Touch &amp; Swipe<\/strong> \u2014 Full mobile touch support<\/li>\n<li><strong>Responsive<\/strong> \u2014 4 breakpoints (desktop, tablet, mobile, small mobile)<\/li>\n<li><strong>Hover Effects<\/strong> \u2014 Image zoom on hover, caption underline color change<\/li>\n<li><strong>Link Hover Color<\/strong> \u2014 Configurable per slider via color picker<\/li>\n<li><strong>Gradient Background<\/strong> \u2014 Two-color gradient picker for Cool layout<\/li>\n<li><strong>Background Color<\/strong> \u2014 Solid color picker for 3D and Options layouts<\/li>\n<li><strong>Display Toggles<\/strong> \u2014 Square corners and black arrows toggles per slider<\/li>\n<li><strong>Shortcode Overrides<\/strong> \u2014 Override layout, visible count, autoplay, fullscreen per instance<\/li>\n<li><strong>Conditional Loading<\/strong> \u2014 CSS\/JS only load on pages containing a slider<\/li>\n<\/ul>\n\n<h4>No Dependencies<\/h4>\n\n<p>Fully standalone. No WooCommerce, Elementor, or any other plugin required.<\/p>\n\n<h4>Elementor &amp; Gutenberg Compatible<\/h4>\n\n<p>Works in Elementor Shortcode widget, Gutenberg Shortcode block, Classic Editor, or any page builder.<\/p>\n\n<h3>Support<\/h3>\n\n<p>Please submit bugs, patches, and feature requests to:<\/p>\n\n<p><a href=\"https:\/\/github.com\/Xtreme-Plugins\/xtreme-slider\">https:\/\/github.com\/Xtreme-Plugins\/xtreme-slider<\/a><\/p>\n\n<!--section=installation-->\n<ol>\n<li>Download <code>xtreme-slider.zip<\/code><\/li>\n<li>Unzip<\/li>\n<li>Upload the <code>xtreme-slider<\/code> directory to <code>\/wp-content\/plugins<\/code><\/li>\n<li>Activate the plugin<\/li>\n<li>Create your first slider from the <strong>Xtreme Slider<\/strong> menu<\/li>\n<li>Copy the shortcode and paste it into any page<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20work%20without%20woocommerce%3F\"><h3>Does this work without WooCommerce?<\/h3><\/dt>\n<dd><p>Yes. Fully standalone with zero external dependencies.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20elementor%3F\"><h3>Does it work with Elementor?<\/h3><\/dt>\n<dd><p>Yes. Paste <code>[xtreme_slider id=\"X\"]<\/code> into Elementor's Shortcode widget.<\/p><\/dd>\n<dt id=\"how%20many%20sliders%20and%20slides%20can%20i%20add%3F\"><h3>How many sliders and slides can I add?<\/h3><\/dt>\n<dd><p>Free mode allows up to 2 sliders, up to 10 images per slider, and 1-6 visible slides at once.\nPremium unlocks unlimited sliders, up to 50 images per slider, and up to 15 visible slides at once.<\/p><\/dd>\n<dt id=\"is%20the%20slider%20responsive%3F\"><h3>Is the slider responsive?<\/h3><\/dt>\n<dd><p>Yes. Adapts across 4 breakpoints with touch\/swipe on mobile.<\/p><\/dd>\n<dt id=\"does%20it%20slow%20down%20my%20site%3F\"><h3>Does it slow down my site?<\/h3><\/dt>\n<dd><p>No. Vanilla JavaScript (~5KB), no jQuery. Assets only load on pages with a slider.<\/p><\/dd>\n<dt id=\"can%20i%20use%20relative%20urls%3F\"><h3>Can I use relative URLs?<\/h3><\/dt>\n<dd><p>Yes. Paths like <code>\/roofing<\/code> work. Internal links stay in same tab, external links open in new tab.<\/p><\/dd>\n<dt id=\"can%20i%20override%20settings%20per%20shortcode%3F\"><h3>Can I override settings per shortcode?<\/h3><\/dt>\n<dd><p>Yes. <code>[xtreme_slider id=\"5\" layout=\"3d\" visible=\"2\" autoplay=\"true\" fullscreen=\"true\"]<\/code><\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.4.4 - 13th May 2026<\/h4>\n\n<ul>\n<li>WordPress.org Plugin Check compliance pass \u2014 added translators: comments for placeholder strings, tightened input sanitization on the slider editor, gated error_log() output behind WP_DEBUG so production logs stay clean<\/li>\n<li>Description text refreshed to cover the Options layout (added in 1.4.1) \u2014 no behavioural change<\/li>\n<\/ul>\n\n<h4>1.4.3 - 9th May 2026<\/h4>\n\n<ul>\n<li>Fixed Cool layout fixed-height sliders losing navigation arrows when more than one slider was on the page \u2014 slide widths are derived from natural image dimensions, but lazy-loaded images had not finished loading at init time, so the max-page calculation read width 0 and hid the arrows. Layout and arrow visibility now re-run as each slide image loads, plus once on <code>window.load<\/code><\/li>\n<\/ul>\n\n<h4>1.4.2 - 9th May 2026<\/h4>\n\n<ul>\n<li>Fixed Cool layout with fixed-height image ratio cropping wider images by forcing all slides to a uniform slot width \u2014 slides now keep each image's natural width derived from its aspect ratio at the configured fixed height<\/li>\n<li>Cool layout navigation in fixed-height mode now scrolls by per-slide width instead of a uniform page step<\/li>\n<\/ul>\n\n<h4>1.4.1 - 20th April 2026<\/h4>\n\n<ul>\n<li>Added <code>Options<\/code> layout \u2014 clickable static cards that reveal per-slide HTML content in a detail panel below<\/li>\n<li>Added inline Code \/ Preview tabs for editing the HTML content of each option<\/li>\n<li>Added <code>Background Color<\/code> picker for the Options layout<\/li>\n<li>Added <code>Background Color<\/code> picker for the 3D layout<\/li>\n<li>Improved 3D layout to respect the configured visible slide count<\/li>\n<li>Improved 3D layout with fixed-height image ratio to preserve natural aspect ratio<\/li>\n<li>Preselect first card in the Options layout on load<\/li>\n<\/ul>\n\n<h4>1.3.4 - 11th April 2026<\/h4>\n\n<ul>\n<li>Added <code>Black arrows<\/code> display option for solid black arrow circles with white icons<\/li>\n<li>Added live upgrade support for the new <code>black_arrows<\/code> slider setting column<\/li>\n<\/ul>\n\n<h4>1.3.3 - 11th April 2026<\/h4>\n\n<ul>\n<li>Limited free mode to 2 total sliders<\/li>\n<li>Disabled new slider creation in the admin once the free slider cap is reached<\/li>\n<li>Blocked direct\/cached create requests in the save handler so the free slider limit cannot be bypassed<\/li>\n<\/ul>\n\n<h4>1.3.2 - 11th April 2026<\/h4>\n\n<ul>\n<li>Added premium license activation with up to 50 images per slider and up to 15 visible slides<\/li>\n<li>Added premium-only <code>Default (Original ratio)<\/code> image ratio option<\/li>\n<li>Added <code>Load Titles<\/code> action to fill slide titles from image filenames<\/li>\n<li>Added <code>Square corners<\/code> display option for sharp image corners<\/li>\n<li>Improved editor save feedback with a compact inline status pill<\/li>\n<li>Fixed save failures on installs missing newer slider-table columns<\/li>\n<li>Fixed partial save\/orphan slide rows by making slider saves transactional<\/li>\n<\/ul>\n\n<h4>1.2.0 - 25th March 2026<\/h4>\n\n<ul>\n<li>Added image ratio option: 16:10 (landscape) or 1:1 (square) per slider<\/li>\n<li>Added link hover color picker \u2014 configurable per slider<\/li>\n<li>Added shortcode attribute overrides: layout, visible, autoplay, fullscreen<\/li>\n<li>Added mouse drag support for Default layout<\/li>\n<li>Improved responsive breakpoints across 4 screen sizes<\/li>\n<li>Refined 3D layout depth and rotation values<\/li>\n<li>Fixed infinite loop flickering on fast consecutive clicks<\/li>\n<li>Fixed 3D layout not recalculating on resize<\/li>\n<li>Fixed autoplay timer not resetting after manual navigation<\/li>\n<\/ul>\n\n<h4>1.1.0 - 14th February 2026<\/h4>\n\n<ul>\n<li>Added Cool layout \u2014 card-based slider with gradient background<\/li>\n<li>Added pagination dots for Cool and 3D layouts<\/li>\n<li>Added fullscreen mode (100vw edge-to-edge)<\/li>\n<li>Added gradient background picker with live preview<\/li>\n<li>Added touch\/swipe support for all layouts<\/li>\n<li>Added autoplay with configurable speed and hover pause<\/li>\n<li>Admin design overhaul \u2014 neumorphic design system<\/li>\n<li>Drag-to-reorder slides with sortable cards<\/li>\n<li>Visual radio cards for layout selection<\/li>\n<li>Fixed shortcode rendering empty div with no slides<\/li>\n<li>Fixed color picker popup overlap on small screens<\/li>\n<li>Fixed status toggle save issue<\/li>\n<\/ul>\n\n<h4>1.0.0 - 8th January 2026<\/h4>\n\n<ul>\n<li>Initial production release<\/li>\n<li>Default layout \u2014 editorial full-bleed slider with peek effect and infinite loop<\/li>\n<li>3D layout \u2014 perspective slider with depth transforms and glassmorphism arrows<\/li>\n<li>Free mode: up to 2 sliders, 10 images per slider, and 1-6 visible slides<\/li>\n<li>Premium mode: unlimited sliders, 50 images per slider, and up to 15 visible slides<\/li>\n<li>Per-slide fields: title, caption, description, link URL<\/li>\n<li>Relative and absolute link support<\/li>\n<li>Image hover zoom effect<\/li>\n<li>Conditional CSS\/JS loading<\/li>\n<li>Admin panel with slider list, edit screen, and settings<\/li>\n<li>Copy-to-clipboard shortcode button<\/li>\n<li>Clean uninstall \u2014 drops tables and options<\/li>\n<\/ul>","raw_excerpt":"Beautiful image slider with 4 layout modes, infinite loop, and shortcode embedding. No jQuery on frontend, no WooCommerce required.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/296911","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=296911"}],"author":[{"embeddable":true,"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/loanpartnership"}],"wp:attachment":[{"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=296911"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=296911"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=296911"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=296911"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=296911"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=296911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}