Verkkokaupan mukautus teemaeditorilla
Teemaeditorilla voit mukauttaa teeman alueita kuten värejä ja hallita teeman sisältöä osioilla ja lohkoilla. Teemaeditorin osiot ovat seuraavat:
- Valikkopalkissa näkyvät työkalut, joilla voit katsoa lisätietoja teemastasi, navigoida teemasi eri malleihin, esim. tuotesivuille, säätää näyttökokonäyttöä ja hallita mukautuksia.
- Sivupalkkivalikko näyttää puunäkymänä sen mallin koko sisällön, jota olet tarkastelemassa sivupalkissa. Voit hallita osioita, lohkoja ja asetuksia sivupalkin valikosta.
- Esikatseluikkuna näyttää teemasi ja päivittyy automaattisesti, kun teet muutoksia. Voit valita eri näyttövaihtoehtoja valikkopalkista ja esikatsella teeman tietokone- tai mobiilipohjaa. Voit myös hallita teemamallin sisältöä esikatseluikkunassa aktivoimalla esikatselutarkastajan.
Tällä sivulla
- Teemaeditorin käyttäminen
- Valikko
- Asiakirjojen tarkasteleminen, tuen saaminen ja teemaversion tarkistaminen
- Hanki apua mukautuksia varten
- Pikanäppäimien käyttö teemaeditorissa
- Mallit
- Mallien esikatseleminen tiettyjen resurssien kanssa
- Esikatselun tarkistustoiminto
- Eri näyttökokojen tarkastelu teemaeditorissa
- Sivupalkkivalikko
- Osiot ja lohkot
Teemaeditorin käyttäminen
Pääset teemaeditoriin Shopify Administa.
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Napsauta muokattavan teeman vierestä Mukauta.
Valikko
Valikkopalkissa on tietoja teemasta, pääsyvalikot lisätietoihin ja teemasi eri alueisiin sekä säätimet teeman mukauttamiseen.
Valikkopalkki näyttää seuraavat lisätiedot ja navigointivaihtoehdot:
- Palaa Shopify Adminiin klikkaamalla
-painiketta. - Tarkista teemasi nimi.
- Tarkista teemasi tila. Julkaistu teemasi näyttää Live-tilamerkinnän. Julkaisematon teema näyttää Luonnos -tilamerkinnän.
- Voit käyttää seuraavia lisätoimintoja klikkaamalla
-valikkoa:
- Voit avata koodieditorin valitsemalla 
Muokkaa koodia.
- Voit muokata teeman oletustekstejä valitsemalla 
Muokkaa teeman oletussisältöä.
- Voit avata teeman esikatselun valitsemalla 
.
- Voit avata teemasi dokumentaation valitsemalla 
Näytä dokumentaatio.
- Voit tarkistaa teemaeditorin kaikki käytettävissä olevat pikanäppäimet ja näppäinyhdistelmät valitsemalla 
.
- Voit hankkia tukea valitsemalla 
Hanki tukea.
Pääset eri malleihin ja markkinapohjiin seuraavista valikoista:
Voit mukauttaa teemaasi seuraavilla valikkopalkin säätimillä:
- Aktivoi tai deaktivoi Sidekick.
- Aktivoi tai deaktivoi esikatselutarkastaja.
- Vaihda näyttökokoa näyttökoon säätimillä.
- Hallinnoi nykyistä mukautusistuntoa kumoa- ja palauta-säätimillä.
- Tallenna muutokset Tallenna-painikkeella.
Asiakirjojen tarkasteleminen, tuen saaminen ja teemaversion tarkistaminen
Voit tarkastella teemastasi saatavilla olevia tietoja, esimerkiksi teeman versiota ja kehittäjätietoja, sekä linkkejä teemasi dokumentaatioon ja tukitietoihin valikkopalkin ‑valikosta.
Hanki apua mukautuksia varten
Jos tarvitset tukea teeman muuttamiseen, voit ottaa yhteyttä teeman kehittäjään.
Voit myös katsoa muita tukivaihtoehtoja teemojen mukautusta varten kohdasta Teemojen tuen lisävaihtoehtoja.
Pikanäppäimien käyttö teemaeditorissa
Voit navigoida ja tehdä toimintoja teemaeditorissa käyttäen pikanäppäimiä.
| Luokka | Toiminta | Pikanäppäin Windowsissa | Pikanäppäin macOS:ssä |
|---|---|---|---|
| Yleistä | Peru |
CTRL + Z
|
⌘ + Z
|
| Tee uudelleen |
CTRL + Y
|
⌘ + Y
| |
| Tallenna |
CTRL + S
|
⌘ + ⇧ + S
| |
| Näytä kaikki näppäinyhdistelmät ja pikanäppäimet |
CTRL + /
|
⌘ + /
| |
| Työkalut | Esikatselun tarkistustoiminto |
CTRL + SHIFT + |
|
⌘ + ⇧ + |
|
| Esikatselutila |
⊞ + CTRL + |
|
⌘ + ⌃ + |
| |
| Sidekick |
CTRL + .
|
⌘ + .
| |
| Navigointi | Kohdat |
⊞ + CTRL + Z
|
⌘ + ⌃ + 1
|
| Teeman asetukset |
⊞ + CTRL + Z
|
⌘ + ⌃ + 2
| |
| Sulautetut sovellukset |
⊞ + CTRL + Z
|
⌘ + ⌃ + 3
| |
| Osiot & lohkot | Piilota & näytä |
CTRL + SHIFT + H
|
⌘ + ⇧ + H
|
| Poista |
SHIFT + ⭠
|
⇧ + ⌫
| |
| Valitse edellinen |
SHIFT + ←
|
⇧ + ▲
| |
| Valitse seuraava |
SHIFT + →
|
⇧ + ▼
| |
| Avaa valittu elementti |
SHIFT + ENTER
|
⇧ + ▼
| |
| Laajenna kaikki osiot |
CTRL + SHIFT + H
|
⌘ + ⇧ + O
| |
| Pienennä kaikki osiot |
CTRL + SHIFT + P
|
⌘ + ⇧ + P
|
Mallit
Voit käyttää kaikkia teemasi malleja teemaeditorin yläpalkissa olevasta sivunvalitsimesta.
Jos käytät Online Store 2.0:n teemaa, voit myös luoda uuden mallin suoraan sivunvalitsimesta klikkaamalla Uusi malli -valintaa.
Mallien esikatseleminen tiettyjen resurssien kanssa
Voit esikatsella, miltä malli näyttää minkä tahansa kauppasi resurssin kanssa. Jos tarkastelet esimerkiksi tuotemallia, voit testata sitä millä tahansa kauppasi tuotteella.
Sinun on edelleen määritettävä malli resurssille Shopify Adminissa.
Voit etsiä malleja ja resursseja myös sivuvalitsimen hakupalkin tai Lisää osio- tai Lisää lohko -työkalujen avulla tai Sulautetut sovellukset -kohdassa.
Ohjeet:
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Napsauta muokattavan teeman vierestä Mukauta.
Valitse mallivalikosta malli, jota haluat esikatsella.
Klikkaa sivupalkkivalikon Esikatselu-osiosta Muuta.
Valitse Valitse-valikosta resurssi, jota haluat esikatsella.
Esikatselun tarkistustoiminto
Esikatselun tarkistustoiminnon avulla voit siirtyä osioihin ja lohkoihin suoraan esikatseluikkunasta. Näin löydät vastaavat asetukset nopeammin ja helpommin. Esikatselun tarkistustoiminnon voit järjestellä uudelleen, piilottaa tai kopioida osioita ja lohkoja suoraan esikatseluikkunassa.
Esikatselun tarkistustoiminto on käytettävissä kaikissa ilmaisissa Shopify-teemoissa. Se on myös oletusarvoisesti käytössä. Voit ottaa esikatselun tarkistustoiminnon käyttöön ja poistaa sen käytöstä muokkausistunnon aikana klikkaamalla 
-painiketta.
Kun esikatselun tarkistustoiminto on aktivoitu, voit avata vastaavan asetuksen klikkaamalla mitä tahansa jäsennettyä elementtiä. Kun esikatselun tarkistustoiminto on aktivoitu mobiililaitteella, voit valita vastaavan asetuksen klikkaamalla mitä tahansa elementtiä. Avaamalla alataulukon voit tehdä muokkauksia tällä valitulla asetuksella.
Esikatselun tarkistustoiminto näyttää jommankumman kahdesta reunasta niiden osioiden ja lohkojen ympärillä, joita on klikattu esikatseluikkunassa:
- Tasaisen sininen viiva osoittaa aktiivisen osion. Vastaava asetus sivupalkin valikossa on korostettu harmaalla.
- Sininen pisteviiva osoittaa osioon liittyvän lohkon. Kun klikkaat tuotetta esikatseluikkunassa, lohkon tai osion asetukset avautuvat.
Kun klikkaat mitä tahansa verkkosivustosi osaa esikatseluikkunassa, vastaavat asetukset avautuvat sivupalkissa. Mobiililaitteella kaksoisnapauttaminen mahdollistaa liikkumisen sivustolla asiakkaan tavalla.
Osioiden ja lohkojen lisääminen esikatselun tarkistustoimintoon
Kun käytät esikatselun tarkistustoimintoa, voit lisätä teemaan osioita ja lohkoja suoraan esikatseluikkunassa Jos haluat käyttää Shopify-sovelluksen esikatselun tarkistustoimintoa, aloita osion hallinnointi painamalla osiota pitkään.
| Työkalu | Kuvaus |
|---|---|
| Lisää osio | Lisää osio -painike näkyy valitun osion ylä- ja alaosassa. Lisää uusi osio joko valitun osion ylä- tai alapuolelle klikkaamalla Lisää osio -painiketta. |
| Lisää lohko |
Lisää lohko -painike tulee näkyviin, kun siirrät hiiren kursorin olemassa olevan lohkon päälle. Lisäät lohkon siirtämällä kursorin  -painikkeen päälle. Tämän jälkeen näkyviin tulee ponnahdusikkuna, joka sisältää teeman ja sovelluslohkot, jotka voidaan lisätä valittuun osioon. Klikkaa lohkoa, jonka haluat lisätä. Uuden lohkon asetusten ikkuna latautuu oikeaan sivupalkkiin.
|
Esikatselun tarkistustoiminnon työkalut
Voit siirtää, piilottaa, kopioida tai poistaa osioita ja lohkoja teemaeditorissa esikatselun tarkistustoiminnolla.
| Työkalu | Toiminta | Kuvaus |
|---|---|---|
 | Siirrä edelliseen sijaintiin | Jos haluat siirtää osion tai lohkon seuraavaan sijaintiin tai edelliseen sijaintiin nuolikuvakkeilla esikatselun tarkistustoiminnossa, klikkaa tätä painiketta. Jos valittu osio on sivun yläosassa, -painike näkyy harmaana. Jos osio on taas sivun alaosassa, et voi käyttää -painiketta. |
| Siirrä seuraavaan sijaintiin | |
 | Kopioi osio tai lohko | Monista osio tai lohko sisältöineen klikkaamalla tätä painiketta. |
 | Osion tai lohkon piilottaminen | Jos haluat piilottaa osion tai lohkon, klikkaa tätä painiketta. Kun osio tai lohko on piilotettu, et voi tuoda sitä näkyviin esikatselun tarkistustoiminnossa. Voit tuoda osion tai lohkon takaisin näkyviin klikkaamalla joko valikkopalkin  -painiketta tai sivuvalikkopalkin -painiketta osion tai lohkon vierestä. |
 | Poista osio tai lohko | Tämä painike poistaa valitun osion tai lohkon esikatselutarkastuksessa |
Eri näyttökokojen tarkastelu teemaeditorissa
Voit tarkastella erilaisia näyttökokoja teemaeditorissa. Voit vaihtaa teemaeditorin näyttämään pöytäkoneiden, mobiililaitteiden tai koko näytön tilan version. Näin voit varmistaa, että teeman muokkaukset toimivat hyvin erikokoisilla näytöillä ja tarkistaa vaihtoehtoiset tietokone- ja mobiiliasettelut. Muuta näytön kokoa klikkaamalla seuraavia painikkeita valikkopalkista:
- Klikkaa
-painiketta tietokoneelle. - Klikkaa
-painiketta mobiilille. - Klikkaa
-painiketta koko näyttöä varten.
Toimintojen peruuttaminen ja toistaminen
Voit kumota tai tehdä uudelleen tallentamattomia mukautuksia - ja 
-painikkeilla. Kun olet tallentanut muutokset, et voi enää tehdä niitä uudelleen tai kumota.
Jos sellaisia tallentamattomia mukautuksia ei ole, joita voisi palauttaa tai kumota tai molempia, toiminnon painike näkyy harmaana.
Sivupalkkivalikko
Sivupalkin valikkoon tulee näkyvän sen mallin koko sisältö, jota tarkastelet tällä hetkellä sivupalkissa. Voit hallita osioita, lohkoja ja asetuksia sivupalkin valikosta.
Sivupalkin tilat
Teemaeditori tarjoaa kaksi lisätilaa, jotka voivat käyttää koko näytön tilaa.
Kahden sivupalkin tila on laajempia selainikkunoita ja suurempia näyttöjä varten. Yhden sivupalkin tila on käytössä kapeammissa selainikkunoissa ja pienemmissä näytöissä. Sivupalkkitila määrittää, missä asetuspaneeli näkyy editorissa.
Kahden sivupalkin tila
Jos näyttösi koko on suurempi kuin 1 600 pikseliä ja selainikkuna on kokonaan laajennettu tai laajennettu vähintään 1 600 pikselin leveyteen, näytöllä on kaksi sivupalkkia. Vasemmalla olevassa sivupalkissa on navigointipaneeli, oikeanpuoleisessa asetuspaneeli.
Jos haluat tarkastella teemaeditoria yhden sivupalkin tilassa laajalla näytöllä, kavenna selainikkunaa, kunnes asetuspaneeli liukuu navigointisivupalkin päälle tai katoaa.
Yhden sivupalkin tila
Kapeammissa selaimissa on vain yksi sivupalkki, joka säästää tilaa teeman esikatselulle. Kun klikkaat osaa tai lohkoa muokataksesi sitä, asetuspaneeli avautuu sivupalkissa navigointipaneelin päälle.
Osiot ja lohkot
Osioiden ja lohkojen luettelossa näytetään oletusarvoisesti kaikki sivun osien lohkot.
Ylätunnisteen tai alatunnisteen muodostavat osiot on oletuksena pienennetty. Voit näyttää osion sisällön klikkaamalla 
-painiketta osion nimen vierestä.
Osioryhmät
Osiot on ryhmitelty seuraaviin alueisiin teemasi jokaiselle sivumallille:
- Ylätunnisteen alueeseen kuuluu ylätunniste, ilmoituspalkki ja kaikki sovellukset tai mukautettu Liquid.
- Mallin alueeseen kuuluvat osiot, jotka muodostavat sivusi päätekstiosan. Malliosioissa voi olla esimerkiksi blogipostauksia, kollaasi, kokoelmaluetteloita tai mukautettu Liquid.
- Alatunnisteen alueeseen kuuluvat alatunniste, sähköpostiin rekisteröityminen ja kaikki sovellukset tai mukautettu Liquid.
Ylätunnisteet ja alatunnisteet jaetaan verkkokaupan kaikille sivuille. Jos esimerkiksi lisäät ylätunnisteeseen mukautetun Liquid-lohkon, mukautettu Liquid näkyy kaikilla tuotesivuilla, etusivulla ja muilla sivuilla.
Laajenna ja pienennä osioita ja lohkoja
Laajenna osion solmu -painikkeella nähdäksesi sen lohkot tai pienennä sitä 
-painikkeella lohkojen piilottamiseksi. Voit klikata mitä tahansa osiota tai lohkoa, jos haluat nähdä sen asetukset.
Osioiden ja lohkojen siirtäminen
Voit siirtää osion tai lohkon sivun yhdeltä alueelta toiselle alueelle 
-painikkeella klikataksesi ja vetääksesi osion tai lohkon ja pudottaaksesi sen sitten toiseen käytettävissä olevaan sijaintiin.
Jos yrität siirtää osion tai lohkon kielletylle alueelle, osio tai lohko sijoitetaan takaisin alkuperäiselle paikalleen.
Osioiden ja lohkojen poistaminen
Voit poistaa osion tai lohkon mallista kummalla tahansa alla kuvatuista tavoista:
Siirrä kursori osion nimen viereen ja klikkaa sitten
-painiketta: 
Klikkaa osion nimeä ja klikkaa sitten Poista osio osioiden asetustiedoista:
Ohjeet:
Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
Napsauta muokattavan teeman vierestä Mukauta.
Klikkaa teemaeditorin sivupalkissa osiota tai lohkoa, jonka haluat poistaa.
Klikkaa Poista osa tai Poista lohko.
Klikkaa Tallenna. Jos muokkaat julkaistua teemaa, klikkaa Julkaise tallentaaksesi muutoksesi ja julkaistaksesi ne kaupassasi.
Osioiden ja lohkojen piilottaminen
Voit piilottaa minkä tahansa osion tai lohkon käyttämällä -painiketta:
