Debutia koskevat osiot

Osiot ovat muokattavia sisällön lohkoja, jotka määrittävät verkkokaupassasi olevien sivujen ulkoasun.

  • Koti-osioissa on ominaisuuksia, kuten diaesitys ja rekisteröinti uutiskirjeen vastaanottoa varten, joita voit lisätä, järjestää uudelleen tai poistaa. Kotisivullasi voi olla enintään 25 osiota.

  • Jokaisella sivutyypillä on omat osionsa. Esimerkiksi tuotesivu-osiossa määritetään kunkin verkkokaupan tuotesivun asettelu.

  • Sivun osiot ovat aina tietyissä paikoissa verkkokaupassa. Voit muokata niitä, mutta et voi järjestää niitä uudelleen tai poistaa niitä.

  • Jokainen teema sisältää kiinteät osiot, kuten otsikko ja alatunniste, jotka näkyvät verkkokaupan jokaisella sivulla.

Voit oppia Debut-teeman ainutlaatuisesta osioista ja siitä, miten voit mukauttaa niitä yrityksesi tarpeisiin.

Debut sisältää seuraavat staattiset osat:

  • Ylätunniste
  • Alatunniste
  • Tuotesivut
  • Kokoelman sivut
  • Kokoelmaluettelosivu
  • Blogisivut
  • Julkaisut
  • Ostoskorisivu

Dynaamiset osat

Voit muokata kotisivusi ulkoasua lisäämällä, järjestämällä uudelleen ja poistamalla dynaamisia osia. Jokaisessa teemassa on ainutlaatuinen valikoima valittavissa olevia dynaamisia osia.

Debut sisältää seuraavat muuttuvat osat:

  • Blogiviestit
  • Kokoelmaluettelo
  • Esittelyssä oleva kokoelma
  • Galleria
  • Kuva tekstillä
  • Kuva päällä olevalla tekstillä
  • Logoluettelo
  • Diaesitys
  • Esittelyssä oleva tuote
  • Uutiskirje
  • Kartta
  • Rich text
  • Suositukset
  • Tekstisarakkeet kuvilla
  • Video
  • Mukautettu sisältö

Ylätunniste

Ylätunniste-osassa voit muokata sisältöä, joka näkyy kaupan jokaisen sivun yläosassa. Voit lisätä logokuvan, valita, mitkä valikot ovat näkyvissä, ja laatia ilmoitusviestin.

John's Apparel -verkkosivuston ylätunnistepalkki, joka näyttää päävalikon valikkokohdat, hakukuvakkeen ja ostoskorikuvakkeen

Voit mukauttaa ylätunniste-osaa seuraavasti:

  1. Klikkaa kohdan osiot vieressä Mukauta.

  2. Klikkaa Osat.

  3. Klikkaa Otsikko.

  4. Voit määrittää logon tasauksen valitsemalla Logon tasaus -kohdassa vaihtoehdon Vasen tai Keskitetty. Jos et lisää logokuvaa, näkyvissä on logokuvan sijaan kaupan nimi tekstimuodossa. Voit muuttaa kaupan nimeä adminin Yleiset asetukset -sivulla.

  5. Voit lisätä logon napauttamalla Logokuva-kohdassa Valitse kuva. Voit ladata kuvan tietokoneelta napauttamalla Lähetä. Jos haluat käyttää ilmaista kuvaa Burst-kuva-arkistosta, klikkaa Ilmaiset kuvat.

  6. Voit muuttaa logon kokoa säätämällä Mukautettu logon leveys -liukusäädintä haluamallesi leveydelle. Logon leveyden säätäminen ei vääristä logokuvan mittasuhteita.

  7. Voit valita, mikä valikko ylätunnisteessa näytetään, valitsemalla Valikko-kohdasta Muuta. Valitse olemassa oleva valikko tai luo uusi valikko valitsemalla Luo valikko. Jos et halua näyttää ylätunnisteessa mitään valikkoa, valitse Poista.

  8. Voit näyttää ilmoitusviestin sivun yläosassa seuraavasti:

  9. Valitse Ilmoituspalkki-kohdassa Näytä ilmoitus.

  10. Jos haluat näyttää ilmoituksen vain etusivulla, valitse Vain etusivu. Muussa tapauksessa ilmoitus näkyy kaupan jokaisella sivulla.

  11. Kirjoita ilmoitusteksti Teksti-kenttään.

  12. Jos haluat lisätä ilmoitukseen linkin, kirjoita URL-osoite Linkki-kenttään.

  13. Voit muuttaa ilmoituspalkin taustan väriä napauttamalla Palkki-väriruutua ja valitsemalla värin.

  14. Voit muuttaa ilmoitustekstin väriä napauttamalla Teksti-väriruutua ja valitsemalla värin.

  15. Klikkaa Tallenna.

Alatunniste

Teeman alatunniste on osa, joka näkyy kaupan jokaisen sivun alaosassa. Voit lisätä alatunnisteeseen seuraavat ominaisuudet:

  • maksukuvakkeet
  • pikalinkit
  • uutiskirjeen tilaus
  • tekstiosio, joka sisältää tietoja yrityksestäsi
  • some-kuvakkeet
  • kielenvalitsin
  • valuutanvalitsin

Sivuston alatunniste, joka näyttää valikon, uutiskirjeen tilauksen ja tekijänoikeustekstin.

Maksukuvakkeiden lisääminen

Voit näyttää alatunnisteessa hyväksymiesi maksutapojen ikonit. Tässä näkyvät kuvakkeet, jotka liittyvät niihin maksupalveluiden tarjoajiin, jotka olet ottanut käyttöön ylläpitäjäsi maksuasetuksissa.

  1. Klikkaa kohdan osiot vieressä Mukauta.

  2. Klikkaa Osat.

  3. Klikkaa Alatunniste.

  4. Tarkista Näytä maksukuvakkeet.

  5. Klikkaa Tallenna.

Valikon, uutiskirjeen tilauksen tai tekstin lisääminen

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Pöytäkone</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Valitse Shopifyn admin-sivulla <strong>Verkkokauppa</strong> &gt; <strong>Teemat</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Napauta <a href="https://www.shopify.com/install/detect">Shopify-sovelluksessa</a> <strong>Kauppa</strong>.
</li><li>Napauta <strong>Myyntikanavat</strong>-kohdassa <strong>Verkkokauppa</strong>.
</li><li>Napauta <strong>Hallinnoi teemoja</strong>.
</li></ol></div><div class="android changeable-content"><ol>
<li>Napauta <a href="https://www.shopify.com/install/detect">Shopify-sovelluksessa</a> <strong>Kauppa</strong>.
</li><li>Napauta <strong>Myyntikanavat</strong>-kohdassa <strong>Verkkokauppa</strong>.
</li><li>Napauta <strong>Hallinnoi teemoja</strong>.
</li></ol></div>
</div>



1. Klikkaa kohdan **osiot** vieressä **Mukauta**.
  1. Klikkaa Osat.

  2. Klikkaa Alatunniste.

  3. Klikkaa sisältölohko napauttamalla Lisää sisältö -valintaa Sisältö-alueella. Valitse lohkon tyyppi seuraavista vaihtoehdoista:

- Valikko - Uutiskirje - Teksti

Voit lisätä enintään neljä sisältölohkoa.

Jos haluat siirtää sisältölohkoa, klikkaa kuvaketta ⋮⋮ ja vedä lohko toiseen paikkaan.

Jos haluat poistaa sisältölohkon, klikkaa ensin lohkoa ja sitten Poista sisältö.

Jos haluat mukauttaa sisältölohkoa, klikkaa lohkoa ja muokkaa asetuksia.

  1. Klikkaa Tallenna.

Sosiaalisen median kuvakkeiden lisääminen

  1. Klikkaa kohdan osiot vieressä Mukauta.

  2. Klikkaa Osat.

  3. Klikkaa Alatunniste.

  4. Klikkaa Teema-asetukset.

  5. Kirjoita haluamasi sosiaaliseen median kenttään profiilisi URL-osoite.

  6. Klikkaa Tallenna.

Lisää kielenvalitsin

Lisää vain yksi kielivalitsin, jos olet ottanut käyttöön useita kaupan kieliä.

  1. Klikkaa kohdan osiot vieressä Mukauta.

  2. Klikkaa Osat.

  3. Klikkaa Alatunniste.

  4. Valitse Kielivalitsimessa Näytä kielivalitsin.

  5. Klikkaa Tallenna.

Lisää valuutanvalitsin

Lisää valuutanvalitsin vain, jos olet ottanut useita valuuttoja käyttöön.

  1. Klikkaa kohdan osiot vieressä Mukauta.

  2. Klikkaa Osat.

  3. Klikkaa Alatunniste.

  4. Valitse valuutan valitsimessa Näytä valuutanvalitsin.

Tuotesivut

Tuotesivut-osassa voit lisätä tai poistaa seuraavia elementtejä:

  • Määrän valitsin
  • Versioiden tiedot
  • Tuotemerkki tai myyjä
  • Kuvan lähennys ja loitonnus
  • Dynaaminen kassapainike
  • Sosiaalisen median jakamispainikkeet
  • Tuotesuositukset

Voit myös määrittää kuvien koon.

Muokkaa tuotesivun asetuksia

  1. Valitse yläpalkin pudotusvalikosta Tuotesivut.

  2. Klikkaa Osat.

  3. Klikkaa Tuotesivut.

  4. Voit määrittää kuvien koon valitsemalla kuvakoon Kuvan koko -alasvetovalikosta.

  5. Voit näyttää määrän valitsimen valitsemalla Näytä määrän valitsin.

  6. Voit näyttää versioiden tietoja, kuten "Koko" ja "Väri", valitsemalla Näytä versioiden tiedot. Näkyvissä olevat versioiden tiedot perustuvat tuoteversioille määritettyihin vaihtoehtojen nimiin.

  7. Voit näyttää tuotemerkin tai myyjän valitsemalla Näytä myyjä. Jotta tuotemerkki tai myyjä voidaan näyttää, sinun on lisättävä tuotteelle myyjä.

  8. Jos haluat, että asiakkaat voivat lähentää kuvaa siirtämällä kursorin tuotekuvan päälle, valitse Ota kuvan lähennys ja loitonnus käyttöön.

  9. Voit näyttää dynaamisen kassapainikkeen valitsemalla Näytä dynaaminen kassapainike.

  10. Jos haluat näyttää sosiaalisen median jakamispainikkeet, valitse Näytä sosiaalisen median jakamispainikkeet.

  11. Klikkaa Tallenna.

Lisää tai poista tuotesuosituksia

Voit näyttää suositeltuja tuotteita tuotesivuilla , jotta asiakkaat voivat helpommin tutustua muihin tuotteisiin, jotka saattavat kiinnostaa heitä.

  1. Valitse yläpalkin pudotusvalikosta Tuotesivut.

  2. Klikkaa Tuotesuosituksia.

  3. Näytä dynaamiset suositukset -valintaruudun avulla voit näyttää tai piilottaa tuotesuosituksia tuotesivuilta.

  4. Valinnainen: Jos haluat muuttaa suositeltujen tuotteiden yläpuolella näkyvää otsikkoa, syötä uusi nimi Otsikko-kenttään.

  5. Valinnainen: Jos haluat näyttää tai piilottaa toimittajat tuotekuvauksissa, käytä Näytä myyjä -valintaruutua.

  6. Klikkaa Tallenna.

Kokoelman sivut

Voit määrittää kokoelman sivut niin, että asiakkaat voivat suodattaa ja lajitella kokoelman tuotteita. Voit valita kokoelman ulkoasuksi joko ruudukon tai luettelon ja valita, kuinka monta tuotetta näytetään.

Voit määrittää kokoelmasivujen ulkoasun seuraavasti:

  1. Siirry kokoelmasivulle teemaeditorissa.

  2. Valitse Osat-välilehti.

  3. Valitse Kokoelmasivut.

  4. Valitse Asettelu-luettelosta joko Ruudukko tai Luettelo.

  5. Valitse luetteloista tuotteiden lukumäärä riviä kohti ja rivien lukumäärä sivua kohti (jos valitsit ruudukko-tyylin).

  6. Jos haluat näyttää kokoelman kuvan sivun yläosassa, valitse Näytä kokoelman kuva.

  7. Jos haluat näyttää tuotemerkin tai myyjän, valitse Näytä tuotteen myyjät.

  8. Jos haluat näyttää lajitteluvalikon, valitse Ota lajittelu käyttöön.

  9. Jos haluat, että asiakkaat voivat suodattaa kokoelman tuotetunnisteella, valitse Ota suodatus tunnisteella käyttöön.

  10. Klikkaa Tallenna.

Kokoelmaluettelosivu

Kokoelmaluettelosivulla kaikki tuotekokoelmasi näytetään ruudukkomuodossa. Kokoelmaluettelosivun avulla asiakkaat voivat nopeasti selata kokoelmia ja etsiä kokoelman, jota he haluavat tarkastella tarkemmin. Debut-teemassa kokoelmaluettelosivu esitetään ylätason linkkinä ylätunnisteen valikossa.

Voit näyttää kaikkien kokoelmien pikkukuvat ruudukkomuodossa tai voit valita näkyviin tietyn kokoelman. Voit myös valita, miten kokoelmat lajitellaan sivulla.

Voit määrittää kokoelmaluettelosivun ulkoasun seuraavasti:

  1. Siirry kokoelmaluettelosivulle napauttamalla ylätason kokoelmavalikkokohtaa.

  2. Valitse Osat-välilehti.

  3. Valitse Kokoelmaluettelosivu.

  4. Tee jokin seuraavista:

    1. Jos haluat näyttää kaikkien kokoelmien pikkukuvat ruudukkomuodossa, valitse Kaikki.
    2. Jos haluat näyttää kokoelmaluettelosivulla yhden kokoelman, valitse Valittu.
  5. Jos valitsit edellisessä vaiheessa Kaikki, toimi seuraavasti:

    1. Valitse lajitteluvaihtoehto Lajittele kokoelmat: -luettelosta.
    2. Valitse kokoelmien lukumäärä riviä kohti Kokoelmia riviä kohti -luettelosta.
  6. Klikkaa Tallenna.

Blogisivut

Debut-teemassa voit luetella blogijulkaisut tai näyttää ne ruudukkona. Jos blogijulkaisuja tekee useampi kuin yksi henkilö, voit näyttää jokaisen blogijulkaisun tekijän nimen. Voit myös näyttää päivämäärän, jona blogijulkaisu on tehty.

  1. Siirry blogisivullesi teemaeditorin esikatselualueella.

  2. Klikkaa Osiot.

  3. Klikkaa Blogisivut.

  4. Valitse Asettelu-luettelossa, näytetäänkö blogijulkaisut luettelona vai ruudukkona.

  5. Jos haluat näyttää tekijän nimen, valitse Näytä tekijä.

  6. Jos haluat näyttää blogijulkaisun julkaisupäivän, valitse Näytä päivämäärä.

  7. Klikkaa Tallenna.

Ostoskorisivu

Ostoskorisivu -osiossa voit ottaa käyttöön seuraavat asetukset:

  • Tilauskommentit
  • Automaattiset ostokoripäivitykset

Lisää tilauskommentti

Voit antaa asiakkaille mahdollisuuden lisätä tilauksiinsa huomautuksia ostoskorisivulla.

  1. Valitse yläpalkin pudotusvalikosta Ostoskori.

  2. Valitse Osat-välilehti.

  3. Klikkaa Ostoskorisivu.

  4. Valitse Ota tilauskommentit käyttöön.

  5. Klikkaa Tallenna.

Ota automaattinen ostoskorin päivitykset käyttöön

Voit asettaa ostoskorin näyttämään päivitettyjä tietoja heti, kun asiakas tekee muutoksia tilauksiinsa. Esimerkiksi välisumman hinta voidaan päivittää, kun asiakas muuttaa ostoskorissa olevien tuotteiden määrän. Automaattisten koripäivitysten käyttöönotto:

  1. Valitse yläpalkin pudotusvalikosta Ostoskori.

  2. Valitse Osat-välilehti.

  3. Klikkaa Ostoskorisivu.

  4. Valitse Ota automaattinen ostoskorin päivitykset käyttöön.

  5. Klikkaa Tallenna.

Esittelyssä oleva kokoelma

Voit esitellä tiettyä kokoelmaa kotisivulla. Kokoelmien esittelyn avulla voit edistää myyntiä ja mainostaa uusia kokoelmia.

Debut-teemassa voit lisätä "Näytä kaikki" -painikkeen, jolla asiakkaat näkevät koko kokoelman, ja voit näyttää myyjän nimen kunkin tuotekuvan alla.

Voit esitellä kokoelmaa kotisivulla seuraavasti:

  1. Valitse Osat-välilehti.

  2. Klikkaa Esittelyssä oleva kokoelma -osaa.

  3. Jos haluat muuttaa kokoelman yläpuolella esitettävää tekstiä, kirjoita haluamasi teksti Otsikko-kenttään.

  4. Valitse Kokoelma-luettelosta kokoelma, jota haluat esitellä. Jos haluat lisätä tai poistaa tuotteita valitusta kokoelmasta, klikkaa Muokkaa kokoelmaa -linkkiä, joka avaa Kokoelmat-sivun uudella välilehdellä.

  5. Valitse Tuotteet riviä kohti -luettelosta tuotemäärä, joka näytetään kullakin rivillä.

  6. Valitse Rivit-luettelosta näytettävien tuoterivien määrä.

  7. Jos haluat näyttää myyjän tai tuotemerkin jokaisen tuotekuvan alapuolella, valitse Näytä tuotteen myyjä.

  8. Jos haluat antaa asiakkaille mahdollisuuden tarkastella kokoelman kaikkia tuotteita, valitse Näytä "Näytä kaikki" -painike.

  9. Klikkaa Tallenna.

Kuva tekstillä

Debut-teemassa voit lisätä kuvan, jonka teksti näkyy kuvan oikealla tai vasemmalla puolella. Voit myös lisätä painikkeen, joka ohjaa vierailijat kaupan tietylle sivulle:

Yleensä Kuva tekstillä -osaa käytetään mainostamaan tiettyä tuotetta tai kokoelmaa tai ohjaamaan verkkosivuston liikennettä blogisivulle.

Voit lisätä tekstillisen kuvan kotisivulle seuraavasti:

  1. Valitse Osat-välilehti.

  2. Klikkaa Kuva tekstillä -osaa.

  3. Klikkaa Kuva-kohdassa Valitse kuva ja tee sitten jokin seuraavista:

- To select an image you have already uploaded to your Shopify admin, click the **Library** tab.
- To select a stock image from [Shopify's Burst stock image collection](https://burst.shopify.com/), click the **Free images** tab. From here you can enter a search term, or browse the image categories.
- To select an image from your local computer, click the **Library** tab, and then click the plus button.
  1. Valitse Asettelu-luettelosta kuvan asettelu tekstin oikealle tai vasemmalle puolelle.

  2. Syötä tämän osan uusi otsikko Otsikko-kenttään.

  3. Syötä Teksti-kenttään teksti, jonka haluat näkyvän otsikon alla.

  4. Kirjoita Tekstipainike-kenttään teksti, jonka haluat näkyvän painikkeessa.

  5. Valitse Painikelinkki-kentästä kauppasi sivu, johon haluat painikkeen linkin osoittavan.

  6. Klikkaa Tallenna.

Kuva päällä olevalla tekstillä

Voit näyttää kotisivulla suuren kuvan mukautetulla tekstipeitolla.

Kuva tekstillä -osa sisältää seuraavat asetukset:

  • Kuva - Valitse osaan lisättävä kuva.
  • Kuvan tasaus - Määritä sivun puoli, jolla kuva näytetään.
  • Asettelu - Määritä osan leveys.
  • Osan korkeus - Määritä osan korkeus. Jos haluat estää kuvan rajauksen, valitse Mukauta kuvaan, joka määrittää osan korkeuden kuvan korkeuden mukaan.
  • Tekstin koko - Määritä tekstin koko.
  • Otsikko - Lisää osaan otsikko.
  • Teksti - Lisää osaan tekstiä. Kuva tekstipeitolla -osa nimetään automaattisesti uudelleen antamasi otsikon mukaisesti.
  • Tekstipainike - Lisää osaan tekstillä merkitty painike.
  • Painikelinkki - Linkitä painike toiseen sivuun tai verkkosivuun.

Lisää kotisivulle kuva tekstillä

  1. Klikkaa kohdan osiot vieressä Mukauta.

  2. Valitse Lisää osa > Kuva tekstillä > Lisää.

  3. Asetusten avulla voi mukauttaa kuvaasi lisäämällä sen päälle tekstiosion.

  4. Klikkaa Tallenna.

Uutiskirje

Voit lisätä kotisivulle uutiskirjeen tilaustoiminnon. Toiminnon avulla voit kerätä sähköpostiosoitteita sähköpostilla toteutettavia markkinointikampanjoita varten. Lisätietoja sähköpostimarkkinoinnista on Shopify-blogissa.

Verkkosivun uutiskirje-osa. Näkyvissä on asiakkaille tarkoitettu kenttä, johon he voivat syöttää sähköpostiosoitteensa, sekä painike, jossa lukee

Voit lisätä kotisivullesi uutiskirjeen tilauksen seuraavasti:

  1. Klikkaa kohdan osiot vieressä Mukauta.

  2. Klikkaa Osat.

  3. Valitse Lisää osa > Uutiskirje.

  4. Kirjoita Otsikko-kenttään uutiskirjeen tilauksen otsikko. Oletusotsikko on "Tilaa uutiskirje".

  5. Syötä Alaotsikko-kenttään alaotsikko uutiskirjeen tilaamista varten.

  6. Klikkaa Tallenna.

Video

Voit lisätä kotisivullesi YouTube-videon. Videot voivat houkutella asiakkaita ja herättää kiinnostusta yritykseesi.

Video-osa sisältää seuraavat asetukset:

  • Videon korkeus - Määritä videon korkeus.
  • Tekstin koko - Lisää videoon tekstiä. Jos määrität videon tyyliksi Kuva toista-painikkeella, tekstiä ei näytetä videon toiston aikana.
  • Näytä peittokuva - Lisää videon päälle värikerros, joka helpottaa tekstin lukemista. Jos määrität videon tyyliksi Kuva toista-painikkeella, peittokuvaa ei näytetä videon toiston aikana.
  • Tyyli - Määritä videon tyyli. Taustavideo-tyyli on käytettävissä vain tietokoneilla. Jos asiakkaat vierailevat kaupassa tablettitietokoneella tai mobiililaitteella, he näkevät aina Kuva toisto-painikkeella -tyylin.
  • Otsikko - Lisää videoon otsikko.
  • Videon linkki - Lisää videon YouTube-URL-osoite.
  • Kansikuva - Lisää videolle kansikuva. Kansikuva ei ole näkyvissä videon toiston aikana.
  • Kuvan tasaus - Tasaa kansikuva niin, että tärkein osa on aina näkyvissä.

Lisää etusivullesi video

  1. Klikkaa kohdan osiot vieressä Mukauta.

  2. Valitse Lisää osa > Video.

  3. Mukauta video-osaa asetusten avulla.

  4. Klikkaa Tallenna.

Diaesitys

Voit lisätä kotisivullesi kuvien diaesityksen. Diaesitys-osassa voit määrittää diojen korkeuden, lisätä tekstiä ja painikkeita ja valita, toistetaanko diaesitys automaattisesti.

Pure Tea -verkkokaupan kotisivu, jossa on diaesitys. Näkyvissä on dia, joka esittää pöytätasolla olevaa teekuppia, ja otsikko

Lisätietoja diaesityksen kuvien rajaamisesta ja suositelluista kuvako'oista on alla olevissa ohjeissa.

Voit luoda diaesityksen seuraavasti:

  1. Klikkaa kohdan osiot vieressä Mukauta.

  2. Klikkaa Osat.

  3. Klikkaa Diaesitys.

  4. Määritä diojen korkeus Dian korkeus -alasvetovalikosta.

    Katso lisätietoja siitä, miten diojen korkeus vaikuttaa diaesitykseen.

  5. Määritä otsikoiden ja alaotsikoiden koko Tekstin koko -alasvetovalikosta.

  6. Määritä tekstin sijainti dioissa Tekstin tasaus -alasvetovalikosta.

  7. Valinnainen: valitse Näytä peittokuva. Peittokuva tarkoittaa kuvan ja sen päälle sijoitetun tekstin väliin jäävää värikerrosta. Peittokuvat voivat parantaa värikontrastia ja luettavuutta. Voit määrittää peittokuvan värin ja peittävyyden väriasetuksissa.

  8. Valinnainen: Jos haluat toistaa diaesityksen automaattisesti, valitse Vaihda dia automaattisesti. Valitse, kuinka pitkään kukin dia on näkyvissä, valitsemalla aika Dian vaihtoväli -liukusäätimellä.

  9. Voit lisätä kuvadian seuraavasti:

    1. klikkaa Sisältö-kohdassa Lisää kuvadia.
    2. Valitse Kuva-valikosta Valitse kuva. Voit ladata kuvan tietokoneelta napauttamalla Lähetä. Jos haluat käyttää ilmaista kuvaa Burst-kuva-arkistosta, klikkaa Ilmaiset kuvat.
    3. Voit valita kuvan tasauksen diaesityksessä valitsemalla sopivan asettelun Kuvan sijainti -alasvetovalikosta. Lisätietoja kuvan sijainnista on alla olevissa ohjeissa.
    4. Jos haluat lisätä kuvadiaan tekstiä, kirjoita teksti Otsikko-kenttään, Alaotsikko-kenttään tai molempiin.
    5. Voit lisätä kuvadiaan painikkeen kirjoittamalla tekstiä Tekstipainike-kenttään. Valitse Painikelinkki -kentässä verkkokaupan se osa, johon painike linkittyy.
  10. Klikkaa Tallenna.

Diaesityksen ohjeet

Alla olevien asetusten ja kuviin liittyvien suositusten avulla voit hallita, miltä diaesitys näyttää verkkokaupassa. Seuraavat tekijät vaikuttavat siihen, miltä diat näyttävät:

  • Kuvien mitat
  • Kuvan sijainnin asetukset
  • Dian korkeuden asetukset
  • Kuvien leveys-korkeussuhde

Erikokoisten ja -muotoisten näyttöjen takia diat saattavat näyttää erilaisilta mobiililaitteilla ja tietokoneilla.

Kuvakokoa koskevat suositukset

Diaesityksen kuvien suositellut mitat riippuvat dian korkeuden asetuksista. Käytä seuraavia ohjeita:

Kuvakokoa koskevat suositukset asetuksittain
Dian korkeuden asetus Suositeltu leveys Suositeltu korkeus
Mukauta ensimmäisen kuvan mukaan 1200 px 600 px
Pieni 1200 px 475 px
Keskisuuri 1200 px 489 px
Suuri 1200 px 775 px

Jos haluat tarkastella tai muuttaa dian korkeuden asetuksia, katso diaesityksen luontia koskevien ohjeiden vaihe 5.

Kuvan rajaus

Voit itse hallita, miten kuvat rajataan, tai estää kuvien rajauksen kokonaan.

Kuvien rajauksen hallinta

Kuvat todennäköisesti rajautuvat tietyn kokoisilla näytöillä seuraavissa tilanteissa:

  • Kuvien leveys-korkeussuhde ei ole vakio.
  • Dian korkeudeksi on asetettu Pieni, Keskisuuri tai Suuri.
  • Dian korkeuden asetukseksi on valittu Mukauta ensimmäisen kuvan mukaan, ja kuvat ovat laitteen näyttöä tai selaimen ikkunaa pidempiä.

Voit hallita kuvien rajaamista Kuvan sijainti -asetuksella.

Voit valita jokaisen kuvan kohdalla, minkä osan haluat pitää näkyvissä rajaamisen aikana. Seuraavassa esimerkissä kuvataan, miten sama kuva saatetaan rajata näytön koon mukaan. Vasemmalla olevassa diassa kuvan sijainniksi on valittu Keskellä. Oikealla olevassa diassa kuvan sijainniksi on valittu Ylhäällä vasemmalla.

Esimerkki diasta, joka rajataan eri tavalla kuvan sijainnin asetuksen mukaan.

Jos haluat tarkastella tai muuttaa kuvan sijaintiasetuksia, katso diaesityksen luontia koskevien ohjeiden vaihe 10.

Kuvien rajauksen estäminen

Voit estää diaesityksen kuvien rajauksen seuraavasti:

  • Aseta dian korkeudeksi Mukauta ensimmäisen kuvan mukaan.
  • Käytä kuvia, joiden leveys on kaksi kertaa korkeutta suurempi. Tällaisten kuvien leveys-korkeussuhde on 2:1. Suositellut mitat ovat 1200 x 600 pikseliä.
  • Varmista, että kaikilla dioilla on sama leveys-korkeussuhde. Diojen suhde on tärkeämpi kuin diojen mitat pikseleinä.

Seuraavassa esimerkissä on tietokoneella ja mobiililaitteella näytettävä diaesityksen kuva, jonka kuvasuhde on 2:1:

Dia näkyy tietokoneella ja mobiililaitteella ilman rajausta.

Dian korkeus

Diaesityksen osan leveys on aina 100 prosenttia selainikkunasta. Diojen korkeus määräytyy niiden leveyden mukaan. Erikokoisten näyttöjen takia diojen leveys ja korkeus vaihtelevat eri laitteilla. Myös dian korkeusasetukset vaikuttavat diojen korkeuteen.

Voit mukauttaa diaesityksen korkeuden ensimmäisen kuvan korkeuteen valitsemalla Mukauta ensimmäisen kuvan mukaan -korkeusasetuksen. Tämä asetus toimii parhaiten, kun kaikki kuvat ovat samankokoisia tai niillä on sama leveys-korkeussuhde. Jos kuvat ovat erikokoisia tai niiden mittasuhteet vaihtelevat, voit vaihtaa diojen järjestystä nähdäksesi, miltä ne näyttävät erikorkuisina.

Seuraavassa esimerkissä ensimmäiseksi on sijoitettu dia, jonka korkeus on pienin:

Lyhyempi dia määrittää kahden muun dian korkeuden. Koska muut diat ovat korkeampia, ne rajataan ylhäältä ja alhaalta.

Seuraavassa esimerkissä ensimmäiseksi on sijoitettu dia, jonka korkeus on suurempi:

Keskikorkea dia määrittää kahden muun dian korkeuden. Korkeampi dia on rajattu ylhäältä ja alhaalta. Lyhyempi dia on rajattu sivuilta.

Jos määrität korkeusasetukseksi Pieni, Keskisuuri tai Suuri, katso kuvakokoa koskevat suositukset dioja varten.

Kuvasuhteet

Jos haluat estää kuvien rajauksen diaesityksessä, kuvien suositeltu leveys-korkeussuhde on 2:1.

Jos kuvien rajaus tietokoneiden näytöillä ei haittaa sinua ja haluat tehdä vaikutuksen mobiililaitteilla, käytä neliönmuotoisia kuvia tai kuvia, joiden korkeus on leveyttä suurempi. Seuraavassa esimerkkidiassa on neliönmuotoinen kuva, jonka leveys-korkeussuhde on 1:1.

Neliönmuotoinen dia, joka on näkyvissä tietokoneella ja mobiililaitteella. Kuva rajataan tietokoneella, mutta sitä ei rajata mobiililaitteella.

Seuraava esimerkkidiassa on muotokuva, jonka leveys-korkeussuhde on 2:3.

Korkea dia, joka on näkyvissä tietokoneella ja mobiililaitteella. Kuva rajataan tietokoneella, mutta sitä ei rajata mobiililaitteella.

Oletko valmis aloittamaan myynnin Shopify-palvelussa?

Kokeile sitä ilmaiseksi