Ponnahdusikkunakokotaulukon lisääminen tuotesivuille

Metakenttien avulla voit mukauttaa Shopify-kauppasi toiminnallisuutta ja ulkoasua. Niiden avulla voit myös tallentaa tarkempia tietoja, joita ei Shopify Admin ei normaalisti kerää. Metakenttiä voidaan käyttää sisäisesti Shopify Adminissa, ja voit myös halutessasi näyttää ne verkkokaupassasi.

Metakentillä voit lisätä sivuviitteen ponnahdusikkunalohkoon, jossa näkyy linkki tuotesivuille. Kun linkkiä klikataan, avautuu ponnahdusikkuna, jossa näkyy sivun sisältö. Voit lisätä kuvia ja muuta aineistoa käyttämällä sivujen rich text editoria.

Seuraavassa on esimerkkejä ponnahdusikkunatiedoista, joita voit lisätä tuotesivuille:

• Kokotaulukot
• Hoito-ohjeet
• Kokoamisohjeet
• Tuotemääritykset
• Usein kysyttyä

Tässä nelivaiheisessa tutoriaalissa esitellään sivuviitteiden metakentät, tuotemetakentän luominen sivuviitteelle, tuotesivumallin luominen verkkokaupalle, uuden sivun lisääminen, sivuun viittaaminen tietyissä tuotteissa ja tuotesivumallin käyttäminen tiettyihin tuotteisiin. Tämän tutoriaalin avulla voit luoda mitä tahansa sisältöä, jota haluat ponnahdusikkunaan. Tutoriaalissa käytetään esimerkkinä kokotaulukkoa.

Tämä tutoriaali edellyttää Online Store 2.0 -teemaa. Jos käytät vanhaa teemaa tai haluat lisätä metakenttätyyppejä, joita teemasi ei tue, voit muokata teemakoodia tai palkata Shopify Partnerin.

Vaihe 1: luo tuotemetakenttä sivulle

Aluksi sinun on luotava tuotesivuille sivuviitteen metakenttämääritelmä. Tuotemetakenttä linkittyy tietylle sivulle ja on mukautettavissa kullekin tuotteelle. Jos et lisää sivuviitettä tuotteeseen, joka käyttää samaa mallia, ponnahdusikkunalinkin teksti näkyy silti ikään kuin sisältöä olisi. Jotta ponnahdusikkunalinkki näkyy vain tietyissä tuotteissa, voit luoda tuotemallin ja käyttää sitä vain halutuissa tuotteissa.

Sivuviitteen metakentillä voit näyttää erilaisia tuotetietoja luomalla erilaisia sivuja eri tuotetyypeille. Voit esimerkiksi luoda kaksi erilaista kokotaulukkosivua kahdelle eri ikäryhmälle, kuten leikki-ikäisten kokotaulukon ja vauvojen kokotaulukon, ja tämän jälkeen voit lisätä leikki-ikäisten kokojen sivuviitteen vain leikki-ikäisille tarkoitettuihin tuotteisiin.

Sinun on luotava sivuviitteelle metakenttämääritelmä yhdistääksesi sen ponnahdusikkunalohkoon teemaeditorissa. Myyntipaikan käyttöoikeus on valittuna oletuksena, kun luot metakenttämääritelmän.

Vaiheet:

Tietokone

1. Siirry Shopify Adminissa kohtaan Asetukset > Mukautetut tiedot.

2. Klikkaa Metakenttämääritelmät-osiossa Tuotteet.

3. Klikkaa Lisää määritelmä.

4. Kirjoita Nimi-kenttään Kokotaulukko.

5. Klikkaa ⊕ Valitse tyyppi.

6. Valitse Sivu pudotusvalikosta. Yksi sivu on valittu oletuksena.

7. Klikkaa Tallenna.

iPhone

1. Napauta Shopify-sovelluksessa ... > Asetukset.
2. Napauta Mukautetut tiedot.
3. Napauta Metakenttämääritelmät-osiossa Tuotteet.
4. Napauta +.
5. Kirjoita Nimi-kenttään Kokotaulukko.
6. Napauta + Valitse tyyppi.
7. Valitse napauttamalla Sivu pudotusvalikosta. Yksi sivu on valittu oletuksena.
8. Napauta Tallenna.

Android

1. Napauta Shopify-sovelluksessa ☰ > Asetukset.
2. Napauta Mukautetut tiedot.
3. Napauta Metakenttämääritelmät-osiossa Tuotteet.
4. Napauta +.
5. Kirjoita Nimi-kenttään Kokotaulukko.
6. Napauta + Valitse tyyppi.
7. Valitse napauttamalla Sivu pudotusvalikosta. Yksi sivu on valittu oletuksena.
8. Tallenna napauttamalla ✓.

Vaihe 2: luo tuotesivumalli

Tämä tutoriaali edellyttää Online Store 2.0 -teemaa. Jos käytät vanhaa teemaa tai haluat lisätä metakenttätyyppejä, joita teemasi ei tue, voit muokata teemakoodia tai palkata Shopify Partnerin.

Kun olet lisännyt osion tai lohkon, voit valita metakentän klikkaamalla dynaamisen lähteen kuvaketta:

Jos et halua lisätä kokotaulukon ponnahdusikkunalinkkiä kaikkiin tuotteisiin, sinun on luotava uusi tuotesivumalli. Luo uusi tuotesivumalli vaiheiden mukaan tai valitse nykyinen tuotesivumalli ja mukauta sitä.

Vaiheet:

Tietokone

1. Siirry Shopify Adminissa kohtaan Verkkokauppa > Teemat.
2. Napsauta muokattavan teeman vierestä Mukauta.
3. Klikkaa editorin yläosan Etusivu-pudotusvalikossa Tuotteet ja klikkaa sitten ⊕ Luo malli uuden mallin luomiseksi ja mukauttamiseksi.
4. Siirry Osiot-navigointisivupalkissa kohtaan Malli > Tuotetiedot-lohkot ja klikkaa sitten ⊕ Lisää lohko.
5. Klikkaa Ponnahdusikkuna.
6. Kirjoita Linkin otsikko -kenttään Kokotaulukko. Tässä tekstissä näkyy, mitä asiakas klikkaa ponnahdusikkunasivun sisällöstä.
7. Klikkaa kohdan Sivu vierestä dynaamisen lähteen kuvaketta ja valitse sitten klikkaamalla luomasi sivuviitteen metakenttä.
8. Klikkaa Tallenna.

iPhone

1. Napauta Shopify-sovelluksessa ... > Verkkokauppa.
2. Napauta Hallinnoi kaikkia teemoja.
3. Napauta mukautettavan teeman vierestä Mukauta.
4. Napauta editorin yläosan Etusivu-pudotusvalikossa Tuotteet ja napauta sitten ⊕ Luo malli uuden mallin luomiseksi ja mukauttamiseksi.
5. Siirry Osiot-navigointisivupalkissa kohtaan Malli > Tuotetiedot-lohkot ja napauta sitten ⊕ Lisää lohko.
6. Napauta Ponnahdusikkuna.
7. Kirjoita Linkin otsikko -kenttään Kokotaulukko. Tässä tekstissä näkyy, mitä asiakas klikkaa ponnahdusikkunasivun sisällöstä.
8. Napauta kohdan Sivu vierestä dynaamisen lähteen kuvaketta ja valitse sitten napauttamalla luomasi sivuviitteen metakenttä.
9. Napauta Tallenna.

Android

1. Napauta Shopify-sovelluksessa ☰ > Verkkokauppa.
2. Napauta Hallinnoi kaikkia teemoja.
3. Napauta mukautettavan teeman vierestä Mukauta.
4. Napauta editorin yläosan Etusivu-pudotusvalikossa Tuotteet ja napauta sitten ⊕ Luo malli uuden mallin luomiseksi ja mukauttamiseksi.
5. Siirry Osiot-navigointisivupalkissa kohtaan Malli > Tuotetiedot-lohkot ja napauta sitten ⊕ Lisää lohko.
6. Napauta Ponnahdusikkuna.
7. Kirjoita Linkin otsikko -kenttään Kokotaulukko. Tässä tekstissä näkyy, mitä asiakas klikkaa ponnahdusikkunasivun sisällöstä.
8. Napauta kohdan Sivu vierestä dynaamisen lähteen kuvaketta ja valitse sitten napauttamalla luomasi sivuviitteen metakenttä.
9. Tallenna teema napauttamalla ✓.

Vaihe 3: lisää sivu, jossa on kokotaulukko

Sinun on luotava sivu, jossa on kokotaulukkosisältöä, johon metakenttä viittaa. Jos sinulla on jo sivu luotuna, voit siirtyä vaiheeseen 4.

Vaiheet:

Tietokone

1. Siirry Shopify-ylläpitäjässä kohtaan Verkkokauppa > Sivut.
2. Klikkaa Lisää sivu.
3. Kirjoita Otsikko-kenttään Kokotaulukko ja lisää sitten kokotaulukon tiedot kohtaan Sisältö.
4. Aseta Näkyvyys-osiossa sivu Näkyvä-tilaan.
5. Klikkaa Tallenna.

iPhone

1. Napauta Shopify-sovelluksessa ... > Verkkokauppa.
2. Napauta Sivut.
3. Napauta Lisää sivu.
4. Kirjoita Otsikko-kenttään Kokotaulukko ja lisää sitten kokotaulukon tiedot kohtaan Sisältö.
5. Aseta Näkyvyys-osiossa sivu Näkyvä-tilaan.
6. Napauta Tallenna.

Android

1. Napauta Shopify-sovelluksessa ☰ > Verkkokauppa.
2. Napauta Sivut.
3. Napauta Lisää sivu.
4. Kirjoita Otsikko-kenttään Kokotaulukko ja lisää sitten kokotaulukon tiedot kohtaan Sisältö.
5. Aseta Näkyvyys-osiossa sivu Näkyvä-tilaan.
6. Tallenna napauttamalla ✓.

Voit luoda niin monta kokotaulukkosivua kuin on tarpeen viitataksesi metakenttään. Voit kuitenkin linkittää vain yhden sivun tuotemetakenttään.

Vaihe 4: viittaa sivuun ja käytä tuotemallia tietyissä tuotteissa

Kun lisäät sivuviitteen tiettyyn tuotteeseen, sivun tiedot näkyvät vain tuon tuotteen yhteydessä. Jos jätät sivuviitteen tyhjäksi tuotteelle, joka käyttää tuota tuotemallia, linkin teksti näkyy edelleen linkkinä. Ponnahdusikkuna on kuitenkin tyhjä eikä siinä ole sivuviitettä, mikä voi olla hämmentävää asiakkaille. Voit käyttää eri tuotesivumallia tietyille tuotetyypeille, joilla on kokotaulukoita, kuten vaatteille tai kengille, sekä tuotemallia muille tuotetyypeille, kuten lasten leluille tai koruille ja muille asusteille.

Lue lisää malleista.

Vaiheet:

Tietokone

1. Siirry Shopify-ylläpitäjästä kohtaan Tuotteet.
2. Klikkaa tuotetta, johon haluat lisätä sivuviitteen.
3. Klikkaa Tuotteen metakentät -osiossa Kokotaulukko-sivuviitettä ja klikkaa sitten Valitse sivut ja valitse Kokotaulukko-sivu.
4. Valitse Teemamalli-osiossa Kokotaulukko-tuotesivumalli, jonka loit vaiheessa 2.
5. Klikkaa Tallenna.

iPhone

1. Valitse Shopify-sovelluksessa Tuotteet > Kaikki tuotteet.
2. Napauta tuotetta, johon haluat lisätä sivuviitteen.
3. Napauta Tuotemetakentät-osiossa Kokotaulukko-sivuviitettä ja napauta sitten Valitse sivut ja valitse Kokotaulukko-sivu.
4. Valitse Teemamalli-osiossa Kokotaulukko-tuotesivumalli, jonka loit vaiheessa 2.
5. Napauta Tallenna.

Android

1. Valitse Shopify-sovelluksessa Tuotteet > Kaikki tuotteet.
2. Napauta tuotetta, johon haluat lisätä sivuviitteen.
3. Napauta Tuotemetakentät-osiossa Kokotaulukko-sivuviitettä ja napauta sitten Valitse sivut ja valitse Kokotaulukko-sivu.
4. Valitse Teemamalli-osiossa Kokotaulukko-tuotesivumalli, jonka loit vaiheessa 2.
5. Tallenna napauttamalla ✓.

Voit toistaa nämä vaiheet niin monelle tuotteelle kuin on tarpeen.