qstudio

This is an add-on for the <a href="https://wordpress.org/extend/plugins/advanced-custom-fields/" rel="ugc">Advanced Custom Fields</a> WordPress plugin, that allows you to add a Number Slider field type.
This plugin uses the Simpler Slider jQuery library by James Smith – http://loopj.com/jquery-simple-slider/
For feature request and bug reports, <a href="https://qstudio.us/topic/advanced-custom-fields-number-slider" rel="nofollow ugc">please use the Q Studio Support Website</a>.
Please do not use the WordPress.org forum to report bugs, as we no longer monitor or respond to questions there.
<h4>Compatibility</h4>
This add-on will work with:
<ul>
<li>Advanced Custom Fields version 4 & 5</li>
</ul>
<h4>More Information</h4>

Advanced Custom Fields: Number Slider

I used the field in CSS for the opacity of an overlay effect. I think the styles of the slider should be inherited from the user color scheme rather than the green color included in the plugin.



Almost Perfect

Number Slider field for Advanced Custom Fields

gamaup

Blocks for ACF Fields lets you effortlessly load and display Advanced Custom Fields (ACF) or Secure Custom Fields (SCF) inside the WordPress block editor using a single, flexible block. Whether you’re dealing with text, images, URLs, or complex field types, this plugin makes it simple — all without writing a single line of code.
<h4>How to Use it</h4>
Just create your custom fields with the ACF or SCF plugin, then open the WordPress block editor. Add the “ACF Field” block to your page or template, select the field you want to display from the dropdown, and you are done! Your custom field will now appear right inside the editor, exactly where you want it.
Want to see it in action? Watch the short demo video below to learn how it works in real time.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/0gjUTgNgn7A?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>Features</h4>
<ul>
<li>No Code Needed – Display your ACF & SCF fields directly in the editor without building a custom block.</li>
<li>One Block for All Fields – Load almost any field type using just a single, versatile block.</li>
<li>Smart Field Picker – No need to type field names. Choose from a dropdown that automatically shows only the ACF & SCF fields available for the post, page, or template you’re editing.</li>
<li>Flexible Output Control – Style and format your field values directly in the editor, with output that always works correctly regardless of the field’s return setting. </li>
<li>Supports Most ACF/SCF Field Types – Including text, image, post object, terms, users, and more.</li>
<li>Supports All Field Locations – Works with post fields, options pages, term fields, and user fields.</li>
<li>Full Site Editing Ready – Fully compatible with the WordPress Site Editor for building custom templates and theme parts.</li>
<li>Dynamic Layouts Ready – Seamlessly works inside Query Loops and reusable patterns for dynamic layouts.</li>
</ul>
In addition to choosing which field to display, you also have control over how it appears. Text-based fields (including multiple-value fields like Select or Checkbox) can be shown as plain text or formatted with typography options. Image fields can be displayed as actual images with the same styling options as core Image blocks. For URL-return fields (such as Link or Post Object), you can render them as clickable buttons that automatically match your theme’s design.
With this flexibility, the plugin supports most commonly used field types right out of the box. Here’s the full list of supported fields:
<ul>
<li>Text</li>
<li>Text Area</li>
<li>Number</li>
<li>Range</li>
<li>Email</li>
<li>URL</li>
<li>Password</li>
<li>Image</li>
<li>File</li>
<li>WYSIWYG</li>
<li>Select</li>
<li>Checkbox</li>
<li>Radio</li>
<li>Button Group</li>
<li>True/False</li>
<li>Link</li>
<li>Post Object</li>
<li>Page Link</li>
<li>Relationship</li>
<li>Taxonomy</li>
<li>User</li>
<li>Date</li>
<li>Date Time</li>
<li>Time</li>
<li>Color</li>
</ul>
In addition to the wide variety of field types, you also have control over where your fields are sourced from. This makes it easy to connect content dynamically based on the template you’re editing.
<ul>
<li>Post (any post type) – Load fields attached to the post you’re currently editing, whether it’s a post, page, or any custom post type.</li>
<li>Option – Pull global option fields, perfect for site-wide settings like logos, contact info, or social links.</li>
<li>User – Display fields attached to a user profile. Available when editing author templates, making it easy to showcase author bios, avatars, or custom user data.</li>
<li>Taxonomy – Load fields attached to taxonomy terms. Available when editing term archive templates, ideal for creating custom category, tag, or taxonomy layouts.</li>
</ul>
<h3>PRO Version – Unlock Advanced Field Support</h3>
Upgrade to the PRO version to extend your layouts even further with advanced field types. PRO not only adds support for complex field types but also introduces more advanced output options, giving you full control over how your content is displayed.
Additional supported field types in PRO:
<ul>
<li>Repeater – Easily transform your repeater fields into repeatable content sections inside the block editor. Each sub field can be accessed and styled individually, giving you full flexibility to match your layout needs. You can display them as lists, grids, or carousels, with accordion layouts coming soon.</li>
<li>Gallery – Display your gallery fields in multiple ways: as a grid, masonry, or interactive carousel. Fine-tune responsive layouts with options for different screen sizes, and choose whether images open in a lightbox or link to the full-size version for an engaging user experience.</li>
<li>Group – Easily access and display sub fields inside group fields, no matter how deeply nested.</li>
<li>Flexible Content (coming soon) – Take full advantage of flexible content fields by visually rendering layouts in the block editor. Each layout and its sub fields can be styled individually, making it easier than ever to build custom, dynamic page structures without touching code.</li>
</ul>
The PRO version doesn’t just add support for new field types, it also unlocks powerful new display options for fields already supported in the free plugin. These options let you loop through related content and build dynamic layouts directly in the block editor.
<ul>
<li>Post Object & Relationship – Display these fields as dynamic post loops, similar to the Query Loop block, with the added ability to load custom fields within each post. Choose from list, grid, or carousel layouts, making it perfect for creating related posts sections or featured post displays.</li>
<li>Taxonomy – Render taxonomy fields as term loops, with the ability to access and display custom fields attached to each term. Output them in list, grid, or carousel layouts for flexible category, tag, or custom taxonomy displays.</li>
<li>User – Display user fields as user loops, complete with ability to show custom fields attached to each user. Layouts can be formatted as list, grid, or carousel. Ideal for building user directories, contributor listings, or team layouts.</li>
</ul>
From simple field displays to advanced, dynamic layouts, Blocks for ACF Fields gives you full control over how your content appears in the block editor. Start with the free version, and unlock even more powerful options with PRO when you’re ready to take your layouts further.
<a href="https://www.acffieldblocks.com/pro/?utm_source=wordpress.org&utm_medium=wp%20plugins%20repository&utm_campaign=BlocksforACFFields%20Pro%20Upgrade" rel="nofollow ugc">Click here to learn more about PRO version</a>

Blocks for ACF Fields — Display Custom Fields in the Block Editor

The easiest way to load ACF & SCF fields in WordPress blocks. Add your custom fields to the block editor instantly — no coding required!

Advanced Custom Fields: Number Slider vs Blocks for ACF Fields — Display Custom Fields in the Block Editor