> ## Documentation Index
> Fetch the complete documentation index at: https://www.twicecommerce.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Teemaeditori – Tietoa-sivu

> Kerro tarinasi Tietoa-sivulla — hero, muotoiltu teksti ja lisäkuva.

<Frame caption="Teemaeditori > Tietoa-sivu">
  <img src="https://mintcdn.com/twicecommerce/lZhc_tO8u1u_bL0Q/images/theme-editor-about.webp?fit=max&auto=format&n=lZhc_tO8u1u_bL0Q&q=85&s=9c417b4a21abc8100309c67ce47c4425" alt="Tietoa-sivun pohja teemaeditorissa" width="1920" height="1080" data-path="images/theme-editor-about.webp" />
</Frame>

Tietoa-sivu on sisältösivu brändisi tarinalle. Jokaisen osion voi näyttää tai piilottaa.

## Osiot

| Osio                 | Mitä se tekee                                                                                                         |
| -------------------- | --------------------------------------------------------------------------------------------------------------------- |
| **Hero**             | Ylätunniste, jossa erilliset työpöytä- ja mobiilikuvat, otsikko, kuvaus, painike, tasaus ja valinnainen peittokerros. |
| **Rich text**        | Muotoiltu tekstialue tarinallesi, muokataan suoraan sivulla.                                                          |
| **Additional image** | Tukikuvalohko, jonka taustana voi olla kuva tai yksivärinen tausta.                                                   |

## Jaetut lohkot

Ilmoituspalkki, ylätunniste, alatunniste ja sivun asetukset (näkyvyys, hakukoneoptimointi) koskevat koko kauppaa — katso [teemaeditorin yleiskatsaus](/docs/fi/sales-channels/online-store/theme-editor/overview) ja sen osio useimpien sivujen lohkoista.

## Aiheeseen liittyvät

<CardGroup cols={2}>
  <Card title="Typografia" icon="font" href="/docs/fi/sales-channels/online-store/theme-editor/settings/typography">
    Aseta otsikoiden ja leipätekstin fontit.
  </Card>

  <Card title="Oma CSS" icon="paintbrush" href="/docs/fi/sales-channels/online-store/theme-editor/settings/custom-css">
    Hienosäädä kaikkea, mitä visuaalinen editori ei kata.
  </Card>
</CardGroup>