Mobiilin alapalkki

Ohje Pro Navigation 7 min lukuaika

Palkki pysyy näytöllä, kun asiakas vierittää sivua, kuten mobiilisovelluksen välilehtipalkki. Sen kautta pääsee yhdellä napautuksella etusivulle, valikkoon, ostoskoriin, hakuun, chattiin tai soittamaan. Kohde voi myös avata pienen alivalikon, esimerkiksi Lisää-kohteen, jossa on tili-, yhteystieto- ja UKK-linkit.

Alapalkin editori: asetusvälilehdet (1) ja reaaliaikainen esikatselu (2). Vaihda esikatselun laitetta esikatselun vasemman alakulman painikkeilla.

Asetusvälilehdet ovat Valikkokohteet, Yleiset, Typografia, Värit, Sijainti, Lisäasetukset ja Versiohistoria.

Luo alapalkki

1. Luo palkki

   Napsauta sovelluksen Etusivu-sivulla Lisää alanavigointi – tai napsauta Valikoiden hallinnassa Luo valikko ja valitse Mobiilin alapalkki.

   

   Etusivu: (1) pikatoiminnot valikon luomiseen tai tuomiseen, (2) painike, joka ottaa sovelluksen upotuksen käyttöön

2. Määritä kohteet

   Muokkaa Valikkokohteet-välilehdellä oletuskohteita ja lisää omasi. Katso Lisää ja muokkaa kohteita.

   

   Alapalkin editori: asetusvälilehdet (1) ja reaaliaikainen esikatselu (2). Vaihda esikatselun laitetta esikatselun vasemman alakulman painikkeilla.

3. Muotoile palkki

   Säädä välilehtiä Yleiset, Typografia ja Värit. Katso Muotoile palkki.

   

   Yleiset asetukset, mukaan lukien alivalikon sijainti ja avaustyyli.

4. Valitse, missä palkki näkyy

   Valitse Sijainti-välilehdellä laitteet ja paikka näytöllä. Katso Valitse, missä palkki näkyy.

   

   Ota palkki käyttöön mobiilissa (1) ja tietokoneella (2) ja valitse sitten sijainti.

5. Tallenna ja julkaise

   Napsauta oikeassa yläkulmassa Tallenna ja sitten Julkaise. Katso Julkaise palkki.

Lisää ja muokkaa kohteita

1. Näytä kohteen toiminnot

   Vie Valikkokohteet-välilehdellä hiiri kohteen päälle, niin näet painikkeet Muokkaa, Monista ja Poista. Vaihda kohteiden järjestystä vetämällä kahvasta.

   

   Vie hiiri kohteen päälle muokataksesi, monistaaksesi tai poistaaksesi sen.

2. Lisää kohteita ja alivalikoita

   Napsauta Lisää kohde lisätäksesi kohteen samalle tasolle, tai kohteen Lisää alivalikko sijoittaaksesi kohteita sen alle. Sisäkkäiset kohteet avautuvat alivalikkona, enintään kolme tasoa.

3. Määritä kuvake, otsikko ja linkki

   Avaa Muokkaa valikkokohdetta napsauttamalla Muokkaa. Valitse Kuvake (napsauta Muuta), kirjoita Otsikko ja napsauta sitten Linkki-kenttää.

   

   Valitse kohteen toiminto napsauttamalla Linkki-kenttää.

4. Valitse toiminto

   Napsauta Valitse linkki -ikkunassa toiminnon vieressä Valitse (1). Linkki-kenttään (2) tulee linkin alku, esimerkiksi /collections/ valinnalla Products by collection. Täydennä se Syntaksi-sarakkeen mukaisesti, esimerkiksi /collections/summer-sale, ja napsauta Päivitä (3).

   

   Napsauta Valitse (1), täydennä linkki (2) ja napsauta sitten Päivitä (3).

Kohteen asetukset

Kuvake

Valitse kuvake tai lataa kuva napsauttamalla Muuta.

Otsikko

Kuvakkeen alla näkyvä teksti.

Linkki

Mitä napautus tekee. Avaa Valitse linkki napsauttamalla kenttää (katso Kohteen toiminnot).

Avaa uudessa välilehdessä

Avaa linkin uudessa selaimen välilehdessä.

Kuvaus

Valinnainen lyhyt teksti, joka näkyy kohteen kanssa.

Kuvakkeen koko

Kuvakkeen koko pikseleinä.

Laatikko > Reunan pyöristys

Pyöristää kohteen laatikon kulmia, 0–100 px.

Laatikko > Laatikon sisäreunus

Tila kohteen laatikon sisällä, 0–100 px.

Laatikko > Sijainti

Siirtää kohdetta vasemmalle (negatiivinen) tai oikealle (positiivinen), -100–100 px.

Väri

Tekstin, kuvakkeen, kuvakkeen taustan ja taustan värit vain tälle kohteelle, kullekin oma väri osoitettaessa. Tyhjennä asetukset palauttaa palkin värit.

Merkki

Pieni nimike kohteessa: Otsikko, Merkin tekstiväri ja Merkin taustaväri.

Näkyvyys

Piilottaa kohteen joillakin laitteilla tai joiltakin asiakkailta, tai näyttää sen vain kahden päivämäärän välillä. Katso Näkyvyyssäännöt.

Lisäasetukset

Ylimääräinen luokan nimi lisää CSS-luokan mukautettua CSS:ää varten. Jaa lisää kohteen viereen erotinviivan.

Kohteen toiminnot

Valitse linkki ryhmittelee toiminnot kahdeksaan osioon. Näet esimerkin napsauttamalla toiminnon vieressä olevaa tietokuvaketta.

1. Linkki kauppasi sisäisille sivuille

Tarkka lyhyt URL /[your-url], etusivu /, kaikki tuotteet /collections/all, tuotteet kokoelmittain /collections/[collection-handle], tuotesivu /products/[your-product-shorturl], kaikki blogikirjoitukset /blogs/news, yksittäinen blogikirjoitus /blogs/news/[your-blog-shorturl], yksittäinen sivu /pages/[your-page-shorturl], ostoskorisivu /cart, hakusivu /search, yhteydenottolomake /pages/contact.

2. Open panels (yhteensopiva suosittujen teemojen kanssa)

Avaa valikko (mobiili) gm-open:MobileMenu, avaa ostoskori gm-open:Cart, avaa haku gm-open:Search.

3. Avaa muita sovelluksia (esim. Shopify Inbox)

Avaa chat gm-open:Inbox avaa Shopify Inbox -chatin.

4. Vieritä sivulla

Vieritä ylös gm-scroll:Top, vieritä alas gm-scroll:Bottom, vieritä sivun elementtiin gm-scroll:OnPage(htmlElement).

5. Kutsu JavaScript-funktiota

gm-javascript:Function suorittaa sivustollasi JavaScript-funktion.

6. Tukityökalut

Soita puhelu tel:, lähetä tekstiviesti sms:, lähetä sähköposti mailto:, chattaa Messengerissä, WhatsAppissa, Telegramissa, Linessa tai Zalossa.

7. Jaa

Kopioi nykyinen URL gm-share:CopyUrl, jaa Facebookiin gm-share:Facebook, jaa X:ään (Twitter) gm-share:X.

8. Linkki ulkoisille sivustoille

Täydellinen URL (mikä tahansa täydellinen verkko-osoite), älä ohjaa #.

Osiot 2–4: paneelien avaaminen, muut sovellukset ja vieritys.

Osiot 5 ja 6: JavaScript ja tukityökalut.

Osiot 7 ja 8: jakaminen ja ulkoiset linkit.

Esimerkkejä:

• gm-scroll:Top(150) – vierittää ylös ja jättää 150 px:n marginaalin.
• gm-scroll:OnPage(#page-title) – vierittää elementtiin, jonka tunnus on page-title.
• tel:+0123456789 – soittaa tähän numeroon.
• sms:+012345678?body=I need help – avaa tekstiviestin, jossa teksti on valmiina.
• https://wa.me/0123456789 – avaa WhatsApp-chatin. Käytä maatunnusta ilman +-merkkiä.

Muotoile palkki

Yleiset asetukset, mukaan lukien alivalikon sijainti ja avaustyyli.

Yleiset

Päävalikko (taso 1)

Valikon pyöristys

Palkin kulmien pyöristys, 0–50 px.

Kohteiden väli

Kohteiden välinen tila, 0–50 px.

Vaakasuora sisäreunus · Pystysuora sisäreunus

Vaaka- ja pystysuuntainen tila kunkin kohteen sisällä, 0–100 px.

Käytä laatikkovarjoa

Lisää palkin ympärille varjon.

Alivalikko (tasot 2, 3)

Alivalikon sijainti

Vasen, Oikea, Keskellä tai Koko leveys.

Alivalikon avaustyyli

Pudotusvalikko tai Liukupaneeli.

Alivalikon leveys

100–900 px.

Vaakasuora sisäreunus · Pystysuora sisäreunus

Vaaka- ja pystysuuntainen tila kunkin alivalikon kohteen sisällä, 0–100 px.

Kuvake ja teksti

Kuvakkeen koko · Alivalikon kuvakkeen koko

Kuvakkeiden koot palkissa ja sen alivalikoissa, 0–100 px.

Päävalikon väli: teksti – kuvake · Alivalikon väli: teksti – kuvake

Kuvakkeen ja tekstin välinen tila, 0–50 px.

Lisäasetukset

Piilota valikon teksti

Palkissa näkyvät vain kuvakkeet.

Piilota alivalikon teksti

Alivalikoissa näkyvät vain kuvakkeet.

Piilota alivalikon kuvaus

Piilottaa kohteiden kuvaukset alivalikoissa.

Typografia

Määritä Fonttiperhe, Font weight (fontin paksuus) ja Fonttikoko kohteille Päävalikko, Alivalikon teksti ja Alivalikon kuvaus. Käytä mukautettua fonttia toimii kuten sivulla Säädä valikon fontteja.

Värit

Päävalikon väri

Tekstin väri, Hover text color (tekstin väri osoitettaessa), Icon color (kuvakkeen väri), Hover icon color (kuvakkeen väri osoitettaessa), Taustaväri, Hover background color (taustan väri osoitettaessa).

Alivalikon väri

Samat kuusi väriä alivalikoille.

Muu valikon väri

Description color (kuvauksen väri), Hover description color (kuvauksen väri osoitettaessa), Divide color (erottimen väri).

Valitse, missä palkki näkyy

1. Valitse laitteet

   Ota Sijainti-välilehdellä käyttöön Näytä mobiilissa (1), Näytä tietokoneella (2) tai molemmat.

   

   Ota palkki käyttöön mobiilissa (1) ja tietokoneella (2) ja valitse sitten sijainti.

2. Valitse sijainti

   Napsauta asettelua kunkin kytkimen alla:

   • Mobiili – alhaalla, ylhäällä, keskellä vasemmalla, keskellä oikealla, alhaalla vasemmalla tai alhaalla oikealla.
   • Tietokone – alhaalla keskellä, alhaalla vasemmalla, alhaalla oikealla, alhaalla koko leveydeltä, keskellä vasemmalla tai keskellä oikealla.

3. Piilota vieritettäessä (valinnainen)

   Valitse Piilota alaspäin vieritettäessä, jotta palkki ei peitä sisältöä, kun asiakas vierittää alaspäin.

Lisäasetukset

Saatavuus markkinoittain

Näyttää palkin vain valituilla markkinoilla. Katso Näytä valikot markkinoittain.

Valikon z-index

Pinoamisjärjestys. Nosta arvoa, jos muut elementit peittävät palkin; laske sitä, jos palkki peittää ponnahdusikkunoita.

Valikon läpinäkyvyys

Palkin läpinäkyvyys, 0–100 %.

Alamarginaali

Palkin ja näytön alareunan välinen tila.

Tyylitaulukko / CSS

Mukautettu CSS palkille.

JavaScript

Mukautettu JavaScript palkille.

Näkyvyyssäännöt

Missä	Asetus	Vaikutus
Sijainti-välilehti	Näytä mobiilissa, Näytä tietokoneella	Näyttää tai piilottaa koko palkin laitteittain.
Lisäasetukset-välilehti	Saatavuus markkinoittain	Näyttää koko palkin vain valituilla markkinoilla.
Kohde > Näkyvyys	Piilota tietokoneella, Piilota mobiilissa	Piilottaa yhden kohteen tietyllä laitteella.
Kohde > Näkyvyys	Piilota sisäänkirjautuneena, Näytä vain sisäänkirjautuneena	Näyttää yhden kohteen vain vierailijoille tai vain sisäänkirjautuneille asiakkaille.
Kohde > Näkyvyys	Ajasta julkaisu	Näyttää yhden kohteen vain päivämäärien Aloituspäivä ja Päättymispäivä välillä.

Julkaise palkki

1. Julkaise

   Napsauta oikeassa yläkulmassa Tallenna ja sitten Julkaise, valitse teema ja vahvista. Ikkuna toimii samoin kuin megavalikossa (katso Julkaise valikko). Tila muuttuu Luonnos-tilasta Aktiivinen-tilaan.

   

   Julkaise valikko -ikkuna: (1) Valitse teema, (2) Esikatsele ja julkaise

2. Tarkista kauppasi

   Avaa kauppasi puhelimella tai kapeassa selainikkunassa.

Muuta tai poista palkki

• Poista palkki kaupastasi – napsauta editorin yläosassa Poista käytöstä.
• Palauta aiempi versio – avaa Versiohistoria-välilehti. Katso Versiohistoria.

Vianmääritys

Palkki ei näy kaupassani

Palkki latautuu sovelluksen upotuksen kautta, kuten kaikki valikot. Varmista, että sovelluksen upotus on käytössä kyseisessä teemassa – katso Ota sovelluksen upotus käyttöön.

Open panels -toiminto ei tee mitään

Open panels (avaa paneelit) -toiminnot avaavat teemasi oman valikkolaatikon, ostoskorilaatikon tai haun, joten ne toimivat suosittujen teemojen kanssa. Jos teemassasi ei tapahdu mitään, linkitä sen sijaan sivulle (esimerkiksi ostoskorisivu /cart) tai ota meihin yhteyttä.

Palkki on chat-painikkeen tai evästebannerin päällä

Kasvata Alamarginaali-arvoa tai muuta Valikon z-index -arvoa Lisäasetukset-välilehdellä, tai valitse toinen sijainti Sijainti-välilehdellä.

Aiheeseen liittyvät sivut

• Ota sovelluksen upotus käyttöönOta Globo Mega Menun sovelluksen upotus käyttöön, jotta valikkosi voi latautua kaupassasi.
• Lisää valikkokohteeseen kuvakeNäytä kirjaston kuvake tai oma lataamasi kuva valikkokohteen otsikon vieressä.
• VersiohistoriaPalauta valikon aiemmin tallennettu versio lataamalla se editoriin ja tallentamalla se.
• Paketit ja laskutusVertaa Globo Mega Menun paketteja, aloita ilmainen kokeilujakso ja päivitä, vaihda pienempään tai peru pakettisi.

Oliko tästä apua?

Ilmoita ongelmasta