Teemaeditorissa: MukautaYlätunnisteYlätunniste

Ylätunniste

Logo lovessa, valikko sekä haun, tilin ja ostoskorin kuvakkeet. Puhelimissa kuvakkeet leijuvat kolikkoina; tietokoneilla valikko on palkissa.

Lataa logo, jolla on läpinäkyvä tausta, ja käytä sitten asetusta ”Rajaa logon läpinäkyvät reunat”, jotta logo asettuu loven keskelle.

Asetukset

Logo

Logokuva
KuvaJos tyhjä, kaupan nimi näytetään tekstinä.
Logon leveys tietokoneella
Liukusäädin, 100–300 pxOletus: 190 pxLogon näkyvän osan leveys läpinäkyvien reunojen rajaamisen jälkeen.
Logon enimmäiskorkeus tietokoneella
Liukusäädin, 40–160 pxOletus: 65 pxKorkea logo pienennetään tähän korkeuteen. Korkeus tarkoittaa näkyvää osaa.
Logon leveys puhelimissa
Liukusäädin, 80–200 pxOletus: 100 pxLogon näkyvän osan leveys puhelimissa ja tableteissa. Kapeissa puhelimissa se pienenee tarvittaessa, jotta sen vieressä oleville kuvakkeille jää tilaa.
Logon enimmäiskorkeus puhelimissa
Liukusäädin, 24–44 pxOletus: 34 pxKorkea logo pienennetään tähän korkeuteen puhelimissa ja tableteissa. Palkin korkeus on kiinteä 48 px, joten enintään 44.
Logon sijainti lovessa puhelimessa
Liukusäädin, -8–12 pxOletus: 4 pxPositiivinen luku siirtää logoa alaspäin, negatiivinen ylöspäin. 0: keskitetty ylätunnisteen riviin.
Logon sijainti lovessa tietokoneella
Liukusäädin, -8–12 pxOletus: 0 pxPositiivinen luku siirtää logoa alaspäin, negatiivinen ylöspäin. 0: keskitetty ylätunnisteen riviin.

Rajaa logon läpinäkyvät reunat

Rajaa yläreunasta
Liukusäädin, 0–40 %Oletus: 17 %
Rajaa alareunasta
Liukusäädin, 0–40 %Oletus: 22 %
Rajaa vasemmasta reunasta
Liukusäädin, 0–40 %Oletus: 7.5 %
Rajaa oikeasta reunasta
Liukusäädin, 0–40 %Oletus: 3.5 %

Logokuvassa on yleensä läpinäkyviä reunoja allekirjoituksen ympärillä. Määritä, paljonko kuvan kustakin reunasta leikataan (prosentteina); yllä olevat logon koot koskevat sen jälkeen jäljelle jäävää osaa. Jos kuva on jo rajattu tiiviisti, pidä kaikki arvot nollassa.

Kuvakkeet

Näytä hakupainike
Päällä tai poisOletus: Päällä
Hakukenttään kirjoitettavat sanat
TekstiPuhelimissa nämä sanat kirjoitetaan kenttään yksi kerrallaan, kun haku avautuu. Erota pilkuilla. Jätä tyhjäksi, niin käytetään päävalikon linkkien nimiä. Ne näkyvät myös ideoina ennen kirjoittamista.
Ennen kirjoittamista
Valinta: Ideat ja viimeisimmät haut, Vain ideat, Vain viimeisimmät haut, Ei mitäänOletus: Ideat ja viimeisimmät hautIdeat ovat hakukentän sanat. Viimeisimmät haut ovat asiakkaan omia ja tallennetaan hänen selaimeensa.
Tilivalikko
ValikkoLinkit Shopifyn tili-ikkunassa kirjautumisen alla. ”Asiakastilin päävalikko” pitää ne samoina kuin tilin sivuilla.
Ylätunnisteen kolikoiden koko
Liukusäädin, 36–48 pxOletus: 40 pxYlätunnisteen kolikoiden halkaisija puhelimessa ja tabletissa. Tietokoneella ylätunnisteessa ei ole kolikoita: kuvakkeet ovat nauhalla viivoina. Kolikon sisällä oleva kuvake on puolet halkaisijasta.
Laukku reagoi lisäykseen
Päällä tai poisOletus: PäälläKun tuote lisätään ostoskoriin, laukku putoaa hieman, litistyy ja ponnahtaa takaisin. Ei silloin, kun määrä muuttuu ostoskorissa.

Ylätunniste tietokoneella

Valikon tyyli tietokoneella
Valinta: Kirjasto: kaikki linkit sarakkeissa, Huoneet: yksi ryhmä kerrallaan, Galleria: kuva jokaiselle ryhmälleOletus: Kirjasto: kaikki linkit sarakkeissaMiten nauhan alla oleva paneeli näyttää valikkokohdan linkit. Rakennetaan tavallisesta valikostasi, enintään kolme tasoa.
Kokoelman kuva valikoissa
Päällä tai poisOletus: PäälläKirjasto- ja huonetyylissä kokoelman kuva näkyy linkkien vieressä ja vaihtuu osoittimen alla olevan linkin mukaan. Galleria näyttää aina kuvat.
Valikkopaneelin väri
Valinta: Valkoinen, kuten haku, Tumma, Oma väriOletus: Valkoinen, kuten haku
Paneelin väri
VäriTekstin väri valitaan automaattisesti: tumma vaalealla värillä, vaalea tummalla.

Kelluva valikko puhelimessa

Kelluva valikko vierittäessä
Valinta: Pois, PuhelimessaOletus: PuhelimessaPuhelimessa, kun ylätunniste vierittyy pois, samat neljä kuvaketta kelluvat kapselissa näytön alareunassa peukalon lähellä. Valikko, haku ja ostoskori avautuvat ylhäältä, kuten sivun alussa. Chat-sovellukset: jätä niiden asetuksiin vähintään 90 px:n alamarginaali, jotta ne asettuvat sen yläpuolelle.
Kelluvan valikon muoto
Valinta: Välilehti kehyksestä, Kelluva, kapea ylhäältä, Kelluva, leveä ylhäältäOletus: Välilehti kehyksestäVälilehti: nousee kehyksen alareunasta logon loven muotoisena, kehyksen värisenä. Kelluvat muodot käyttävät alla olevaa valikon väriä.
Kelluvan valikon väri
Valinta: Kuten ylätunnisteen kolikot, Tumma, VaaleaOletus: Kuten ylätunnisteen kolikot”Kuten ylätunnisteen kolikot” seuraa ylätunnisteen kolikoiden väriä: tumma tumman kehyksen kanssa, vaalea valkoisen kehyksen kanssa.
Alavalikon kuvakkeiden väri
VäriPuhelimen kelluvan valikon kuvakkeet. Tyhjä: valikon sävyn väri.
Alavalikon renkaiden väri
VäriOhut rengas jokaisen kuvakkeen ympärillä, ilman täyttöä. Avoin kuvake täyttyy tällä värillä. Tyhjä: valikon sävyn väri.
Etäisyys kehyksestä
Liukusäädin, 0–24 pxOletus: 4 pxVäli valikon ja sen alla olevan kehyksen välillä, tai selainpalkin, kun se peittää kehyksen. Sama vieritettäessä ylös tai alas. Oletus: 4 px.
Päävalikko
ValikkoMuokkaa valikon kohteita kohdassa Sisältö > Valikot.
Pieni otsikko puhelimen valikon yläpuolella
TekstiJätä tyhjäksi, niin käytetään oletusta.
Jäsenklubin painikkeen teksti
TekstiPainike puhelimen valikon alareunassa. Jätä tyhjäksi, niin käytetään oletusta.
Kielen ja maan valitsin valikossa
Päällä tai poisOletus: PäälläKlubipainikkeen yläpuolella. Näkyy vain, kun kieliä tai maita on enemmän kuin yksi.
Kielivalitsin palkissa
Päällä tai poisOletus: PäälläTietokoneella kielivalitsin yläpalkissa ennen hakukuvaketta. Puhelimessa ja tabletissa se on valikossa.
Liput kielten vieressä
Päällä tai poisOletus: PäälläPieni lippu jokaisen kielen vieressä. Jotkin kaupat jättävät ne pois, koska kieli ei ole maa.
Sosiaaliset verkostot valikossa
Päällä tai poisOletus: PäälläRivi täytettyjä kuvakkeita klubipainikkeen alla, kuten alatunnisteessa. Linkit ja järjestys määritetään teeman asetuksissa kohdassa Sosiaalinen media. Facebook, Instagram, TikTok, YouTube ja X näkyvät tavallisena kuvakkeena, kunnes lisäät linkin; muut verkostot vain linkin kanssa.
Valikon väri
VäriOletus: #FFFFFFMikä tahansa väri. Teksti ja painike mukautuvat: tummalla värillä teksti on kermanvärinen. Oletus: valkoinen, kuten kehys.
Taustan tyyli
Valinta: Tasainen väri, Valaistu näyttämöOletus: Tasainen väriValaistu 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.
Klubipainikkeen väri
VäriPainike valikon alareunassa. Tyhjä: valikon väri. Teksti muuttuu vaaleaksi tai tummaksi sen mukaan.
Valikon taustakuva
KuvaValinnainen. Kuva latautuu vasta, kun valikko avataan ensimmäisen kerran. Sen päällä on valikon värinen huntu.
Hunnun voimakkuus kuvan päällä
Liukusäädin, 0–100 %Oletus: 80 %Kuinka paljon valikon väri peittää kuvaa, jotta teksti pysyy luettavana. 0 näyttää kuvan sellaisenaan.

Eikö jokin tässä vastaa sitä, mitä näet editorissa? Kerro meille, niin korjaamme oppaan.