Task IntentTheme
Generate Customer Stats Counter Section
Build a customer-focused statistics counter section with animated numbers, comparison metrics, and milestone achievements.
What This Sidekick Query Does
Build a customer-focused statistics counter section with animated numbers, comparison metrics, and milestone achievements.
Prompts
Copy, adapt, and run this directly in Shopify Sidekick.
Create a customer statistics counter section: Stat Items: Customers served: [NUMBER] Repeat purchase rate: [PERCENTAGE]% Average customer rating: [RATING]/5 Customer retention rate: [PERCENTAGE]% Net Promoter Score: [SCORE] Support response time: under [TIME] Countries with customers: [NUMBER] Products in catalog: [NUMBER] Select [NUMBER] stats to display from the above or use custom stats: Custom stat 1: [VALUE] - [LABEL] Custom stat 2: [VALUE] - [LABEL] Animation: Count-up animation on scroll into view Duration: [DURATION]ms Staggered start (each counter starts [DELAY]ms after previous) Easing function: [ease-out/spring/linear] Decimal support for ratings and percentages Layout: Stats per row: [3/4] Style: [simple-numbers/icon-cards/progress-circles] Progress circle option: animated circular progress bar Divider between stats: [none/line/dot] Section heading: [SECTION_HEADING] Design Settings: Background: [solid-color/gradient/image-overlay] Number color: [NUMBER_COLOR] Label color: [LABEL_COLOR] Icon/circle color: [ACCENT_COLOR] Font sizes: number [SIZE]px, label [SIZE]px Padding: [TOP_PADDING]px / [BOTTOM_PADDING]px Requirements: IntersectionObserver for animation trigger Responsive: 2-column on tablet, single on mobile Numbers accessible without JavaScript Lightweight implementation Support for at least [NUMBER] stat items
Expected Output
Build a customer-focused statistics counter section with animated numbers, comparison metrics, and milestone achievements.
Tips to Improve Results
Copy the prompt above
Open Shopify Sidekick in your Shopify admin
Paste the prompt and replace the bracketed placeholders with your details
Review Sidekick's response and apply the suggestions