Counter Section

The Counter Section displays important business statistics on your homepage using animated number counters. These counters help demonstrate the scale, growth, and credibility of your business, building trust with potential customers by showcasing your achievements.

Overview

The Counter Section uses animated number counters that increment when a customer scrolls to the section. This dynamic visual effect draws attention and makes your business statistics more engaging and memorable.

This section helps:

Demonstrate business scale and credibility
Build trust through transparent statistics
Showcase growth and success
Create visual interest with animated counters
Differentiate your store from newer competitors

Design Layouts

The Counter Section provides multiple professionally designed layouts. Each layout changes how counters are displayed and arranged.

Available layout options include:

Design 1 — Horizontal row with large numbers and labels below
Design 2 — Grid layout with icon, number, and label for each counter
Design 3 — Minimal layout with numbers only and subtle labels
Design 4 — Card-style with background and border for each statistic
Design 5 — Full-width section with background image and overlay counters

Counter section with animated statistics

Figure 1: Counter Section displaying business statistics with animated numbers

Color & Style Options

The Counter Section inherits colours from your global Color & Style configuration. You can customize specific elements to make statistics stand out.

Customizable elements include:

Number Colour — Colour of the animated counter numbers
Label Colour — Colour of the descriptive labels below numbers
Icon Colour — Colour of optional icons next to counters
Background Colour — Section background or individual card backgrounds
Number Font Size — Size of the counter numbers for emphasis
Divider Lines — Lines separating individual counters

Counter Values

Configure the numerical values displayed in each counter. These should reflect actual business statistics that build credibility.

Common counter statistics include:

Number of Brands — Total brands available in your store
Products Available — Total number of products in your catalog
Categories — Number of product categories
Cities Served — Number of cities you deliver to
Happy Customers — Total number of satisfied customers
Orders Delivered — Total orders successfully fulfilled
Years in Business — How long your store has been operating

// Example counter configurations
Counter 1:  500+   Products Available
Counter 2:  50+    Trusted Brands
Counter 3:  25+    Product Categories
Counter 4:  100+   Cities Served
Counter 5:  10,000+ Happy Customers

Be Accurate

Only display statistics that are accurate and verifiable. Exaggerated or false claims can damage your reputation if customers discover inconsistencies.

Counter Labels

Each counter has a descriptive label that explains what the number represents. Keep labels short, clear, and aligned with your brand voice.

// Example label variations
"Products"          or  "Products Available"
"Brands"            or  "Trusted Brands"
"Categories"        or  "Product Categories"
"Cities"            or  "Cities We Serve"
"Customers"         or  "Happy Customers"

Section Title

Configure the heading text displayed above the counters.

// Example section titles
"Our Numbers"
"By the Numbers"
"What We've Achieved"
"Growing Together"

Best Practices

Use real, verifiable numbers — authenticity builds trust
Update counters regularly as your business grows
Display 3-5 counters — too many can dilute the impact
Choose statistics that matter to your target customers
Use large, bold numbers for maximum visual impact
Place this section after product sections to reinforce credibility
Consider adding relevant icons to make counters more visually engaging
Use "+" suffixes for approximate numbers (e.g., "500+")
Ensure counter animations work smoothly on all devices