> ## 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 – Murupolku

> Muokkaa murupolun ulkoasua, joka kertoo asiakkaan sijainnin kaupassasi.

<Frame caption="Teemaeditori > Murupolku">
  <img src="https://mintcdn.com/twicecommerce/cJlH0EnJIdVT0BaS/images/theme-editor-breadcrumbs.webp?fit=max&auto=format&n=cJlH0EnJIdVT0BaS&q=85&s=8533c3118b632f56f063af95d5e3df8d" alt="Murupolun asetuspaneeli teemaeditorissa" width="1920" height="1080" data-path="images/theme-editor-breadcrumbs.webp" />
</Frame>

Murupolku-paneeli määrittää kokoelma- ja listaussivuilla näkyvän murupolun värit. Löytyy teemaeditorin kohdasta **Components**. Se, näkyykö murupolku lainkaan, asetetaan sivukohtaisesti — katso [listaussivu](/docs/fi/sales-channels/online-store/theme-editor/pages/listing).

## Värit

| Asetus     | Tyyppi | Oletus    | Kuvaus                                       |
| ---------- | ------ | --------- | -------------------------------------------- |
| Teksti     | Väri   | `#374152` | Ei-aktiivisten murupolkulinkkien väri.       |
| Aktiivinen | Väri   | `#111826` | Nykyisen (viimeisen) murupolun kohteen väri. |

## CSS-muuttujat

<CodeGroup>
  ```css CSS variables theme={null}
  :root {
    --storefront-breadcrumb-text-color: #374152;
    --storefront-breadcrumb-active-color: #111826;
  }
  ```
</CodeGroup>

## Aiheeseen liittyvät

<CardGroup cols={2}>
  <Card title="Listaussivu" icon="tag" href="/docs/fi/sales-channels/online-store/theme-editor/pages/listing">
    Ota murupolku käyttöön listaussivulla.
  </Card>

  <Card title="Värit" icon="palette" href="/docs/fi/sales-channels/online-store/theme-editor/settings/colors">
    Määritä verkkokaupan väripaletti.
  </Card>
</CardGroup>