Counter
General settings
Counter
Layout
Determines how the counter and its accompanying text are arranged.
Default (Block) – Displays the number and text stacked vertically, ideal for prominent, standalone counters.
Inline – Places the number and text side by side in a single line, suitable for embedding counters within sentences or compact layouts.
Starting number
Defines the initial value for the counter. This number represents the starting point before the counter begins incrementing.
Ending number
Specifies the final numeric value a counter animation should reach before stopping.
Animation duration (ms)
Specifies the total time, in milliseconds, for the counter animation to run from its starting value to the ending number.
Typography
This element inherits the font preset defined in the Theme Settings, ensuring consistent typography across the storefront.
Text Color
Determines the color of the counter’s numeric value and accompanying text.
Text Stroke
Sets the thickness of the outline applied to the counter’s numeric value, measured in pixels.
Stroke Color
Defines the color of the outline applied to the counter’s numeric value.
Text Shadow
Adds or removes a shadow effect behind the text.
Number Alignment
Controls the horizontal positioning of the counter’s numeric value within its container when using the Inline layout.
Options include:
Left
Center
Right
Number position
Determines whether the counter’s numeric value appears Before or After its accompanying label or descriptive text.
Title
Text
Specifies the label displayed above or alongside the counter.
This text provides context for the number being shown, helping visitors understand what the value represents
Text Color
Sets the color of the counter’s title or label text.
This helps maintain visual harmony with the store’s design and ensures the title remains readable against the chosen background.
Text Stroke
Sets the thickness of the outline applied to the counter’s text, measured in pixels.
Stroke Color
Defines the color of the outline applied to the counter’s title.
Text Shadow
Title alignment
Controls the horizontal positioning of the counter’s text within its container when using the Inline layout.
Options include:
Left
Center
Right
Padding
Top/Bottom padding
Adjust these values to control the amount of space between the section’s content and its outer edges.
Last updated