Verkkokaupan ominaisuudet

Osioita käyttämällä voit lisätä ominaisuuksia mille tahansa verkkokauppasi sivulle. Voit valita, lisätä ja määrittää osioita, joissa on esimerkiksi kuvia, tekstiä ja brändin värejä.

Joillakin sivuilla on oletusosiot, kuten ilmoituspalkki, ylätunniste ja alatunniste. Nämä osiot näkyvät jokaisella sivulla.

Kaikki Shopifyn teemat sisältävät tämän sivun yksityiskohtaiset verkkokaupan ominaisuudet. Maksullisia teemoja voivat myös olla osa näistä ominaisuuksista. Lisätietoja löydät oman teemasi tukioppaasta.

Ilmoituspalkki

Ilmoituspalkkia käyttämällä voit kertoa asiakkaille tärkeitä tietoja millä tahansa sivulla ja mukauttaa enintään 12 erilaista ilmoituslohkoa. Voit myös lisätä ilmoituspalkkiin kielivalitsimen, maan tai alueen valitsimen ja sosiaalisen median kuvakkeita.

Jos sinulla on useita ilmoituksia, voit valita, haluatko ilmoitusten kiertävän automaattisesti vai annatko asiakkaiden selata ilmoituksia käsin nuoli-painikkeilla.

Osion asetukset

Ilmoituspalkkiosion asetukset
MääriteKuvaus
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
Näytä erotinviivaNäyttää rivin, joka erottaa ilmoituspalkin visuaalisesti sivun sisällöstä.
Some-kuvakkeetNäyttää sosiaalisen median kuvakkeet, jotka osoittavat sosiaalisen median tileillesi.
Kierrätä ilmoituksia automaattisestiAktivoi, jos haluat ilmoitusten kiertävän automaattisesti.
Vaihda diat jokaValitse ilmoitusten kierron väli.
Näytä maa-/aluevalitsinLisää valitsin, jossa asiakas voi valita maat ja alueet, jotka olet aktivoinut maksuasetuksissasi, jolloin asiakkaat voivat tarkastella tuotteen hintoja haluamassaan valuutassa.
Ota kielivalitsin käyttöönLisää valitsin, jossa asiakas voi valita maat ja alueet, jotka olet aktivoinut kieliasetuksissasi, jolloin asiakkaat voivat selata kauppaasi haluamallaan kielellä.

Ilmoituslohko

Voit lisätä ilmoituslohkoon tekstin ja linkin, jolloin sitä voi napsauttaa ja se vie asiakkaat tietylle sivulle.

Ilmoituspalkissa olevan ilmoituslohkon asetukset
MääriteKuvaus
TekstiIlmoitus, jonka haluat näyttää asiakkaillesi.
LinkkiLinkki, johon haluat asiakkaiden siirtyvän, jos he klikkaavat ilmoituspalkkia.

Ylätunniste näkyy kaikilla verkkokauppasi sivuilla.

Osion asetukset

Ylätunnisteen osion asetukset
MääriteKuvaus
Logon sijainti tietokoneella

Missä logo näkyy ylätunnisteessa, kun asiakas avaa sivuston suurella näytöllä. Logon sijainti optimoidaan automaattisesti mobiililaitteita varten.

  • Keskellä vasemmalla - Näyttää logon päävalikon kanssa linjassa pystysuunnassa keskitettynä ja vasemmalle tasattuna.
  • Ylhäällä vasemmalla - Näyttää logon päävalikon yläpuolella ja tasaa logon ja valikkokohdat vasemmalle.
  • Ylhäällä keskellä (oletus) - Näyttää logon päävalikon yläpuolella ja tasaa logon ja valikkokohdat keskelle.
ValikkoPäävalikkona käytettävä valikko. Valitse toinen valikko klikkaamalla Vaihda.
Pöytäkoneen valikkotyyppiValitse pudotusvalikosta työpöytävalikon tyyppi:
  • Pudotusvalikko - Näyttää toisen tason valikon sisällön, ja kolmas taso on pysyy pienehtyneenä, kunnes sitä vastaavaa toisen tason kohdetta klikataan. Valikkotyyppi optimoidaan automaattisesti mobiililaitetta varten.
  • Mega-valikko - Näyttää kaikki toisen ja kolmannen tason valikkojen sisällön ensimmäisellä klikkauksella. Valikkotyyppi optimoidaan automaattisesti mobiililaitetta varten.
  • Laatikko - Näyttää vetolaatikon valikon hampurilaiskuvakkeen kautta. Joka klikattaessa näyttää kaikki ensimmäisen tason valikkokohteet, joita klikkaamalla voidaan avata muita navigointitasoja (toinen ja kolmas taso).
Paikallaan pysyvä ylätunniste

Valitse, haluatko käyttää paikallaan pysyvää ylätunnistetta ja miten haluat, että se näkyy.

  • Ei mitään - Ylätunniste ei siirry asiakkaan vierittäessä sivua.
  • Vieritettäessä ylöspäin - Ylätunniste tulee näkyviin, kun asiakas vierittää sivua ylöspäin.
  • Aina - Ylätunniste näkyy aina, kun asiakas vierittää sivua ylös- tai alaspäin.
  • Aina, pienennä logon kokoa - Ylätunniste näkyy aina, kun asiakas vierittää sivua ylös- tai alaspäin. Logon kokoa pienennetään 25 prosenttia, kun asiakas vierittää sivua.
Näytä erotinviivaNäyttää rivin, joka erottaa ylätunnisteen visuaalisesti sivun sisällöstä.
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
Näytä maa-/aluevalitsinLisää valitsimen, jossa asiakas voi valita maat ja alueet, jotka olet ottanut käyttöön maksuasetuksissasi, jolloin asiakkaat voivat tarkastella tuotteen hintoja haluamassaan valuutassa.
Ota kielivalitsin käyttöönLisää valitsimen, jossa asiakas voi valita maat ja alueet, jotka olet ottanut käyttöön kieliasetuksissasi, jolloin asiakkaat voivat selata kauppaasi haluamallaan kielellä.
Logon asettelu mobiilissa

Valitse, missä logo näkyy mobiililaitteilla.

  • Keskellä - Logo näkyy ylätunnisteen keskellä.
  • Vasen - Logo näkyy ylätunnisteen vasemmalla puolella.
VäliLisää tilaa ylätunnisteen alapuolelle. Liukusäätimen avulla voit lisätä alamarginaaliin 0–100 pikseliä tilaa.
Osion täyttöLisää tilaa ylätunnisteen ylä- tai alaosaan. Liukusäätimen avulla voit lisätä ylätunnisteen ylä- tai alaosaan 0–100 pikseliä tilaa.

Ylätunnisteen lohko

Voit lisätä ylätunnisteosioonseuraavat lohkot.

Sovelluslohkon asetukset ylätunniste-osiossa
MääriteKuvaus
SovelluksetLisää 2.0-yhteensopiva verkkokauppasovellus. Lisää enintään kolme sovellusta. Ne sijoitetaan ostoskorikuvakkeen vasemmalle puolelle ja niiden koko on rajoitettu 44 x 44 x 44 pikselikokoon.

Alatunniste näkyy teemasi kaikilla sivuilla.

Osion asetukset

Alatunnisteen osion asetukset
MääriteKuvaus
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
Näytä sähköpostirekisteröityminenSisältää sähköpostien tilauslomakkeen, jossa asiakkaat voivat tilata uutiskirjeen ja markkinointia.
Otsikko Näytä sähköpostitilaajan rekisteröitymislomakkeen otsikko. Jos Näytä sähköpostitilaajan rekisteröityminen ei ole käytössä, tämä ei näy. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin.
Seuraa ShopissaNäytä myyntipaikkasi seurantapainike Shop-sovelluksessa. Lue lisää Shopin seurantaominaisuudesta.
Some-kuvakkeetNäyttää kaikkien sosiaalisen median alustojen kuvakkeet, jotka olet syöttänyt profiililinkkiin teema-asetuksissa.
Näytä maa-/aluevalitsinLisää valitsimen, jossa asiakas voi valita maat ja alueet, jotka olet ottanut käyttöön maksuasetuksissasi, jolloin asiakkaat voivat tarkastella tuotteen hintoja haluamassaan valuutassa.
Ota kielivalitsin käyttöönLisää valitsimen, jossa asiakas voi valita maat ja alueet, jotka olet ottanut käyttöön kieliasetuksissasi, jolloin asiakkaat voivat selata kauppaasi haluamallaan kielellä.
Näytä maksukuvakkeetNäyttää kaupassasi aktiivisten maksutapojen kuvakkeet. Kuvakkeet eivät välttämättä ole käytettävissä maksutavalle, jos kuvake ei ole maksupalveluntarjoajan rekisteröimä. Kun asiakas vierailee kaupassasi, kuvakkeet suodatetaan niin, että näkyvissä ovat vain nykyisen asiakkaan alueella ja valuutalla tuetut maksutavat.
Näytä käytäntöjen linkitNäyttää käytäntölinkit tekijänoikeustietojesi vieressä. Käytäntölinkit luodaan Shopify Adminissa kohdassa Asetukset > Käytännöt. Lue lisää kaupan käytäntöjen lisäämisestä.
VäliLisää tilaa alatunnisteen yläpuolelle. Liukusäätimen avulla voit lisätä ylämarginaaliin 0–100 pikseliä tilaa.
Osion täyttöLisää tilaa alatunnisteen ylä- tai alapuolelle. Liukusäätimen avulla voit lisätä alatunnisteen ylä- tai alapuolelle 0–100 pikseliä tilaa.

Valikkolohko

Alatunnisteen osion valikkolohkon asetukset
MääriteKuvaus
OtsikkoLohkon nimi. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin.
ValikkoLohkossa näytettävä valikko. Alatunnisteissa näytetään vain ylätason valikkokohdat, joten alasvetovalikon tyypit eivät näy odotetulla tavalla.

Bränditiedot-lohko

Brändisi tietoja hallinnoidaan teema-asetuksissa. Lue lisää bränditiedoista.

Alatunnisteen osion bränditietojen lohkon asetukset
MääriteKuvaus
Näytä some-kuvakkeetNäyttää kaikkien sosiaalisen median alustojen kuvakkeet, jotka olet syöttänyt profiililinkkiin teema-asetuksissa.

Tekstilohko

Teksti-lohkon avulla voidaan korostaa tärkeitä tietoja, kuten kaupan tietoja, kampanjoita tai yhteystietoja.

Alatunnisteen osion tekstilohkon asetukset
MääriteKuvaus
OtsikkoLohkon nimi. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin.
AlatekstiLohkossa näytettävä teksti.

Kuvalohko

Alatunnisteen osion kuvalohkon asetukset
MääriteKuvaus
KuvaLohkossa näytettävä kuva.
Kuvan leveysMäärittää kuvan leveyden. Voi olla mikä tahansa viiden kerrannainen välillä 50–200 pikseliä. Oletus on 100 pikseliä.
Kuvan tasaus isolla näytöllä

Tasaa kuvan lohkon sisällä:

  • Vasen - Tasaa kuvan lohkon vasempaan reunaan.
  • Keskellä (oletus) - Tasaa kuvan lohkon keskelle.
  • Oikea - Tasaa kuvan lohkon oikeaan reunaan.

Blogipostaukset

Jos sinulla on blogi Shopify-kaupassasi, voit korostaa blogisi julkaisuja Blogipostaus-osion avulla. Jokaisesta*Blogipostaus*-osiossa olevasta blogipostauksesta näytetään 55 ensimmäistä sanaa julkaisukatkelmasta. Jos blogipostauksessa ei ole katkelmaa, julkaisun 30 ensimmäistä sanaa näytetään.

Osion asetukset

blogipostaus-osion asetukset
MääriteKuvaus
OtsikkoOsion otsikko. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin.
Otsikon kokoMuuta otsikon tekstin kokoa. Valitse pieni, keskikokoinen tai suuri.
BlogiMistä blogista haluat näyttää blogipostauksia. Oletusarvona aakkosjärjestyksessä ensimmäinen blogi Blogit-sivulla.
BlogiviestitOsiossa näytettävien blogipostausten määrä. Enintään: 4 julkaisua.
Sarakkeiden määrä työpöydälläPöytäkoneilla näytettävien sarakkeiden lukumäärä. Vähintään: 1. Enintään: 4.
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
Näytä esittelykuvaNäyttää blogipostauksen esittelykuvan. Ehdotettu kuvasuhde on 3:2.
Näytä päivämääräNäyttää blogipostauksen luontipäivän.
Näytä tekijäNäyttää blogipostauksen kirjoittajan.
Ota Näytä kaikki ‑painike käyttöön, jos blogi sisältää useampia blogipostauksia kuin mitä on näkyvissäJos blogissa on enemmän blogipostauksia kuin Blogipostaukset-kentässä on määritetty, kohtaan ilmestyy Näytä kaikki -painike, joka vie asiakkaat blogin sivulle.
Osion täyttöLisää tilaa blogipostausosion ylä- tai alaosaan. Liukusäätimen avulla voit lisätä blogipostausosion ylä- tai alapuolelle 0–100 pikseliä tilaa.

Valitse blogi

  1. Klikkaa teemaeditorissa Blogipostaukset-osion nimeä.
  2. Klikkaa Blogi-osiossa Muuta.
  3. Valitse blogi.
  4. Klikkaa Valitse ja klikkaa sitten Tallenna.

Kollaasi

Voit luoda kollaasin, joka sisältää kuvia, tuotteita, kokoelmia ja videoita. Jokaisessa Kollaasi-osiossa on kolme lohkoa. Oletusarvoisesti osio sisältää kuva-, tuote- ja kokoelmalohkon. Jos poistat yhden lohkoista, voit lisätä videolohkon.

Jos haluat luoda kollaasin, joka sisältää enemmän kuin kolme lohkoa, lisää ensimmäisen alapuolelle muita kollaasiosia, äläkä sisällytä otsikon arvoa alempiin kollaasiosioihin. Kollaasiosiot näkyvät yhdessä yhtenäisenä osana.

Kuvien suositellut kuvasuhteet tässä osiossa ovat 2:3 tai 1:1.

Osion asetukset

Kollaasiosion asetukset
MääriteKuvaus
OtsikkoOsion otsikko. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin.
Otsikon kokoMuuta otsikon tekstin kokoa. Valitse pieni, keskikokoinen tai suuri.
Työpöytäasettelu

Miten kollaasimedia näkyy tietokoneella.

  • Vasen suuri lohko (oletus) - Osion ensimmäinen lohko näkyy vasemmalla ja suurempana kuin muut lohkot.
  • Oikea suuri lohko - Osion viimeinen lohko näkyy oikealla ja suurempana kuin muut lohkot.
Mobiiliasettelu

Miten lohkot näkyvät mobiililaitteella.

Kollaasi - Näyttää kuvat kollaasiasettelussa:
  • Jos Vasen suuri lohko -asetus on käytössä työpöytäasettelussa, osion ensimmäinen lohko näkyy yläosassa ja suurempana kuin muut lohkot.
  • Jos Oikea suuri lohko -asetus on käytössä työpöytäasettelussa, osion viimeinen lohko näkyy alaosassa ja suurempana kuin muut lohkot.
Sarake – Näyttää kaikki mediat samankokoisina ja yhdessä sarakkeessa.
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
Osion täyttöLisää tilaa kollaasiosion ylä- tai alaosaan. Liukusäätimen avulla voit lisätä osion ylä- tai alaosaan 0–100 pikseliä tilaa.

Videolohko

Videolohkon asetukset kollaasiosiossa
MääriteKuvaus
KansikuvaKuva, joka näkyy ennen kuin asiakas toistaa videon. Voit ladata mukautetun kansikuvan Shopify Administa.
URL-osoiteYouTube- tai Vimeo-linkki videoon. Videon on oltava julkisesti saatavilla. Video toistetaan ponnahdusikkunassa.
Videon vaihtoehtoinen tekstiTämä on videon vaihtoehtoinen teksti. Se kuvaa videon kontekstia ja tarkoitusta näytönlukijoita käyttäville asiakkaille.

Tuotelohko

Tuotelohkon asetukset kollaasiosiossa
MääriteKuvaus
TuoteTuote, jonka haluat näyttää.
Näytä toinen kuva hiirellä osoittaessaKun asiakas siirtää hiiren kursorin tuotekuvan päälle, näytetään tuotteen toinen kuva, mikäli tuotteella on sellainen.

Kokoelmalohko

Kokoelmalohkon asetukset kollaasiosiossa
MääriteKuvaus
KokoelmaKokoelma, jonka haluat näyttää.

Kuvalohko

Kuvalohkon asetukset kollaasiosiossa
MääriteKuvaus
KuvaOsion kuva. Valitse kuva klikkaamalla Valitse kuva tai muuta tai poista kuva klikkaamalla Vaihda-painiketta.
Muokkaa vaihtoehtoista tekstiäLisää lyhyt kuvaus kuvasta hakukoneoptimoinnin parantamiseksi ja kuvan kuvailemiseksi näytönlukijoita käyttäen asiakkaille.

Pienennettävä sisältö

Pienennettävä sisältö -osa tukee rivejä, jotka voidaan pienentää tai laajentaa sisällön tarkastelemista varten, ja kuvaa, joka voidaan sijoittaa pienennettävän sisällön vasemmalle tai oikealle reunaan.

Osion asetukset

Pienennettävän sisältöosion asetukset
MääriteKuvaus
KuvatekstiPienennettävän sisältöosan valinnainen kuvateksti. Näkyy osion otsikon yläpuolella.
OtsikkoTiivistettävän sisällön osan otsikko. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin.
Otsikon kokoMuuta otsikon tekstin kokoa. Valitse pieni, keskikokoinen tai suuri.
Otsikon tasausValitse osion otsikon tasaus. Vaihtoehdot ovat vasemmalle, keskelle (oletus) tai oikealle.
Asettelu

Valitse pienennettävän sisällön asettelu:

  • Ei säiliötä (oletus)
  • Rivisäilö - Jokainen pienennettävä sisältyy varjostettuun laatikkoon
  • Osiosäilö - Sisältää koko pienennettävän sisällön osan varjostetussa laatikossa
Värimalli Sarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
Säiliön värimalli Sarja värejä, joita voi käyttää säilössä. Lue lisää värimalleista. Valittu värimalli näkyy vain, kun Pohja-vaihtoehdoksi on asetettu Rivi- tai Osio-säilö.
Avaa ensimmäinen pienenettävä riviKun tämä on valittu, pienennettävän sisällön ensimmäinen rivi laajennetaan oletuksena.
KuvaOsion kuva. Valitse kuva klikkaamalla Valitse kuva tai muuta tai poista kuva klikkaamalla Vaihda-painiketta.
Muokkaa vaihtoehtoista tekstiäLisää lyhyt kuvaus kuvasta hakukoneoptimoinnin parantamiseksi ja kuvan kuvailemiseksi näytönlukijoita käyttäen asiakkaille.
KuvasuhdeOsiokuvan kuvasuhde:
  • Mukauta kuvaan (oletus) - Käyttää kuvien kuvasuhdetta. Tämä estää kuvien rajauksen.
  • Pieni
  • Suuri
TyöpöytäasetteluValitse, näytetäänkö kuva vai pienennettävät rivit ensin. Oletusasetus on teksti ensin. Mobiilissa kuva näkyy aina ensimmäisenä.
Osion täyttöLisää tilaa kutistettavan sisällön ylä- tai alaosaan. Liukusäätimen avulla voit lisätä kutistettavan sisältöosion ylä- tai alapuolelle 0–100 pikseliä tilaa.

Pienennettävä rivilohko

Pienennettävän rivilohkon asetukset
MääriteKuvaus
OtsikkoPienennettävän rivin otsikko.
KuvakeValitse pudotusvalikosta kuvake, joka näytetään ennen pienennettävän sisällön otsikkoa. Valintamerkkikuvake näkyy valittuna oletusarvoisesti.
Rivin sisältöPienennettävän rivin sisältö. Sisältöä voidaan muotoilla tai siihen voidaan sisällyttää URL-osoitteiden linkkejä. Tätä ominaisuutta voidaan käyttää Rivisisältö sivulta -kohdan kanssa.
Rivin sisältö sivultaVoit lisätä olemassa olevaa sisältöä toiselta sivulta pienennettävälle riville. Klikkaa Muuta valitaksesi tai poistaaksesi sivun. Tätä ominaisuutta voidaan käyttää yhdessä Rivisisällön kanssa.

Kokoelmaluettelo

Voit lisätä luettelon kokoelmista, joita haluat korostaa. Voit lisätä kokoelmaluetteloon enintään 16 kokoelmalohkoa.

Osion asetukset

Kokoelmaluettelon osion asetukset
MääriteKuvaus
OtsikkoOsion otsikko. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin.
Otsikon kokoMuuta otsikon tekstin kokoa. Valitse pieni, keskikokoinen tai suuri.
KuvasuhdeKokoelmien esittelykuvien kuvasuhteet:
  • Mukauta kuvaan - Käyttää kuvien kuvasuhdetta. Tämä estää kuvien rajauksen.
  • Muotokuva - Tämä rajaa kuvat kuvasuhteeseen 2:3.
  • Neliö (oletus) - Rajaa kuvat kuvasuhteeseen 1:1.
Sarakkeiden määrä työpöydälläPöytäkoneilla näytettävien sarakkeiden lukumäärä. Vähintään: 1. Enintään: 5.
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
Ota Näytä kaikki ‑painike käyttöön, jos luettelo sisältää useampia kokoelmia kuin mitä on näkyvissäNäyttää "Näytä kaikki" -painikkeen, joka vie asiakkaat kaikkien kokoelmien luetteloon.
Sarakkeiden määrä mobiililaitteessaMääritä oma sarakeasettelu mobiililaitteita varten. Valitse yksi tai kaksi saraketta.
Ota pyyhkäisy käyttöön mobiililaitteessaMuuttaa mobiiliasettelun sarakkeesta riviksi, jossa asiakkaat voivat pyyhkäistä sivuttain nähdäkseen useampia kokoelmalohkoja.
Osion täyttöLisää tilaa kokoelmaluettelon ylä- tai alaosaan. Liukusäätimen avulla voit lisätä kokoelmaosion ylä- tai alaosaan 0–100 pikseliä tilaa.

Valitse kokoelmat

  1. Klikkaa teemaeditorissa sitä Kokoelma-lohkoa, johon haluat lisätä kokoelman.
  2. Klikkaa Valitse kokoelma.
  3. Klikkaa kokoelmaa ja klikkaa sitten Valitse.

Yhteydenottolomake

Yhteydenottolomakkeesi lähettää kaikki yhteydenotot kauppasi lähettäjän sähköpostiosoitteeseen. Voit muuttaa lähettäjäsähköpostiosoitteen Shopify Adminisi Ilmoitukset-asetuksissa.

Lomakkeessa on seuraavat kentät:

  • Nimi
  • Sähköposti (pakollinen)
  • Puhelinnumero
  • Kommentti

Osion asetukset

Yhteydenottolomake-osion asetukset
MääriteKuvaus
OtsikkoOsion otsikko. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin.
Otsikon kokoMuuta otsikon tekstin kokoa. Valitse pieni, keskikokoinen tai suuri.
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
Osion täyttöLisää tilaa yhteydenottolomakkeen ylä- tai alaosaan. Liukusäätimen avulla voit lisätä yhteydenottolomakeosion ylä- tai alapuolelle 0–100 pikseliä tilaa.

Mukautettu Liquid

Voit luoda mukautetun osion lisäämällä oman Liquid-koodisi.

  • Lisää ladatuista sovelluksistasi ohjeiden mukaisia sovelluksen koodinpätkiä, jotta voit ottaa sovelluksia käyttöön sivuillasi.
  • Lisää mukautettu Liquid-koodi suoraan editorissa.

Osion asetukset

Mukautetun Liquid-osion asetukset
MääriteKuvaus
Mukautettu LiquidLuo vaativampia mukautuksia lisäämällä sovelluksen koodinpätkiä tai muita mukautettuja Liquid-koodeja.
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
Osion täyttöLisää tilaa mukautetun Liquid-osion ylä- tai alaosaan. Liukusäätimen avulla voit lisätä mukautetun Liquid-osion ylä- tai alapuolelle 0–100 pikseliä tilaa.

Sähköpostirekisteröitymisen banneri

Voit lisätä salasanasivulle osion, jossa asiakkaat voivat antaa sähköpostiosoitteensa ja jonka avulla he saavat tiedon siitä, kun kauppasi on auki. Jokainen sähköpostitilaus luo asiakastilin.

Osiossa on kolme oletuslohkoa:

  • Otsikko
  • Alaotsikko
  • Sähköpostilomake

Osion asetukset

Sähköpostitilaajan banneriosion asetukset
MääriteKuvaus
TaustakuvaSähköpostitilaajan rekisteröitymisbannerin taustakuva. Klikkaa Vaihda vaihtaaksesi tai poistaaksesi kuvan. Kun kuva poistetaan, sen tilalla näkyy teeman mukana toimitettu kuva. Piilota tämä kuva poistamalla valinta kohdasta Näytä taustakuva valintaruutu.
Muokkaa vaihtoehtoista tekstiäAseta kuvalle vaihtoehtoinen teksti hakukoneoptimointia varten ja kuvaa kuva näytönlukijoita käyttäville asiakkaille klikkaamalla kuvaa.
Peittokuvan läpikuultavuusHimmentää bannerikuvan peittokuvalla. Määritä peittokuvan peittävyys liukusäätimellä. Oletusarvo on 0 %.
Näytä taustakuvaValitse tämä valintaruutu, jos haluat näyttää taustakuvan sähköpostitilaajiesi rekisteröitymisbannerissa.
Bannerin korkeus

Määritä sähköpostitilaajiesi rekisteröitymisbannerikuvan korkeus pudotusvalikosta. Valitse Mukauta kuvaan, pieni, keskikokoinen (oletus) tai suuri.

Työpöytäsisällön sijaintiMääritä sähköpostitilaajiesi rekisteröitymisbanneri pöytätietokoneille. Valitse joko ylös, keskelle tai alas ja oikealle, vasemmalle tai keskelle. Keskelle on oletusvaihtoehto.


Tietokoneen näytössä tekstiruutu peittää kuvan osittain. Mobiililaitteessa tekstiruutu näkyy kuvan alla.

Näytä säilö pöytäkoneellaSijoittaa sähköpostitilaajiesi rekisteröitymisbanneritekstin tekstikenttään kuvan päälle, kun asiakkaat tekevät ostoksia tietokoneelta.
Työpöydän sisällön kohdistusMääritä kuvabanneritekstin tasaus pöytäkoneille. Valitse oikealle, vasemmalle tai keskelle (oletus).
Värimalli Sarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.


Pöytäkoneella valittu värimalli näytetään vain, kun Näytä säilö tietokoneella -vaihtoehto on valittu. Mobiililaitteella valittu värimalli näytetään vain, kun Näytä sisältö kuvan alla mobiililaitteella on valittu.

Mobiilisisällön tasausMääritä kuvabanneritekstin tasaus mobiililaitteille. Valitse oikealle, vasemmalle tai keskelle (oletus).
Näytä sisältö alla mobiililaitteellaSisältö näkyy sähköpostitilaajien rekisteröitymisbannerikuvan alapuolella mobiililaitteilla.

Otsikkolohko

Sähköpostitilauksen otsikkolohkon ylätunnisteen asetukset
MääriteKuvaus
OtsikkoOsion otsikko.
Otsikon kokoMuuta otsikon tekstin kokoa. Valitse pieni, keskikokoinen tai suuri.

Alaotsikkolohko

Sähköpostitilauksen alaotsikkolohkon asetukset
MääriteKuvaus
KuvausOsion kuvaus.
TekstityyliMuuttaa sähköpostitilaajien rekisteröitymisosion tekstin tyyliä. Valitse Tekstiosa (oletus) ja Alaotsikko.

Sähköpostirekisteröityminen

Voit lisätä osion, jossa asiakkaat voivat antaa sähköpostiosoitteensa ja tilata uutiskirjeen tai markkinointia. Kun asiakas tekee tilauksen, asiakastili luodaan Shopify Adminissa.

Osiossa on kolme oletuslohkoa:

  • Otsikko
  • Alaotsikko
  • Sähköpostilomake

Osion asetukset

Sähköpostitilaajan osion asetukset
MääriteKuvaus
Värimalli Sarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
Tee osiosta täysleveäSäätää osion koko selainikkunan leveydelle.

Otsikkolohko

Sähköpostitilauksen otsikkolohkon ylätunnisteen asetukset
MääriteKuvaus
OtsikkoOsion otsikko. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin.
Otsikon kokoMuuta otsikon tekstin kokoa. Valitse pieni, keskikokoinen tai suuri.

Alaotsikkolohko

Kokoelmaluettelon osion alaotsikon lohkon asetukset
MääriteKuvaus
KuvausOsion kuvaus.

Sähköpostilomake

Sähköpostilomakkeen lohkossa näkyy kenttä, johon asiakas voi syöttää sähköpostiosoitteensa, jos hän haluaa markkinointimateriaalejasi. Tässä lohkossa ei ole mukautettavia asetuksia.

Voit lisätä osion, joka näyttää tuotteet yhdessä kokoelmassa.

Osion asetukset

Esittelykokoelman osion asetukset
MääriteKuvaus
OtsikkoOsan nimi. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin. Klikkaa dynaamista lähdepainiketta, jos haluat lisätä osan otsikoksi dynaamisen lähteen.
Otsikon kokoMuuta otsikon tekstin kokoa. Valitse pieni, keskikokoinen tai suuri.
KuvausSyötä esittelykokoelmia kuvaava teksti. Voit lihavoida tai kursivoida tekstin tai lisätä linkin. Lisää esittelykokoelman kuvausta varten dynaaminen lähde klikkaamalla dynaamisen lähteen painiketta.
Näytä kokoelman kuvaus adminissaValitsemalla tämän kohdan otat Shopify Adminissa kokoelmaasi lisäämäsi kokoelman kuvauksen käyttöön sen sijaan, että yllä olevaan Kuvaus-kenttään lisättäisiin mikä tahansa teksti.
Kuvauksen tyyliValitse pudotusvalikosta esittelykokoelman tyyli. Vaihtoehtoja ovat leipäteksti (oletus), alaotsikko tai isot kirjaimet.
KokoelmaMinkä kokoelman tuotteita haluat näyttää. Poista kokoelma tai tee kokoelmaan muutos klikkaamalla Muuta.
Näytettävien tuotteiden enimmäismääräNäytettävän kokoelman tuotteiden määrä. Vähintään: 2. Enintään: 25.
Sarakkeiden määrä työpöydälläPöytäkoneilla näytettävien sarakkeiden lukumäärä. Vähintään: 1. Enintään: 5.
Tee tuotteista täysleveitäValitse tämä valintaruutu, jos haluat näyttää tuotteet koko ikkunan leveydellä sivun leveysasetuksesta riippumatta.
Ota Näytä kaikki ‑painike käyttöön, jos kokoelma sisältää useampia tuotteita kuin mitä on näkyvissäJos kokoelmassa on enemmän tuotteita kuin Näytettävien tuotteiden enimmäismäärä -kentässä on määritetty, näkyviin tulee Näytä kaikki -painike, joka vie asiakkaat kokoelmien sivulle.
”Katso kaikki” -tyyliValitse linkki, peittävä painike tai ääriviivapainike.
Ota karuselli käyttöön työpöydälläValintaruutu, jonka avulla voit näyttää tuotteet karusellissa näytöissä, joiden leveys on yli 989 pikseliä.
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
KuvasuhdeTuotekuvien kuvasuhde:
  • Sovita kuvaan (oletus) - Käyttää kuvien kuvasuhdetta. Tämä estää kuvien rajauksen.
  • Muotokuva - Tämä rajaa kuvat kuvasuhteeseen 2:3.
  • Neliö - Tämä rajaa kuvat kuvasuhteeseen 1:1.
Kuvan muotoValitse tuotekuville yksi seuraavista kuvan muodoista:
  • Oletus – Muuttaa tuotekuvan suorakulmiomuotoon.
  • Kaari – Tekee tuotekuvan yläosasta kaaren muotoisen.
  • Möykky – Pyöristää tuotekuvan yhteen kuudesta satunnaisesta möykkymuodosta ja näyttää ainutlaatuisen animaation hiirellä osoitettaessa.
  • V-merkki vasemmalle – Muuttaa tuotekuvan V-merkkimuotoon, jossa on terävä kulma vasemmalle.
  • V-merkki oikealle – Muuttaa tuotekuvan V-merkkimuotoon, jossa on terävä kulma oikealle.
  • Timantti – Muuttaa tuotekuvan nelisivuisen timantin muotoon.
  • Suunnikas – Muuttaa tuotekuvan muotoon, jossa on kaksi paria samansuuntaisia viivoja.
  • Pyöreä – Pyöristää tuotekuvan ympyrä- tai soikiomuotoon ja näyttää ainutlaatuisen animaation hiirellä osoitettaessa.
Näytä toinen kuva hiirellä osoittaessaKun asiakas siirtää hiiren kursorin tuotekuvan päälle, näytetään tuotteen toinen kuva, mikäli tuotteella on sellainen.
Näytä myyjäNäyttää tuotteiden myyjät.
Näytä tuotteen luokitusNäyttää tuotearvioiden keskiarvon tähtinä ja arvioiden lukumäärä sulkeissa, esimerkiksi: ★★★★★ (8). Tuotearvioiden näyttäminen edellyttää myös Shopify Product Reviewsin käyttöä ja metakenttien määritelmiä kohteille reviews.rating_count ja reviews.rating.
Ota pikalisäyspainike käyttöönPikalisäyspainikkeella asiakkaat voivat lisätä tuotteen ostoskoriin tuotekortista. Jos tuotteelle on eri vaihtoehtoja, painikkeessa lukee "Valitse vaihtoehdot", ja tuotetiedot näytetään ponnahdusikkunassa, jossa asiakas voi valita haluamasi vaihtoehdot, lisätä tuotteen ostoskoriin ja maksaa heti "Osta nyt" -painikkeella, tai klikata nähdäksesi tuotteen täydelliset tiedot. Huomaa, että tämä asetus riippuu siitä, onko "Osta nyt" -painike käytössä tuotesivullasi. Jos "Osta nyt" -painike ei ole käytössä tuotemallissa, asiakkaat voivat lisätä tuotteen ostoskoriin, mutta he eivät näe nopeaa "Osta nyt" -maksutyönkulkua.
Sarakkeiden määrä mobiililaitteessaMääritä oma sarakeasettelu mobiililaitteita varten. Valitse yksi tai kaksi saraketta.
Ota pyyhkäisy käyttöön mobiililaitteessaMuuttaa mobiiliasettelun sarakkeesta riviksi, jossa asiakkaat voivat pyyhkäistä sivuttain nähdäkseen useampia tuotteita.
Osion täyttöLisää tilaa Esittelykokoelma-osion ylä- tai alaosaan. Liukusäätimen avulla voit lisätä esittelykokoelma-osion ylä- tai alaosaan 0–100 pikseliä tilaa.

Voit lisätä osion, jossa esitellään tietty tuote.

Osion asetukset

Esittelyssä olevan tuotteen osion asetukset
MääriteKuvaus
TuoteTuote, jonka haluat esitellä osiossa.
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
Näytä toissijainen taustaNäyttää esittelyssä olevan tuotteen toissijaisella taustavärillä.
Median leveys tietokoneellaValitse pieni, keskikokoinen tai suuri median koko. Kuva optimoidaan automaattisesti mobiililaitteille.
Sovita media näytön korkeuteenTämän vaihtoehdon valitseminen määrittää median enimmäiskorkeuden selainikkunan korkeuden perusteella.
Median sovitusSäilytä median alkuperäinen kuvasuhde valitsemalla Alkuperäinen tai sovita media omaan säiliöönsä valitsemalla Täytä.
Työpöytämedian sijaintiValitse, sijoitetaanko esittelyssä oleva tuotemedia vasemmalle vai oikealle puolelle. Koskee vain sivun työpöytäversion käyttäjiä.
Kuvan zoomaus

Valitse, miten kuvaa zoomataan työpöytäversiossa:

  • Avaa lightbox-ikkuna - Avaa ison kuvan. Oletusarvo mobiililaitteilla.
  • Ei zoomausta - Poistaa kuvien zoomauksen käytöstä. Suositellaan käytettäväksi kuvissa, joilla on pieni resoluutio.
  • Klikkaa ja leijuta – Lähennä kuvaa klikkaamalla sitä ja näytä sitten eri lähennettyjä osia leijuttamalla sitä. Lähennys leijuvan kuvan päältä poistuu käytöstä, kun suurennettuja kuvia klikataan uudelleen tai kun hiiri viedään pois kuvan säiliöstä. Kun tämä asetus on käytössä ja käyttäjä käyttää mobiililaitetta, kuva avautuu oletuksena modaali-ikkunassa (lightbox).
Piilota muiden versioiden mediaValitse tämä vaihtoehto, jos haluat piilottaa muiden versioiden median, kun versio on valittu.
Ota videosilmukka käyttöönTämä mahdollistaa videon toistamisen uudelleen. Asiakkaiden on klikattava käynnistääkseen toistamisen.
Osion täyttöLisää tilaa Esittelyssä olevat tuotteet -osion ylä- tai alaosaan. Liukusäätimen avulla voit lisätä osion ylä- tai alaosaan 0–100 pikseliä tilaa.

Voit lisätä seuraavat lohkot Esittelyssä oleva tuote -osiossa.

Esittelyssä olevan tuotteen osion käytettävissä olevat lohkot
LohkoAsetukset
TekstiKirjoita teksti esiteltävälle tuotteellesi:
  • Teksti: Hyväksyy tekstin tai dynaamisen lähteen.
  • Tekstin tyyli: Valitse Teksti, Alaotsikko tai Iso kirjain.
Otsikko Otsikon koko: Valitse pieni, keskikokoinen tai suuri.
HintaTässä lohkossa ei ole mukautettavia asetuksia.
VersionvalitsinValitse joko pillerit tai pudotusvalikko.
Määrän valitsinTässä lohkossa ei ole mukautettavia asetuksia.
Osta-painikkeetValitse Näytä dynaamiset kassapainikkeet -ruutu, jos haluat näyttää kaikki dynaamiset kassavaihtoehdot, jotka olet ottanut käyttöön Maksut-asetuksissa.
JaaKlikattava teksti, jonka avulla asiakkaat voivat jakaa tuotteen sosiaalisessa mediassa.
TuotearvioNäyttää tuotearvioiden keskiarvon tähtinä ja arvioiden lukumäärä sulkeissa, esimerkiksi: ★★★★★ (8). Tuotearvioiden näyttäminen edellyttää myös tuotearvostelusovelluksen ja metakenttien määritelmien käyttöä kohteille reviews.rating_count ja reviews.rating.
Mukautettu LiquidLisää mukautettu Liquid- tai HTML-koodi.
SovelluksetLisää Online Store 2.0 -yhteensopiva sovellus.
Tekstiä sisältävä kuvakeTässä lohkossa näkyy enintään kolme kuvaketta, jotka voit valita esiasennetuista kuvakkeista tai lataamistasi kuvasta. Jos päätät ladata kuvan, ladattu kuva ohittaa minkä tahansa pudotusvalikosta valitun kuvakkeen. Kuvakkeiden asettelua varten voit valita pysty- tai vaakasuuntaisen asettelun. Jos haluat poistaa kuvakkeen, poista otsikkokenttä. Jos haluat näyttää enemmän kuin kolme kuvaketta, lisää toinen **Kuvake, jossa tekstiä** -lohko.
SKU-koodiTässä lohkossa näkyy tuotteen SKU-koodi (varastoyksikkö), kun versioon on liitetty SKU-koodi. Lue lisää [SKU-koodien lisäämisestä tuoteversioihin Adminin](/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/show-sku#add-sku-numbers-to-your-product-variants-from-the-admin-sectioned%20themes-specific).

Kuvabanneri

Kuvabanneri-osio tukee yhtä tai kahta kuvaa ja tekstiruutua, jossa on painikkeita. Jos kuvia on kaksi, ne näytetään tietokoneella vierekkäin. Mobiililaitteella voit valita, näytetäänkö kuvat vierekkäin vai sarakkeessa.

Pöytäkoneella tekstiruutu peittää kuvan osittain. Mobiililaitteessa tekstiruutu näkyy kuvan alla. Voit muuttaa tekstin tasauksen oikealle, vasemmalle tai keskelle sekä tietokoneella että mobiililaitteella.

Osion asetukset

Kuvabannerin osion asetukset
MääriteKuvaus
Ensimmäinen kuvaBannerin pääkuva. Jos osioon lisätään kaksi kuvaa, kuva näkyy joko vasemmalla vai ylhäällä riippuen siitä, onko käyttääkö asiakas tietokonetta vai mobiililaitetta.
Muokkaa vaihtoehtoista tekstiäAseta kuvalle vaihtoehtoinen teksti hakukoneoptimointia varten ja kuvaa kuva näytönlukijoita käyttäville asiakkaille klikkaamalla kuvaa.
Toinen kuvaTämä on bannerin toissijainen kuva. Jos osioon lisätään kaksi kuvaa, tämä kuva näkyy joko oikealla vai alhaalla riippuen siitä, onko käyttääkö asiakas tietokonetta vai mobiililaitetta.
Peittokuvan läpikuultavuusLisää peittokuvan bannerikuvien päälle. Määritä peittokuvan läpikuultavuus liukusäätimellä. Oletusarvo on 0 %.
Bannerin korkeus

Määritä bannerikuvien korkeus pudotusvalikon avulla.

  • Mukauta ensimmäisen kuvan mukaan - Sovittaa osion korkeuden ensimmäisen kuvan korkeuden perusteella.
  • Pieni - Pöytäkone: 420 pikseliä, mobiili: 280 pikseliä
  • Keskisuuri (oletus) - Pöytäkone: 560 pikseliä, mobiili: 340 pikseliä
  • Suuri - Pöytäkone: 720 pikseliä, mobiili: 390 pikseliä
Työpöytäsisällön sijaintiMäärittää pöytäkoneen kuvabannerin paikan. Valitse joko ylhäälle, keskelle, alhaalle, oikealle, vasemmalle tai keskelle.
Näytä säilö pöytäkoneellaSijoittaa bannerikuvan tekstikenttään bannerikuvan päälle, jolloin asiakkaat voivat tehdä ostoksia tietokoneelta.
Työpöydän sisällön kohdistusTasaa kuvabannerin teksti pöytäkoneille sopivaksi. Valitse oikea, vasen tai keskelle.
Värimalli Sarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista. Valittu värimalli näytetään vain, kun Näytä tekstiruutu tietokoneella -vaihtoehto on valittu.
Animaatiot

Valitse kuvaasi varten animaatio:

  • Ei mitään (oletus)
  • Ulkoinen liike - Siirtää hitaasti kuvan sijaintia säiliössä.
  • Kiinteä taustan sijainti - Kun asiakas vierittää sivua, edustan elementit, kuten teksti ja painikkeet, liikkuvat samalla nopeudella, muuta tausta pysyy paikallaan.
  • Lähennä vieritettäessä - Kun asiakas vierittää sivua, edustan elementit, kuten teksti ja painikkeet, liikkuvat samalla nopeudella, muuta tausta pysyy paikallaan ja kuvaa zoomataan.
Mobiilisisällön tasausTasaa kuvabannerin teksti mobiililaitteille sopivaksi. Valitse oikea, vasen tai keskelle.
Pinoa kuvat mobiilissaJos osioon lisätään kaksi kuvaa, kuvat näkyvät sarakkeessa eivätkä vierekkäin.
Näytä säilö mobiililaitteessaSijoittaa bannerikuvan tekstikenttään bannerikuvan päälle, jotta asiakkaat voivat tehdä ostoksia mobiililaitteelta.

Otsikkolohko

Kuvabannerin osion ylätunnisteen lohkon asetukset
MääriteKuvaus
OtsikkoTekstiruudun otsikon suuri teksti. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin.
Otsikon kokoMuuta otsikon tekstin kokoa. Valitse pieni, keskikokoinen tai suuri.

Tekstilohko

Kuvabannerin osion tekstilohkon asetukset
MääriteKuvaus
KuvausNäyttää kappaletyylisen tekstin.
TekstityyliMuuttaa kuvabanneritekstin tyyliä. Valitse Leipäteksti, Alaotsikko ja isot kirjaimet.

Painikelohko

Kuvabannerin osion painikelohkon asetukset
MääriteKuvaus
Ensimmäinen tekstipainikeEnsimmäisessä painikkeessa näkyvä teksti.
Ensimmäinen painikelinkkiURL-osoite, johon haluat linkittää ensimmäisen painikkeen.
Käytä ääriviivallista painiketyyliäSäätää painikkeen muotoilua ääriviivamaiseksi sen sijaan, että painikkeen tausta olisi tasavärinen.
Toinen tekstipainikeToisessa painikkeessa näkyvä teksti.
Toinen painikelinkkiURL-osoite, johon haluat toisen painikkeen linkittyvän
Käytä ääriviivallista painiketyyliäSäätää painikkeen muotoilua ääriviivamaiseksi sen sijaan, että painikkeen tausta olisi tasavärinen.

Kuva tekstillä

Voit lisätä osion, joka sisältää kuvan ja tekstilohkon ja jossa on valinnainen painike asiakkaiden linkittämiseen uudelle sivulle. Yhdistä tekstiin kuva, joka kiinnittää huomion valitsemaasi tuotteeseen, kokoelmaan tai blogikirjoitukseen. Lisää saatavuuteen ja tyyliin liittyviä tietoja tai näytä vaikkapa arvostelu.

Osion asetukset

Kuva tekstillä -osion asetukset
MääriteKuvaus
KuvaValitse osiolle kuva klikkaamalla Valitse kuva. Vaihda tai poista kuva klikkaamalla Vaihda-painiketta.
Muokkaa vaihtoehtoista tekstiäAseta kuvalle vaihtoehtoinen teksti hakukoneoptimointia varten ja kuvaa kuva näytönlukijoita käyttäville asiakkaille klikkaamalla kuvaa.
Kuvan korkeusValitse kuvan korkeus:
  • Mukauta kuvaan (oletus)
  • Pieni
  • Keskisuuri
  • Suuri
Työpöytäkuvan leveysKuvan leveys:
  • Pieni
  • Keskikoko (oletus)
  • Suuri
Työpöytäkuvan sijoitusValitse, näytetäänkö kuva vai teksti ensin. Kuva ensin on oletusarvo mobiililaitteiden pohjissa:
  • Kuva ensin (oletusarvo mobiililaitteille)
  • Toinen kuva
Työpöytäsisällön sijainti Sisällön pystysuora sijainti säilössä:
  • Yläosa (oletus)
  • Keskelle
  • Alas
Työpöydän sisällön kohdistusSäilön tekstin tasaus:
  • Vasen (oletus)
  • Keskitetty
  • Oikea
Sisällön pohjaAntaa kuvan ja tekstiruutujen olla päällekkäin toistensa kanssa. Jos Ei päällekkäisyyttä -valintaa ole valittu, sisältö sovitetaan tekstin ja kuvan mukaan.
  • Päällekkäisyys
  • Ei päällekkäisyyttä (oletus)
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
Animaatiot

Valitse kuvaasi varten animaatio:

  • Ei mitään (oletus)
  • Ulkoinen liike - Siirtää hitaasti kuvan sijaintia säiliössä.
  • Lähennä vieritettäessä - Kun asiakas vierittää sivua, edustan elementit, kuten teksti ja painikkeet, liikkuvat samalla nopeudella, muuta tausta pysyy paikallaan ja kuvaa zoomataan.
MobiiliasetteluValitse sisällön tasaus mobiililaitteille:
  • Vasen (oletus)
  • Oikea
  • Keskitetty
Osion täyttöLisää tilaa tekstiä sisältävän kuvan ylä- tai alaosaan. Liukusäätimen avulla voit lisätä tekstiä sisältävän kuvan ylä- tai alapuolelle 0–100 pikseliä tilaa.

Otsikkolohko

Kuva tekstillä -osion ylätunnisteen lohkon asetukset
MääriteKuvaus
OtsikkoOsion otsikkoteksti. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin.
Otsikon kokoMuuta otsikon tekstin kokoa. Valitse pieni, keskikokoinen tai suuri.

Tekstilohko

Kuva tekstillä -osion tekstilohkon asetukset
MääriteKuvaus
SisältöNäyttää tekstiosiossa kappaletyylin tekstin.
TekstityyliSisältötekstin tyyli:
  • Leipäteksti (oletus)
  • Alaotsikko

Painikelohko

Kuva tekstillä -osion painikelohkon asetukset
MääriteKuvaus
TekstipainikePainikkeessa näkyvä teksti
PainikelinkkiURL-osoite, johon haluat painikkeen linkittyvän

Kuvatekstilohko

Kuva tekstillä -osion kuvatekstilohkon asetukset
MääriteKuvaus
TekstiLisää kuvaan iskulause tai kuvateksti. Teksti näkyy kuvan alaosassa tekstiosiossa.
TekstityyliSisältötekstin tyyli:
  • Isot kirjaimet (oletus)
  • Alaotsikko
Tekstin kokoSisältötekstin koko:
  • Pieni
  • Keskikoko (oletus)
  • Suuri

Monisarakkeinen

Voit näyttää sisältöä sarakeasettelussa monisarakkeisen osion avulla ja lisätä sarakkeiden alle painikkeen, joka vie asiakkaan uudelle sivulle. Korosta valitsemaasi tuotetta, kokoelmaa tai blogipostausta lisäämällä kuvaan suuri teksti. Lisää saatavuustiedot, määritä tyyli tai näytä arvostelu.

Osion asetukset

Usean sarakkeen osion asetukset
MääriteKuvaus
OtsikkoOsion otsikko. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin.
Otsikon kokoMuuta otsikon tekstin kokoa. Valitse pieni, keskikokoinen tai suuri.
Kuvan leveys

Sarakkeisiin lisättyjen kuvien leveys.

  • Sarakkeen koko leveys (oletus) - Kuvan leveys on sarakkeen täysi koko.
  • Sarakkeen puolikas leveys - Kuvan leveys on puolet sarakkeen koosta.
  • Sarakkeen leveyden kolmannes - Kuvan leveys on yksi kolmannes sarakkeen koosta.
Kuvasuhde

Kuvan kuvasuhde:

  • Sovita kuvaan (oletus) - Käyttää kuvan kuvasuhdetta. Tämä estää kuvan rajaamisen.
  • Muotokuva - Tämä rajaa kuvan kuvasuhteeseen 2:3.
  • Neliö - Tämä rajaa kuvan kuvasuhteeseen 1:1.
  • Ympyrä - Rajaa kuva ympyrän muotoiseksi
Sarakkeiden määrä työpöydälläValitse säätimen avulla, kuinka monta saraketta tietokoneissa näkyy. Vähimmäismäärä on 1 ja enimmäismäärä 6.
Sarakkeen tasaus

Kuvien ja tekstin tasaus sarakkeissa:

  • Vasen (oletus) - Tasaa kuvat ja tekstit vasemmalle.
  • Keskitys - Keskittää kuvat ja tekstin.
Toissijainen taustaJos haluat piilottaa toissijaisen taustan, valitse Ei mitään tai muuta sarakkeiden säilön värejä valitsemalla Näytä sarakkeen taustana.
TekstipainikePainikkeessa näkyvä teksti
PainikelinkkiURL-osoite, johon haluat painikkeen linkittyvän
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
Sarakkeiden määrä mobiililaitteessaMääritä oma sarakeasettelu mobiililaitteita varten. Valitse yksi tai kaksi saraketta.
Ota pyyhkäisy käyttöön mobiililaitteessaMuuttaa mobiiliasettelun sarakkeesta riviksi, jossa asiakkaat voivat pyyhkäistä sivuttain nähdäkseen useampia kokoelmalohkoja.
Osion täyttöLisää tilaa usean sarakkeen osion ylä- tai alaosaan. Liukusäätimen avulla voit lisätä usean sarakkeen osion ylä- tai alapuolelle 0–100 pikseliä tilaa.

Sarakelohko

Yhdessä osiossa voi olla enintään 12 saraketta. Jos sinulla on yksi, kaksi tai kolme sarakelohkoa, ne näkyvät yhdellä rivillä tietokoneen näytössä. Jos sinulla on neljä tai useampia sarakelohkoja, ne näkyvät kahdessa sarakkeessa. Mobiililaitteessa sarakelohkot näkyvät yhdessä sarakkeessa, ellei Ota pyyhkäisy käyttöön mobiililaitteessa -asetus ole käytössä.

Usean sarakkeen sarakelohkon asetukset
MääriteKuvaus
KuvaKuva, jonka haluat näyttää
OtsikkoSarakkeen nimi. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin.
KuvausSarakkeen kappaleteksti.
Linkin otsikko [valinnainen]Sarakelohkon alle lisätyn linkin teksti. Jätä kohta tyhjäksi, jos et ole lisännyt linkkiä.
LinkkiLinkin URL-osoite. Jätä tyhjäksi, jos linkkiä ei ole.

Monirivinen

Voit lisätä osion, joka sisältää useita rivejä, joissa on kuva, tekstiä ja valinnainen painike. Korosta valitsemaasi tuotetta, kokoelmaa tai blogipostausta lisäämällä kuvaan suuri teksti. Lisää saatavuustiedot, määritä tyyli tai näytä vaikkapa arvostelu.

Voit myös näyttää metaobjektien sisältöä dynaamisten lähteiden kautta. Jos haluat näyttää metaobjektien merkintöjä, sinun täytyy kehittää metaobjekti, luoda merkintöjä ja varmistaa, että metaobjektilla on pääsy myyntipaikkaan, ennen kuin voit käyttää niitä monirivisissä osioissa.

Osion asetukset

Monirivisen osion asetukset
MääriteKuvaus
Kuvan korkeusValitse kuvan korkeus:
  • Sovita kuvaan
  • Pieni
  • Keskikokoinen (oletus)
  • Suuri
Työpöytäkuvan leveysKuvan leveys:
  • Pieni
  • Keskikoko (oletus)
  • Suuri
Otsikon kokoMuuta otsikon tekstin kokoa. Valitse pieni, keskikokoinen tai suuri.
TekstityyliMuuttaa tekstin tyyliä. Valitse Leipäteksti (oletus) tai Alaotsikko.
Painikkeen tyyliValitse peittävä painike tai ääriviivapainike.
Työpöytäsisällön sijainti Sisällön pystysuora sijainti säilössä:
  • Ylös
  • Keskellä (oletus)
  • Alas
Työpöydän sisällön kohdistusSäilön tekstin tasaus:
  • Vasen (oletus)
  • Keskitetty
  • Oikea
Työpöytäkuvan sijoitusValitse kuvien sijainti. Paikka optimoidaan automaattisesti mobiililaitteille.
  • Vuorottelu vasemmalta (oletus)
  • Vuorottelu oikealta
  • Tasattu vasemmalle
  • Tasattu oikealle
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
Säiliön värimalliSarja värejä, joita voi käyttää säilössä. Lue lisää värimalleista.
MobiiliasetteluValitse sisällön tasaus mobiililaitteille:
  • Vasen (oletus)
  • Oikea
  • Keskitetty
Osion täyttöLisää tilaa monirivisen osion ylä- tai alaosaan. Liukusäätimen avulla voit lisätä tekstiä sisältävän kuvan ylä- tai alapuolelle 0–100 pikseliä tilaa.

Rivilohko

Monirivisen osion rivilohkojen asetukset
MääriteKuvaus
KuvaValitse riville kuva klikkaamalla Valitse kuva. Muuta tai poista kuva klikkaamalla Vaihda-painiketta. Klikkaa lähdepainiketta, jos haluat linkittää dynaamisia lähteitä.
Muokkaa vaihtoehtoista tekstiäAseta kuvalle vaihtoehtoinen teksti hakukoneoptimointia varten ja kuvaa kuva näytönlukijoita käyttäville asiakkaille klikkaamalla kuvaa.
KuvatekstiLisää kuvaan tunnisteteksti tai kuvateksti.
OtsikkoRivin otsikkoteksti. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin.
TekstiNäyttää rivillä kappaletyylisen tekstin.
TekstipainikePainikkeessa näkyvä teksti
PainikelinkkiURL-osoite, johon haluat painikkeen linkittyvän

Sivu

Voit valita, näytetäänkö mukautetun sivun sisältö osiossa. Tämä siirtää sivun koko sisällön osioon, mutta ei tuo Liquid-koodia mallista.

Osion asetukset

Sivuosion asetukset
MääriteKuvaus
SivuVerkkokaupan sivu, jonka haluat näyttää.
Otsikon kokoMuuta otsikon tekstin kokoa. Valitse pieni, keskikokoinen tai suuri.
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
Osion täyttöLisää tilaa sivuosion ylä- tai alaosaan. Liukusäätimen avulla voit lisätä sivuosion ylä- tai alapuolelle 0–100 pikseliä tilaa.

Rich text

Voit lisätä rich text -osion, jossa on otsikko, kuvateksti, teksti ja painike, joka ohjaa asiakkaat uudelle sivulle.

Osion asetukset

Rich text -osion asetukset
MääriteKuvaus
Työpöytäsisällön sijaintiValitse rich text -säilön sijainti. Valitse pudotusvalikosta vasen, keskellä (oletus) tai oikea. Sisältö optimoidaan automaattisesti mobiililaitteita varten.
Sisällön kohdistusTämä asetus vaikuttaa kaikkien rich text -osion lohkojen tekstin tasaukseen. Valitse pudotusvalikosta vasen, keskellä (oletus) tai oikea.
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
Tee osiosta täysleveäOsiot ovat oletusarvoisesti täysleveitä.
Osion täyttöLisää tilaa tekstimuotoiluja tukevan osion ylä- tai alaosaan. Liukusäätimen avulla voit lisätä tekstimuotoiluja tukevan osion ylä- tai alapuolelle 0–100 pikseliä tilaa.
Dynaamisiin lähteisiin yhdistäminenKäytä rich text -osiossa dynaamisia lähteitä, jos haluat viitata tietoihin, kuten metakenttiin tai metaobjekteihin. Voit jopa käyttää luetteloviitteitä tuottaaksesi tekstiluetteloita teemassa. Esimerkiksi metakenttäluetteloa (vaikka se olisi käytettävissä viitatussa metaobjektissa) voi käyttää tekstiluettelon tuottamiseen teeman rich text -asetuksessa.

Otsikkolohko

Rich text ‑osiossa voi olla enintään 3 otsikkolohkoa.

Rich text -osion ylätunnisteen lohkon asetukset
MääriteKuvaus
OtsikkoOsion nimi. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin. Klikkaa lähdepainiketta, jos haluat muodostaa linkin dynaamisiin lähteisiin.
Otsikon kokoMuuta otsikon tekstin kokoa. Valitse pieni, keskikokoinen, suuri tai erittäin suuri.

Tekstilohko

Tekstilohko on hyvä tapa jakaa brändiisi liittyvää tietoa asiakkaillesi. Voit kuvata tuotteiden etuja, tehdä ilmoituksia, toivottaa asiakkaat tervetulleiksi kauppaan tai kertoa brändin arvoista.

Rich text -osiossa voi olla enintään kolme tekstilohkoa.

Rich text -osion tekstilohkon asetukset
MääriteKuvaus
KuvausOsion pääsisällön kappaletyylinen teksti. Luo linkki dynaamisiin lähteisiin klikkaamalla lähdepainiketta.

Kuvatekstilohko

Rich text ‑osiossa voi olla enintään 3 kuvatekstilohkoa.

Rich text -osion tekstilohkon asetukset
MääriteKuvaus
TekstiLisää lyhyt iskulause rich text -osioon.
TekstityyliValitse pudotusvalikosta tekstin tyyliksi Alaotsikko (oletus) tai Isot kirjaimet.
Tekstin kokoMääritä kuvatekstin koko pudotusvalikosta. Valitse pieni, keskisuuri (oletus) tai suuri.

Painikelohko

Rich text ‑osiossa voi olla enintään 2 painikelohkoa.

Rich text -osion painikelohkon asetukset
MääriteKuvaus
TekstipainikePainikkeessa näkyvä teksti
PainikelinkkiURL-osoite, johon haluat painikkeen linkittyvän
Käytä ääriviivallista painiketyyliäSäätää painikkeen muotoilua ääriviivamaiseksi sen sijaan, että painikkeen tausta olisi tasavärinen.

Diaesitys

Voit lisätä diaesitysosion, jossa näkyy enintään viiden kuvan kuvakavalkadi kaupan sivulla.

Osion asetukset

Diaesityksen asetukset
MääriteKuvaus
AsetteluValitse vaihtoehdoista Täysleveä (oletus) tai Ruudukko. Täysleveä diaesityksen koko leveydeltään, Ruudukko puolestaan näyttää diaesityksen, jossa on täytettä kummallakin puolella.
Dian korkeus

Diaesityksen korkeus:

  • Mukauta ensimmäisen kuvan mukaan – kaikki kuvat ovat samankorkuisia kuin kuvakarusellin ensimmäinen kuva.
  • Pieni
  • Keskikokoinen (oletus)
  • Suuri
Sivunumerointityyli

Kuvien alla näkyvä diaesityksen navigoinnin tyyli.

  • Pisteet
  • Laskuri (oletus)
  • Numerot
Käännä diat automaattisesti

Valitse tämä valintaruutu, jos haluat, että diaesityksen kuvat vaihtuvat automaattisesti. Jos et valitse tätä ruutua, diaesityksessä näkyy staattinen kuva, kunnes asiakas siirtää diaesitystä manuaalisesti eteenpäin.

Vaihda diojen ajastinMääritä diaesityksen automaattinen vaihtumisen aikapalkkia käyttämällä. Minimi on 3 sekuntia, maksimi 9 sekuntia.
Animaatiot

Valitse kuvaasi varten animaatio:

  • Ei mitään (oletus)
  • Ulkoinen liike - Siirtää hitaasti kuvan sijaintia säiliössä
MobiiliasetteluValitse valintaruutu, jos haluat näyttää kuvien alla olevan sisällön mobiililaitteella.
EsteettömyysLisää diaesitykseen kuvaukseen näkövammaisille asiakkaille.

Kuvadian asetukset

Diaesitysosion kuvien asetukset
MääriteKuvaus
KuvaValitse diaesitykseen staattinen tai dynaaminen kuva. Näytä mediakirjasto napsauttamalla Valitse kuva tai yhdistä dynaaminen lähde napsauttamalla lähdepainiketta. Kun kuva on valittu, voit poistaa tai vaihtaa kuvan napsauttamalla Vaihda-painiketta.
Muokkaa vaihtoehtoista tekstiä

Kuvaile diaesityksen kuvaa ja anna konteksti näytönlukijoita käyttäville asiakkaille.

Otsikko

Valinnainen otsikkoteksti kuvalle. Teksti lisätään jokaiseen kuvaan erikseen. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin.

Otsikon koko

Valitse joko pieni, keskikokoinen (oletus) tai suuri otsikko.

AlaotsikkoKuvan valinnainen alaotsikkoteksti. Teksti lisätään jokaiseen kuvaan erikseen. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin.
TekstipainikeSyötä painikkeen teksti tai jätä teksti tyhjäksi, jos haluat piilottaa painikkeen kokonaan.
PainikelinkkiURL-osoite, johon haluat painikkeen ohjaavan. Lisää dynaaminen lähde URL-osoitteeksi klikkaamalla lähdepainiketta.
Käytä ääriviivallista painiketyyliäKlikkaa valintaruutua vaihtaaksesi sitä yhtenäisen tai ääriviivaisen painikkeen välillä.
Työpöytäsisällön sijaintiSisältöruudun sijainti kuvan päälle. Valitse joko ylhäällä, keskellä, alhaalla, vasemmalla, keskellä tai oikealla. Keskellä on oletusasetus.
Näytä säilö pöytäkoneellaNäytä valintaruutu valitsemalla sisältöruutu.
Työpöydän sisällön kohdistusTasaa säilön tekstin. Valitse joko vasen, keskellä (oletus) tai oikea.
Peittokuvan läpikuultavuusSäädä peittokuvan läpikuultavuutta liukusäätimellä.
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista. Tämä asetus edellyttää, että säilö on näkyvissä, jotta se vaikuttaa diaesityksen kuvaan.
MobiiliasetteluValitse, miten sisältö näkyy mobiililaitteessa. Valitse vasemmalle, keskelle (oletus) tai oikealle.

Video

Voit lisätä video-osion, jonka avulla voit upottaa YouTube- tai Vimeo-videon kauppasi sivulle.

Osion asetukset

Video-osion asetukset
MääriteKuvaus
OtsikkoOsion otsikko. Painikkeiden avulla voit lihavoida tai kursivoida tekstin tai lisätä linkin.
Otsikon kokoMuuta otsikon tekstin kokoa. Valitse pieni, keskikokoinen tai suuri.
Toista video silmukkatoistonaKun tämä on valittuna, video alkaa alusta uudelleen päätyttyään.
VideoLisää tai valitse osioon oma videosi. Voit muokata videota niin, että se käyttää mukautettua kansikuvaa, ja voit lisätä myös vaihtoehtoisen tekstin. Jos Shopifyn isännöimä video lisätään, sitä käytetään URL-videon päällä alla olevasta asetuksesta.
URL-osoiteYouTube- tai Vimeo-linkki videoon. Videon on oltava julkisesti saatavilla, ja se näytetään vain, jos yllä olevaan asetukseen ei ole lisätty Shopifyn isännöimää videota.
KansikuvaKuva, joka näkyy ennen kuin asiakas toistaa videon.
Videon vaihtoehtoinen tekstiTämä on videon vaihtoehtoinen teksti. Se kuvaa videon kontekstia ja tarkoitusta näytönlukijoita käyttäville asiakkaille.
Tee osiosta täysleveäPoistaa oletusarvoisen täytteen ja muuttaa osion koko sivun levyiseksi.
VärimalliSarja värejä, joita voi käyttää tässä osiossa. Lue lisää värimalleista.
Osion täyttöLisää tilaa videon ylä- tai alaosaan. Liukusäätimen avulla voit lisätä videon ylä- tai alaosaan 0–100 pikseliä tilaa.
Etkö löydä hakemaasi vastausta? Autamme mielellämme.