# Featured statistics

This section can be used to promote company milestones that help build trust with customers

### Getting Started

* Go to `Online store` → `Theme` → `Customise`
* By default, you will see you predefined list of sections
* To add the `Featured statistics` section, scroll to the bottom of the panel and `Add section`

#### How to change the section layout?

Just like other sections, settings will apply to both the section itself and the block which represents the actual content.

Click on the section title and change the '**Background**' and '**Text**' colors

<div align="left"><figure><img src="https://2114535326-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgKC2p4LQD2oT2arxwe%2Fuploads%2FifHDJjk8FufIfM3KC2Ee%2FScreenshot%202023-04-13%20at%202.45.22%20pm.png?alt=media&#x26;token=2319b3bd-ccef-4bab-984c-31965a0c7558" alt=""><figcaption></figcaption></figure></div>

#### How to change the block settings?

By default, 2 blocks will be visible when this section is added. Here we can change the following pieces of content;

* Featured counter number
* Body text
* Unit

<div align="left"><figure><img src="https://2114535326-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgKC2p4LQD2oT2arxwe%2Fuploads%2Fz5UL5n6lmEkrSmM53YjJ%2Fstats-overview.jpg?alt=media&#x26;token=f2027b4e-5f15-44cf-a5ee-1655d7d6edd0" alt=""><figcaption></figcaption></figure></div>

Once your happy with your changes, click save.

### How to turn on the animation effect for this section?

In order for each featured statistic to count up, you will need to turn on animations within the theme editor.

* Go to `Online store` → `Theme` → `Customise`
* Click on the `Theme settings` icon, represented as a paintbrush icon, directly below the sections icon.
* Then make sure you tick `Enable animations`, save your changes then your done!

<div align="left"><figure><img src="https://2114535326-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgKC2p4LQD2oT2arxwe%2Fuploads%2FyhLpsCtsXLMJuu9V40OV%2FScreenshot%202023-04-13%20at%202.53.49%20pm.png?alt=media&#x26;token=08cdc147-5fc4-4ead-a032-003eb94c0db1" alt=""><figcaption></figcaption></figure></div>
