> ## 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.
# Miten rakennat verkkokaupan sivut ja navigaation
> Kokoa kukin verkkokaupan sivu lohkoistaan ja kytke otsikko ja alatunniste niin että asiakkaat löytävät ne — mukaan lukien mitä sivuja ei voi piilottaa ja miksi osoitteet ovat kiinteitä.
online-store/themes
Verkkokauppa on joukko sivupohjia sekä navigaatio joka yhdistää ne. Et rakenna sivuja yksitellen kutakin listausta varten — kokoat **sivupohjia**, joiden läpi jokainen listaus, kokoelma ja toimipiste sitten piirtyy.
Tuon eron ymmärtäminen on suurin osa työstä. Loput on sen varmistamista, että asiakas todella löytää rakentamasi.
## Edellytykset
**Vaaditut oikeudet:** `online_store:editor`, katseluoikeutena editorin avaamiseen ja hallintaoikeutena muutoksiin. **Kaikilla neljällä järjestelmäroolilla on se.** Katso [Käyttäjät ja roolit](/docs/fi/settings/users-roles).
**Ennen kuin aloitat:**
* **Tee yleinen ulkoasu ensin.** Teemamäärittelyt piirtävät jokaisen sivun uudelleen, joten sivujen kokoaminen ennen värien ja typografian asettamista tarkoittaa työn tekemistä kahdesti. Katso [Muotoile verkkokauppa](/docs/fi/guides/sales-channels/design-the-storefront).
* **Muista että tallennus on julkaisu.** Luonnosta ei ole, joten puoliksi koottu sivu on julkaistu sillä hetkellä kun tallennat sen.
* **Varmista että kokoelmat ovat olemassa.** Useimmat etusivun lohkot osoittavat kokoelmaan, joten tyhjä katalogi tekee tästä arvailua.
## Vaiheet
Kaikki editorin **Sisältö**-tilassa on jompaakumpaa, ja ne käyttäytyvät eri tavoin:
| | Mikä se on | Mihin muutos osuu |
| --------------------- | ---------------------------------------------------------------------------- | ------------------------------ |
| **Sivupohja** | Etusivu, Kokoelmasivu, Listaussivu, Kauppasivu, Tietosivu, Laukku, Maksusivu | Vain kyseiselle sivulle |
| **Koko kaupan lohko** | Ilmoituspalkki, Otsikko, Alatunniste | Jokaiselle sivulle jolla se on |
Otsikkoa ei siis muokata "etusivulla" vaikka satutkin seisomaan siellä sitä muokatessasi. Muuta se kerran ja se muuttuu kaikkialla.
**Kaikilla sivupohjilla ei ole kaikkia lohkoja.** Maksusivu ja Kaupan valintapalkki tarjoavat vain **Sivun asetukset**; Mukautetut head-skriptit -pohjalla ei ole otsikkolohkoja lainkaan, ja alatunnisteen muokkaus ei ole käytettävissä Maksusivulla eikä skriptipohjalla.
Etusivu on se jonka rakennat tyhjästä etkä hienosäädä, ja se on pino lohkoja — kuvabannereita, esittelykokoelmia, listausruudukoita, kokoelmaluetteloita, tekstiä.
Kaksi asiaa jotka kannattaa päättää ennen lohkojen raahaamista:
* **Mitä ensimmäisen ruudullisen on tehtävä.** Yleensä: kerrottava mitä myyt ja vietävä asiakas kokoelmaan.
* **Mitkä kokoelmat ansaitsevat lohkon.** Esittelykokoelmalohko on myynnillinen päätös eikä ulkoasupäätös — katso [Rakenna kokoelma](/docs/fi/guides/catalog/build-a-collection).
Kunkin lohkon omat asetukset on dokumentoitu sivulla [Etusivu](/docs/fi/sales-channels/online-store/theme-editor/pages/home).
Nämä kolme tekevät kaupallisen työn, ja kukin on sivupohja eikä yksittäinen sivu:
* **[Kokoelmasivu](/docs/fi/sales-channels/online-store/theme-editor/pages/collection)** — miten kokoelma listaa listauksensa, mukaan lukien listauksia per sivu ja suodatinosio.
* **[Listaussivu](/docs/fi/sales-channels/online-store/theme-editor/pages/listing)** — sivu jolla asiakas päättää. Varausvaihtoehdot, saatavuus ja listauksen tiedot ovat täällä.
* **[Kauppasivu](/docs/fi/sales-channels/online-store/theme-editor/pages/store)** ja **[Kaupat](/docs/fi/sales-channels/online-store/theme-editor/pages/stores)** — yksi toimipiste ja niiden luettelo.
Listaussivun muuttaminen muuttaa jokaisen listauksen kerralla. Se on tarkoituskin, ja se on myös syy tarkistaa muutos hankalaa listausta vasten — sellaista jolla on muuttujia, lisätuotteita tai pitkä kuvaus — eikä vain siisteintä esimerkkiä.
**Otsikko**-lohko kantaa logon, navigaatiokohdat, logon ja valikon sijainnin, kiinnittyvän käyttäytymisen ja ostoskorikuvakkeen tyylin.
Navigaatiokohdat vaativat harkintaa. Voit **Lisää sivulinkki** osoittamaan verkkokaupan sivulle tai **Lisää ulkoinen linkki** mihin tahansa muualle — varausehdot markkinointisivustollasi, emobrändi, ohjekeskus.
Pidä se lyhyenä. Verkkokaupan valikko ei ole sivukartta, ja hakupalkki kattaa sen mitä valikko ei kata.
**Alatunniste**-lohko kytkee valikkolinkit, sähköpostitilauksen, kuvauksen, maksukuvakkeet, käytäntölinkit ja tekijänoikeustekstin.
Käytäntölinkit eivät ole koristetta — ne ovat se paikka jossa ehtosi, tietosuojakäytäntösi ja peruutusehtosi todella tavoittavat asiakkaan. Määritä ne kohdassa [Ehdot ja käytännöt](/docs/fi/settings/terms-policies) ja kytke ne täällä päälle.
Jokaisella sivupohjalla on **Sivun asetukset** -lohko joka kantaa näkyvyyden sekä hakukoneiden otsikon ja kuvauksen.
* **Näytä sivu** ratkaisee onko sivu olemassa asiakkaille. **Kaikkia sivuja ei voi piilottaa** — editori kertoo sen sen sijaan että epäonnistuisi hiljaisesti, koska verkkokauppa ei toimisi ilman niitä.
* **Osoitteen tunnus on vain luettavissa.** Sivupolut ovat kiinteitä; `/collections`-polkua ei voi nimetä uudelleen muotoon `/shop`. Sen sijaan voit vaihtaa niiden edessä olevan verkkotunnuksen — katso [Ota verkkokauppa käyttöön](/docs/fi/guides/sales-channels/set-up-the-online-store).
Kirjoita hakukoneiden otsikko ja kuvaus niille sivuille jotka löydetään haussa — etusivu, kokoelmat ja tietosivu. Ne ovat ne jotka hakutulos näyttää.
**Maksusivu**-pohja kantaa **Toimipistekohtaiset ohitukset** — **Lisää toimipistekohtainen ohitus** liittää tietyn kassan tiettyyn toimipisteeseen, joten eri maksujärjestelyt eri myymälöissä hoidetaan täällä eikä verkkokauppaa monistamalla.
Kukin ohitus kertoo toimipisteen tilan, mukaan lukien **Luonnos** ja **Ei saatavilla**, joten keskeneräiseen kassaan osoittava ohitus on näkyvä eikä hiljaisesti tehoton.
## Mistä tiedän että se onnistui?
* **Asiakas tavoittaa jokaisen rakentamasi sivun** otsikosta, alatunnisteesta tai etusivun linkistä. Sivu jolle ei ole reittiä ei ole julkaistu, sanoi sen näkyvyys mitä tahansa.
* **Listaussivu kestää hankalan listauksen**, ei vain siistin.
* **Käytäntölinkit vievät** niihin dokumentteihin jotka todella tarkoitit.
* **Hakutulokset näyttävät kirjoittamasi otsikot** eivätkä oletusta.
* **Otsikko ja alatunniste näyttävät oikealta joka sivulla**, koska muokkasit ne kerran.
## Vianetsintä / yleiset sudenkuopat
**Toimii kuten suunniteltu.** Otsikko, alatunniste ja ilmoituspalkki ovat koko kaupan lohkoja — sillä millä sivulla olit muokatessasi ei ole merkitystä.
**Mitä tehdä:** ei mitään, jos tuo oli tarkoitus. Jos tarvitset aidosti eri otsikon yhdelle sivulle, verkkokauppa ei tarjoa sitä.
**Osoitteen tunnus on vain luettavissa ja sivupolut ovat kiinteitä.**
**Mitä tehdä:** vaihda verkkotunnus polun sijaan — katso [Ota verkkokauppa käyttöön](/docs/fi/guides/sales-channels/set-up-the-online-store). Jos polku on tärkeä hakukonesyistä, panosta sen sijaan otsikkoon ja kuvaukseen, joita voit hallita.
**Odotettua — kaikkia sivuja ei voi piilottaa**, koska verkkokauppa ei toimi ilman niitä. Editori kertoo sen sen sijaan että epäonnistuisi hiljaisesti.
**Mitä tehdä:** jos et halua asiakkaiden päätyvän sinne, poista se otsikon ja alatunnisteen navigaatiosta sivun piilottamisen sijaan.
**Näkyvyys ja tavoitettavuus ovat eri asioita.** Näkyvä sivu johon ei ole linkkiä on tavoitettavissa vain osoite kirjoittamalla.
**Mitä tehdä:** lisää se otsikon navigaatioon, alatunnisteen valikkoon tai lohkona etusivulle.
**Syy:** hienosäädit sivupohjaa listausta vasten joka ei koettele sitä — ei muuttujia, ei lisätuotteita, lyhyt kuvaus.
**Mitä tehdä:** tarkista sivupohja hankalinta listaustasi vasten. Sivupohja piirtää ne kaikki, joten pahin tapaus on se jolla on merkitystä.
**Syy:** toimipistekohtainen ohitus Maksusivu-pohjalla, tai sellaisen puuttuminen.
**Mitä tehdä:** avaa Maksusivu-pohjan **Toimipistekohtaiset ohitukset** ja lue kunkin toimipisteen tila — ohitus voi osoittaa kassaan joka on **Luonnos** tai **Ei saatavilla**.
## Seuraavat askeleet
Yleinen ulkoasutyö joka kuuluu tehdä ennen tätä.
Miksi sivupohja piirtyy mutta katalogi on tyhjä.
Jokainen lohko jokaisella sivupohjalla kokonaisuudessaan.
Kokoelmat joihin etusivun lohkot osoittavat.