Teemaeditorissa: Mukauta›Tuotesivu›Lisää osio›Tuotesivu
Tuotesivu
Tuotesivun sydän: kuvat ja niiden vieressä ostopaneeli. Paneelin jokainen osa on lohko, jonka voit siirtää, poistaa tai lisätä.
Anna jokaiselle tuotteelle oma kokotaulukko kentässä ”Size guide”. Tuotteet, joilla sitä ei ole, näyttävät lohkossa ”Vaihtoehtojen valitsin” valitun sivun.
Asetukset
Asettelu
- Tuotealueen leveys
- Liukusäädin, 1000–2000 pxOletus: 1600 pxKäytetään, kun alla oleva ”Sisällön leveys” on Vakio.
- Asettelu tietokoneella
- Valinta: Puoliksi, NäyttämöOletus: PuoliksiPuoliksi: neliön muotoinen kuva, pikkukuvat sen alla ja tiedot vieressä; koko sivu vierii yhdessä. Näyttämö: korkea kuva, pikkukuvat sen sisällä ja tietokortti sen päällä.
- Pidä kuva paikallaan vieritettäessä
- Päällä tai poisOletus: PäälläSuurilla näytöillä, kun tietopaneeli on kuvaa korkeampi, kuva pysyy näkyvissä paneelin vierittyessä.
- Paneelin tasaus puhelimissa ja tableteissa
- Valinta: Keskitetty, SivuunOletus: KeskitettyKeskitetty: otsikko, hinta, vaihtoehdot ja määrä ovat keskellä. Kuvaus ja kutistettavat rivit pysyvät tasattuina sivuun, koska ne ovat pitkää tekstiä. Tietokoneella paneeli tasataan aina sivuun kuvien viereen.
Kuvat
- Kuvan sovitus
- Valinta: Täytä kehys, Näytä koko kuvaOletus: Täytä kehys”Täytä kehys” rajaa kuvan neliöksi. ”Näytä koko kuva” ei koskaan rajaa.
- Näytä pikkukuvat
- Päällä tai poisOletus: PäälläTietokoneella ja tabletilla: sarake kuvan vieressä. Puhelimissa: katso seuraava asetus.
- Pikkukuvat myös puhelimissa
- Päällä tai poisOletus: PäälläRivi pikkukuvia pääkuvan alla, valitse napauttamalla.
- Näytä nuolet
- Päällä tai poisOletus: Päällä
- Jatka viimeisestä kuvasta ensimmäiseen
- Päällä tai poisOletus: PäälläNuolet eivät koskaan pysähdy loppuun.
- Näytä suurennuspainike
- Päällä tai poisOletus: Päällä
- Toista video automaattisesti
- Päällä tai poisOletus: PoisGallerian video toistuu mykistettynä ja silmukkana, kun se vierittyy näkyviin.
- Näytä merkki kuvassa
- Päällä tai poisOletus: PäälläLoppuunmyyty, tuotteen oma teksti tai ale.
Ostopalkki alareunassa
- Näytä ostopalkki alareunassa
- Päällä tai poisOletus: PäälläKun päänappi vierittyy pois näkyvistä, kehys levenee näytön alareunassa ja kantaa tuotteen, nykyisen valinnan, hinnan ja Lisää ostoskoriin sivun loppuun asti. Se on kehyksen värinen. Puhelimessa se vaihtuu kelluvaan valikkoon ylöspäin vieritettäessä.
- Kelluvan kortin muoto puhelimessa
- Valinta: Kelluva kortti, Nousee valikon takaa, Kehys nouseeOletus: Kelluva korttiKelluva kortti: kelluu hieman alakehyksen yläpuolella kuten tietokoneella, ja alavalikko väistää. Nousee: kortti nousee alavalikon takaa, ja valikko jää. Kehys: kehys nousee koko leveydeltä, ja valikko väistää. Ilman alavalikkoa "Nousee" muuttuu kehykseksi. Tietokoneella aina kelluva kortti.
- Kelluvan kortin väri
- VäriTyhjä: sivuston pinta, kuten hakupaneeli. Tummalla värillä teksti on vaalea.
- Kelluvan kortin reunuksen väri
- VäriReunus kelluvan kortin ympärillä. Tyhjä: ohut viiva tekstin värillä.
- Pieni tuotekuva palkissa
- Päällä tai poisOletus: PäälläPieni kuva palkin alussa, rivin sisällä.
Sivun tausta
- Taustan tyyli
- Valinta: Sivuston tausta, Tasainen väri, Valaistu näyttämöOletus: Sivuston taustaSivuston tausta: sivu vastaa muuta sivustoa. Tasainen väri: alla oleva väri. Valaistu näyttämö: näyttämö valitusta väristä, ja pehmeä valo kuvan ja tietojen takana. Tummalla värillä teksti, viivat ja painikkeet vaalenevat itsestään. Kaksi viimeistä vaihtoehtoa korvaavat osion omat värit.
- Väriteema
- VärimaailmaLava saa taustan ja korostuksen tästä teemasta. Alla valittu väri ohittaa sen.
- Taustaväri
- VäriValaistulla näyttämöllä: näyttämön sävy. Oletus on lämmin hiilenharmaa, jota näyttämö käyttää koko sivustolla.
- Valon väri
- VäriPehmeä valo kuvan ja tietojen takana. Tyhjä: valkoinen.
Lohkot
Lohkot ovat osion sisällä olevia osia. Editorissa niitä voi lisätä, poistaa ja vetää, jotta järjestys muuttuu.
Sovelluslohko
Asentamasi sovellukset voivat lisätä tähän oman lohkonsa, esimerkiksi arvostelut tai sovelluksen kokotaulukon.
Tällä osalla ei ole omia asetuksia.
Otsikko
Yleiset
- Näytä kokoelman nimi otsikon yläpuolella
- Päällä tai poisOletus: Päällä
- Korosta osaa merkin " | " jälkeen
- Päällä tai poisOletus: PäälläJos tuotteen nimessä on " | ", sen jälkeinen osa näytetään paksumpana.
- Näytä toimittaja
- Päällä tai poisOletus: Pois
Hinta
Yleiset
- Näytä alennusprosentti
- Päällä tai poisOletus: PoisAlennus näkyy jo kuvassa. Ota käyttöön, jos haluat näyttää sen myös hinnan vieressä.
Teksti
Yleiset
- Teksti
- TekstiLyhyt kuvaus otsikon alla. Voit yhdistää sen tuotteen kenttään.
Vaihtoehtojen valitsin
Yleiset
- Tyyli
- Valinta: Painikkeet, PudotusvalikkoOletus: Painikkeet
- Värit
- Valinta: Väripallot, PudotusvalikkoOletus: VäripallotVain värivaihtoehdolle. Muut vaihtoehdot noudattavat yllä olevaa tyyliä.
- Kokotaulukon sivu
- SivuTuotteet, joilla on oma ”Kokotaulukko”-kenttä (custom.size_guide), näyttävät sen sivun. Muuten tämä sivu, ja jos se on tyhjä, teeman asetusten sivu.
Määrä
Yleiset
- Sijainti
- Valinta: ”Osta nyt” -painikkeen vieressä, Oma riviOletus: ”Osta nyt” -painikkeen vieressä”Osta nyt” -painikkeen vieressä: määrä on ensimmäisen painikerivin alussa, ja ”Lisää ostoskoriin” saa alleen oman täysleveän rivin. Oma rivi: painikkeiden yläpuolella, nimen kanssa. Määräportaat korvaavat sen.
Määräportaat
Yleiset
- Otsikko
- TekstiTyhjä: ”Määrä” asiakkaan kielellä. Tietokoneella sen lukee vain ruudunlukija.
- Nimike yhdelle kappaleelle
- TekstiTyhjä: kappalemäärä (”2 kpl”) asiakkaan kielellä.
- Näytä tämä porras
- Päällä tai poisOletus: Päällä
- Kappalemäärä
- Liukusäädin, 2–12Oletus: 2
- Alennus
- Liukusäädin, 0–60 %Oletus: 10 %Täytyy vastata automaattista alennustasi.
- Nimike
- TekstiTyhjä: kappalemäärä (”2 kpl”) asiakkaan kielellä.
- Näytä tämä porras
- Päällä tai poisOletus: Päällä
- Kappalemäärä
- Liukusäädin, 2–12Oletus: 3
- Alennus
- Liukusäädin, 0–60 %Oletus: 18 %Täytyy vastata automaattista alennustasi.
- Nimike
- TekstiTyhjä: kappalemäärä (”2 kpl”) asiakkaan kielellä.
- Korosta porrasta
- Valinta: Ei mitään, Toinen porras, Kolmas porrasOletus: Ei mitään
- Korostusteksti
- TekstiTyhjä: korostetun portaan alennus, esimerkiksi ”18% alennus”.
Tarjoa parempi hinta, kun ostetaan enemmän. Alennus vain näytetään tässä: luo vastaava automaattinen alennus Shopify-hallinnassa, jotta se todella veloitetaan.
Ostovaihtoehdot
Yleiset
- Otsikko
- TekstiTyhjä: oletusteksti.
- Näytä säästöprosentti
- Päällä tai poisOletus: Päällä
- Näytä suunnitelmien kuvaukset
- Päällä tai poisOletus: PäälläKuvaus tulee tilaussovelluksesta.
- Näytä tilauskäytännön linkki
- Päällä tai poisOletus: PäälläNäytetään, kun kaupalla on tilauskäytäntö (Asetukset, Käytännöt).
Kertaosto- ja tilausvaihtoehdot tuotteille, joita myydään tilaussovelluksen avulla. Ilman tätä lohkoa tilaustuotteet näyttävät vaihtoehdot Lisää ostoskoriin -painikkeen yläpuolella.
Ostopainikkeet
Yleiset
- Osta nyt -painike
- Päällä tai poisOletus: PäälläSiirtyy suoraan kassalle vain tämän tuotteen kanssa ja jättää ostoskorin ennalleen.
- Dynaamiset kassapainikkeet
- Valinta: Lompakko tai Shopifyn ”Osta nyt”, Vain lompakko, PoisOletus: Lompakko tai Shopifyn ”Osta nyt”Shopifyn painikkeet ostopainikkeiden alla. Ne näyttävät ostajan lompakon (Shop Pay, Apple Pay, Google Pay, PayPal), kun jokin on otettu käyttöön maksuasetuksissa. Kun Osta nyt -painike on käytössä, Shopifyn oma ”Osta nyt” ei näy koskaan, joten painikkeita on vain yksi.
- Maksun pikapainikkeet
- Päällä tai poisOletus: Päälläbit, luottokortti ja kaikki lisäämäsi. Lisää ostoskoriin ja siirtyy kassalle. Itse painikkeet ovat teeman asetuksissa kohdassa ”Pikamaksupainikkeet”.
- Näytä lahjakorttien vastaanottajalomake
- Päällä tai poisOletus: PäälläAntaa ostajien lähettää lahjakortin suoraan toiselle henkilölle. Kun lomake näkyy, Osta nyt -painike ja dynaamiset kassapainikkeet piilotetaan lahjakorteista, koska Shopify tarkistaa vastaanottajan tiedot vain ostoskoriin lisättäessä.
Toimitus- ja takuurivi
Yleiset
- Toimitushuomautus
- TekstiLyhyt rivi ostopainikkeen alla kahden ohuen viivan välissä, näkyy ennen ostoskoriin lisäämistä. Esimerkiksi: Kotiinkuljetus 8–18 arkipäivässä. Jos haluat eri rivin kullekin tuotteelle, täytä tuotteen kenttä custom.delivery_note (Yksirivinen teksti; Asetukset, Mukautetut tiedot, Tuotteet): se ohittaa tämän tekstin. Jos molemmat ovat tyhjiä, näytetään teeman asetusten (Tuotteet) toimitusrivi, ja jos sekin on tyhjä, ilmaisen toimituksen säännön mukainen rivi (teeman asetukset, Ilmainen toimitus).
- Takuuhuomautus
- TekstiOletuksena pois päältä: tyhjä tarkoittaa, ettei riviä näytetä. Jos haluat eri rivin kullekin tuotteelle, täytä tuotteen kenttä custom.warranty (Yksirivinen teksti; Asetukset, Mukautetut tiedot, Tuotteet): se ohittaa tämän tekstin. Kirjoita vain se, mikä pitää tuotteen kohdalla paikkansa.
Luottamusrivi
Yleiset
Enintään kolme lyhyttä lupausta kuvakkeineen ja niiden alla maksutapojen kuvakkeet. Sen luonteva paikka on heti ostopainikkeen alla.
Ensimmäinen kohde
- Kuvake
- Valinta: Paketti (toimitus), Paluunuoli (palautukset), Kilpi (turvallinen maksu), Kuulokkeet (palvelu), Timantti (laatu), Piilota tämä kohdeOletus: Paketti (toimitus)
- Teksti
- TekstiTyhjä: kuvakkeen mukainen oletusteksti. Paketti: toimituslupaus ilmaisen toimituksen säännön mukaan (teeman asetukset, Ilmainen toimitus). Paluunuoli ja kilpi: lyhyt kiinteä teksti. Kuulokkeilla ja timantilla ei ole oletustekstiä, joten kohde näkyy vain, kun tähän kirjoitetaan teksti. Pitkä teksti rivitetään kahdeksi tasapainoiseksi riviksi.
Toinen kohde
- Kuvake
- Valinta: Paketti (toimitus), Paluunuoli (palautukset), Kilpi (turvallinen maksu), Kuulokkeet (palvelu), Timantti (laatu), Piilota tämä kohdeOletus: Paluunuoli (palautukset)
- Teksti
- TekstiTyhjä: kuvakkeen mukainen oletusteksti. Paketti: toimituslupaus ilmaisen toimituksen säännön mukaan (teeman asetukset, Ilmainen toimitus). Paluunuoli ja kilpi: lyhyt kiinteä teksti. Kuulokkeilla ja timantilla ei ole oletustekstiä, joten kohde näkyy vain, kun tähän kirjoitetaan teksti. Pitkä teksti rivitetään kahdeksi tasapainoiseksi riviksi.
Kolmas kohde
- Kuvake
- Valinta: Paketti (toimitus), Paluunuoli (palautukset), Kilpi (turvallinen maksu), Kuulokkeet (palvelu), Timantti (laatu), Piilota tämä kohdeOletus: Kilpi (turvallinen maksu)
- Teksti
- TekstiTyhjä: kuvakkeen mukainen oletusteksti. Paketti: toimituslupaus ilmaisen toimituksen säännön mukaan (teeman asetukset, Ilmainen toimitus). Paluunuoli ja kilpi: lyhyt kiinteä teksti. Kuulokkeilla ja timantilla ei ole oletustekstiä, joten kohde näkyy vain, kun tähän kirjoitetaan teksti. Pitkä teksti rivitetään kahdeksi tasapainoiseksi riviksi.
Maksukuvakkeet
- Näytä maksutapojen kuvakkeet
- Päällä tai poisOletus: Päällä
Arvioitu toimitus
Yleiset
- Arkipäiviä vähintään
- Liukusäädin, 0–30Oletus: 11
- Arkipäiviä enintään
- Liukusäädin, 0–45Oletus: 18
- Päivät, jotka eivät ole arkipäiviä
- Valinta: Perjantai ja lauantai, Lauantai ja sunnuntai, Ei mitään, jokainen päivä lasketaanOletus: Perjantai ja lauantai
- Pääteksti
- Teksti[from] ja [to] korvataan päivämäärillä. Tyhjä: ”Tilaa tänään, perillä [from]–[to]”
- Toinen rivi
- TekstiTyhjä: päivien väli, ovellesi asti.
- Näytä kalenterikuvake
- Päällä tai poisOletus: Päällä
Laskee päivämäärävälin tästä päivästä arkipäivinä. Päivämäärät lasketaan ostajan selaimessa, joten ne ovat aina oikein käyntipäivälle.
WhatsApp-kysymys
Yleiset
- Kysymys
- TekstiTyhjä: oletusteksti.
- Linkin teksti
- TekstiTyhjä: oletusteksti.
- Valmis viesti
- Teksti[product] korvataan tuotteen nimellä. Tyhjä: ”Hei, minulla on kysymys tuotteesta: [product]”
- Lisää tuotteen linkki viestiin
- Päällä tai poisOletus: Päällä
Rivi, joka avaa WhatsApp-keskustelun valmiilla viestillä. Numero tulee teeman asetuksista kohdasta sosiaalinen media. Kunnes numero lisätään, rivi vie kaupan yhteydenottosivulle.
Kuvaus
Tällä osalla ei ole omia asetuksia.
Kutistettava rivi
Yleiset
- Otsikko
- Teksti
- Mitä rivi näyttää
- Valinta: Teksti tai sivu, Tuotteen tekniset tiedot, Luettelo kuvakkeillaOletus: Teksti tai sivu
- Sisältö
- Teksti
- Sisältö sivulta
- SivuNäytetään yllä olevan sisällön jälkeen.
- Tuotteen teknisten tietojen kenttä
- TekstiNimiavaruus ja avain, esimerkiksi custom.specs. Kentässä yksi tieto riviä kohden: ”Nimi: arvo”. Tuotteet, joilla ei ole kenttää, eivät näytä riviä.
- Rivit
- TekstiYksi lause riviä kohden. Kuvake valitaan sanojen perusteella: shipping, return, support, secure tai payment (myös hepreaksi). Muut rivit saavat kilven ja valintamerkin.
- Linkit toimitus- ja palautuskäytäntöihin
- Päällä tai poisOletus: Päällä
Tarjouskupla
Yleiset
- Kuvake
- Valinta: Salama, Lahja, Kimallus, Ajastin, Sydän, Kilpi ja valintamerkki, Ei kuvakettaOletus: Salama
- Otsikko
- TekstiTyhjä: ”Erikoistarjous” vierailijan kielellä.
- Tarjousrivi
- TekstiEsimerkiksi ”20 $ alennus yli 200 $ tilauksista”. Ilman riviä kupla ei näy.
- Tuotteet
- TuotteetKupla näkyy vain tässä valituissa tuotteissa. Tyhjä: jokaisessa tätä mallia käyttävässä tuotteessa.
Lähtölaskenta
Yleiset
- Tarjousrivi
- TekstiEsimerkiksi ”20 % alennus”. Tyhjä: muunnelman alennusprosentti, jos sillä on vertailuhinta.
- Lyhyt teksti
- TekstiNäkyy tarjousrivin vieressä. Tyhjä: ”Rajoitetun ajan” vierailijan kielellä.
- Tuotteet
- TuotteetPalkki näkyy vain tässä valituissa tuotteissa. Tyhjä: se ei näy missään. Käytä sitä todelliseen tarjoukseen, jolla on todellinen päättymispäivä.
Ajastin
- Päättymispäivä ja -aika
- TekstiVuosi-kuukausi-päivä ja sitten tunti:minuutti, esimerkiksi 2026-10-20 18:00, kaupan aikavyöhykkeellä. Tyhjä tai virheellinen: palkki ei näy kaupassa, ja editori näyttää huomautuksen päivämäärästä sellaisena kuin kauppa sen ymmärsi.
- Näytä sekunnit
- Päällä tai poisOletus: PäälläKävijät, jotka suosivat vähennettyä liikettä, eivät koskaan näe sekunteja, ja ajastin päivittyy kerran minuutissa.
- Kun aika loppuu
- Valinta: Näytä viesti tarjouksen päättymisestä, Palkki katoaaOletus: Palkki katoaa
- Päättymisviesti
- TekstiTyhjä: ”Tämä tarjous on päättynyt. Kiitos kiinnostuksestasi.” kävijän kielellä.
Tausta
- Taustaväri
- VäriTyhjä: kaupan muste. Valaistu näyttämö tehdään tästä väristä.
- Taustan tyyli
- Valinta: Tasainen väri, Valaistu näyttämöOletus: Valaistu näyttämöValaistu näyttämö: pehmeä valo ylhäältä, joka himmenee alaspäin, valitusta väristä. Vaalealla värillä yläosa muuttuu valkoiseksi; tummalla värillä syntyy tumma näyttämö.
- Valon väri
- VäriPehmeä valo ylhäältä keskeltä. Tyhjä: valkoinen.
- Tekstin väri
- VäriTyhjä: automaattinen. Vaalea tummalla taustalla, tumma vaalealla.
Mukautettu Liquid
Yleiset
- Mukautettu Liquid
- KoodiEdistyneeseen mukauttamiseen ja sovellusten koodinpätkiin.
Eikö jokin tässä vastaa sitä, mitä näet editorissa? Kerro meille, niin korjaamme oppaan.