Stats Counter

Layout, content and available controls for Stats Counter.

Scale Theme · v1.9.3 · 2 min read

Where to find it

Add this section from the theme editor on a supported template.

Available content blocks

Stat Item

Editor controls

Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.

Display section ID: ID is used in the Sections group section to create anchor links. Toggle on to show a copy button on this section.
Display on: Choose the presentation or source that fits this component.Options: All devices · Desktop only · Mobile only
Color source: Theme colors follow Theme settings > Colors. Other sources apply only to this section.Options: Use theme colors · Choose a color scheme · Set custom colors
Saved color schemeConditional: Choose an available Shopify color scheme.
BackgroundConditional: Choose a local color when the relevant custom source is enabled.
HeadingConditional: Choose a local color when the relevant custom source is enabled.
TextConditional: Choose a local color when the relevant custom source is enabled.
Numbers and iconsConditional: Choose a local color when the relevant custom source is enabled.
DividerConditional: Choose a local color when the relevant custom source is enabled.
Disclaimer backgroundConditional: Choose a local color when the relevant custom source is enabled.
Statistic layout: Choose the presentation or source that fits this component.Options: Standard · Editorial with accent bars
Button label: Edit the text shown by this component.
Button link: Choose the destination for this link or button.
Heading: Use bold or italic in this heading to apply the global Heading DNA accent style. Change it in Theme settings > Typography.
Accent effect: Highlight adds a slanted color plate behind bold or italic heading text. The existing accent color controls set its background.Options: Theme setting · Highlight
Heading accent color source: Global accent styling is managed in Theme settings > Typography; choose Custom for a local color.Options: Heading DNA · Custom
Custom accent colorConditional: Choose a local color when the relevant custom source is enabled.
Heading Accent TextConditional: Edit the text shown by this component.
Heading Font Size: Adjust within the range offered by the theme editor.
Heading Weight: Choose the presentation or source that fits this component.Options: Regular · Medium · Semi Bold · Bold · Extra Bold
Heading Line Height: Choose the presentation or source that fits this component.Options: Tight (1) · Snug (1.1) · Normal (1.2) · Relaxed (1.3) · Loose (1.5)
Heading Bottom Margin: Adjust within the range offered by the theme editor.
Heading ColorConditional: Choose a local color when the relevant custom source is enabled.
Heading GradientConditional: Overrides heading color when set
Accent ColorConditional: Choose a local color when the relevant custom source is enabled.
Accent Style: Choose the presentation or source that fits this component.Options: Normal · Italic
Description: Edit the formatted text for this component.
Description Font Size: Adjust within the range offered by the theme editor.
Description ColorConditional: Choose a local color when the relevant custom source is enabled.
Description Opacity %: Adjust within the range offered by the theme editor.
Included portrait: An uploaded image takes priority.Options: None · Hydrogel mask portrait
Image: Choose an image from your shop. Preview its crop on desktop and mobile.
Image alt text: Used when the selected image does not have alt text.
Starter image: Optional bundled photography. An uploaded image always takes priority.Options: None · Skincare · Supplement · Matcha · Pet supplement · Shapewear · LED mask · Vacuum
Starter image viewConditional: Choose the presentation or source that fits this component.Options: Product · Detail · Lifestyle · Portrait · Product details graphic
Image position: Choose the presentation or source that fits this component.Options: Right side panel · Left side panel · Above heading · Below heading · Below description
Desktop image column width: Adjust within the range offered by the theme editor.
Desktop image width: Adjust within the range offered by the theme editor.
Gap between content and image: Adjust within the range offered by the theme editor.
Gap between text and stats: Adjust within the range offered by the theme editor.
Mobile image width: Adjust within the range offered by the theme editor.
Mobile image position: Choose the presentation or source that fits this component.Options: Below stats · Above content
Image aspect ratio: Choose the presentation or source that fits this component.Options: Square · Landscape · Portrait · Wide
Image fit: Choose the presentation or source that fits this component.Options: Cover · Contain
Image corner radius: Adjust within the range offered by the theme editor.
Image top margin: Adjust within the range offered by the theme editor.
Image bottom margin: Adjust within the range offered by the theme editor.
Number Font Size: Adjust within the range offered by the theme editor.
Number Weight: Choose the presentation or source that fits this component.Options: Regular · Medium · Semi Bold · Bold · Extra Bold · Black
Number Style: Choose the presentation or source that fits this component.Options: Normal · Italic
Number ColorConditional: Choose a local color when the relevant custom source is enabled.
Number GradientConditional: Overrides number color when set
Number Min Width: Ensures numbers are aligned
Title Font Size: Adjust within the range offered by the theme editor.
Title Weight: Choose the presentation or source that fits this component.Options: Regular · Medium · Semi Bold · Bold
Title ColorConditional: Choose a local color when the relevant custom source is enabled.
Title GradientConditional: Overrides title color when set
Description Font Size: Adjust within the range offered by the theme editor.
Description ColorConditional: Choose a local color when the relevant custom source is enabled.
Description Opacity %: Adjust within the range offered by the theme editor.
Show Dividers Between Stats: Enable or disable this option and preview the result.
Divider Width: Adjust within the range offered by the theme editor.
Divider Style: Choose the presentation or source that fits this component.Options: Solid · Dashed · Dotted
Divider ColorConditional: Choose a local color when the relevant custom source is enabled.
Disclaimer Text: Edit the text shown by this component.
Full Width Disclaimer: ON: spans entire section width. OFF: aligned under stats.
Disclaimer BackgroundConditional: Choose a local color when the relevant custom source is enabled.
Disclaimer Text ColorConditional: Choose a local color when the relevant custom source is enabled.
Disclaimer Icon ColorConditional: Choose a local color when the relevant custom source is enabled.
Disclaimer Icon Size: Adjust within the range offered by the theme editor.
Disclaimer Font Size: Adjust within the range offered by the theme editor.
Disclaimer Corner Radius: Adjust within the range offered by the theme editor.
Disclaimer Vertical Padding: Adjust within the range offered by the theme editor.
Disclaimer Horizontal Padding: Adjust within the range offered by the theme editor.
Disclaimer Top Margin: Adjust within the range offered by the theme editor.
Enable Count-Up Animation: Enable or disable this option and preview the result.
Animation Duration: Adjust within the range offered by the theme editor.
Scroll Trigger Threshold %: How much of the section must be visible before animation starts
Section BackgroundConditional: Use the matching control in the theme editor and preview the component before publishing.
Max Width: Adjust within the range offered by the theme editor.
Left Column Width %: Adjust within the range offered by the theme editor.
Right Column Width %: Adjust within the range offered by the theme editor.
Column Gap: Adjust within the range offered by the theme editor.
Gap Between Stats: Adjust within the range offered by the theme editor.
Gap Number - Text: Adjust within the range offered by the theme editor.
Desktop Text Alignment: Choose the presentation or source that fits this component.Options: Left · Center · Right
Mobile Text Alignment: Choose the presentation or source that fits this component.Options: Left · Center
Top Padding: Adjust within the range offered by the theme editor.
Bottom Padding: Adjust within the range offered by the theme editor.