CMS Item Counter
This component automatically counts and displays the total number of items in your CMS collection, showing the live count with customizable text before and after the number
Make it with Workshop
Build your own component with AI
This component automatically counts and displays the total number of items in your CMS collection, showing the live count with customizable text before and after the number
Make it with Workshop
Build your own component with AI
This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library
Add the CMS Item Counter component onto your canvas
Connect your CMS collection by clicking the "Collection" property and selecting your CMS collection instance from the canvas
Customize the display text and styling—add prefix text (appears before the number), add suffix text (appears after the number), choose your font color, and adjust font properties like size, weight, and style
Preview or publish your site to see the actual item count from your CMS collection displayed with your custom text
This is a code component that connects to your CMS collection and displays the item count. Connect your CMS collection instance using the "Collection" property, and the component will automatically count all items. You can customize the display with prefix text (like "Showing" or "Total:") and suffix text (like "items" or "products"). The font property controls typography including size, weight, and style, while font color lets you match your design. On the canvas, it shows a placeholder value of 123, but when you preview or publish, it displays the actual count from your CMS.
When you purchase this component, you'll receive:
The Component Itself - Full access to the component all future updates
Remix File with Component Setup - A complete Remix file with the component pre-configured and ready to integrate into your project.
Setup Instructions - Clear, step-by-step instructions to help you implement the component quickly and correctly.
Dedicated Support - Direct access to our team for assistance if you encounter any issues during setup or implementation.
For any queries and help setting up the component, contact hello@segmentui.com
If a component does not function as advertised and the issue cannot be resolved, you are eligible for a full refund under our quality guarantee. Refunds will not be provided for any other reasons, including change of mind, accidental purchase, lack of use, or expectations of features not explicitly advertised.
