Verkkokaupan pudotusvalikoiden määrittäminen

Pudotusvalikoilla voit ryhmitellä tuotteita, kokoelmia tai sivuja yhteen ja näin helpottaa asiakkaiden liikkumista verkkokaupassasi. Jos kaupassasi on esimerkiksi paljon tuotteita, voit lisätä ne kokoelmiin ja järjestää ne päävalikosta avautuviin pudotusvalikoihin. Tämä auttaa asiakkaita löytämään etsimänsä tyyppisiä tuotteita.

Voit myös lisätä, poistaa tai muokata pudotusvalikoiden tai oletusvalikoiden valikkokohtia.

Voit tarkastella ja muokata verkkokaupan valikoista Shopify Adminissa valitsemalla Sisältö > Valikot.

Valikkokohtien asettaminen sisäkkäin pudotusvalikoiden luomiseksi

Voit rakentaa pudotusvalikkoja luomalla tai siirtämällä valikkokohtia niin, että ne ovat sisäkkäiset ylätason valikon alaisuudessa. Ylätason valikko näkyy verkkokaupan päävalikossa, ja sen sisäkkäiset valikkokohdat näkyvät pudotusvalikossa. Ylätason valikon alaisuudessa voi olla enintään kahdella tasolla olevia sisäkkäisiä pudotusvalikoita:

Kaikki teemat näyttävät sisäkkäiset kohdat päävalikon pudotusvalikkoina, ja joissakin teemoissa sisäkkäiset kohdat näkyvät pudotusvalikkoina muissa paikoissa.

Verkkokaupan päävalikon ja alasvetovalikoiden ulkoasu ja sijainti riippuvat teemasta. Joissakin teemoissa päävalikosta avattavan alasvetovalikon nimen vieressä näkyy kuvake, joka auttaa asiakkaita tunnistamaan, että kyseessä on pudotusvalikko.

Pudotusvalikon lisääminen päävalikosta

Voit lisätä pudotusvalikon mistä tahansa päävalikon kohdasta.

Ohjeet:

Tietokone
  1. Siirry Shopify Adminissa kohtaan Sisältö > Valikot.

  2. Klikkaa päävalikon nimeä.

  3. Valitse jokin päävalikkokohta pudotusvalikon otsikoksi tai lisää uusi valikkokohta otsikoksi. Jos et halua linkittää otsikkoa mihinkään, anna otsikkovalikkokohdan Etsi tai liitä linkki ‑kentän arvoksi #.

  4. Voit lisätä pudotusvalikkoon valikkokohdan toimimalla näin:

    1. Klikkaa Lisää valikkokohta.
    2. Kirjoita Nimi-kenttään valikkokohdan nimi.
    3. Kirjoita tai valitse valikkokohdan kohde Hae tai liitä linkki -kentässä.
  5. Aseta valikkokohta otsikkovalikkokohdan alapuolelle klikkaamalla Lisää ja klikkaamalla sitten Vedä ja vetämällä valikkokohtaa.

  6. Klikkaa Tallenna valikko.

iPhone
  1. Napauta Shopify-sovelluksesta Vaakavalikko-painiketta.

  2. Napauta Sisältö > Valikot.

  3. Napauta päävalikon nimeä.

  4. Määritä jokin päävalikkokohta pudotusvalikon otsikoksi tai lisää uusi valikkokohta otsikoksi. Jos et halua linkittää otsikkoa mihinkään, anna otsikkovalikkokohdan Hae tai liitä linkki ‑kentän arvoksi #.

  5. Voit lisätä pudotusvalikkoon valikkokohdan toimimalla näin:

    1. Napauta Lisää valikkokohta.
    2. Kirjoita Nimi-kenttään valikkokohdan nimi.
    3. Kirjoita tai valitse valikkokohdan kohde Hae tai liitä linkki -kentässä.
  6. Aseta valikkokohta otsikkovalikkokohdan alapuolelle napauttamalla Lisää ja napauttamalla sitten Vedä ja vetämällä valikkokohtaa.

  7. Napauta Tallenna.

Android
  1. Napauta Shopify-sovelluksesta Valikko-painiketta.

  2. Napauta Sisältö > Valikot.

  3. Napauta päävalikon nimeä.

  4. Määritä jokin päävalikkokohta pudotusvalikon otsikoksi tai lisää uusi valikkokohta otsikoksi. Jos et halua linkittää otsikkoa mihinkään, anna otsikkovalikkokohdan Hae tai liitä linkki ‑kentän arvoksi #.

  5. Voit lisätä pudotusvalikkoon valikkokohdan toimimalla näin:

    1. Napauta Lisää valikkokohta.
    2. Kirjoita Nimi-kenttään valikkokohdan nimi.
    3. Kirjoita tai valitse valikkokohdan kohde Hae tai liitä linkki -kentässä.
  6. Aseta valikkokohta otsikkovalikkokohdan alapuolelle napauttamalla Lisää ja napauttamalla sitten Vedä ja vetämällä valikkokohtaa.

  7. Napauta .

Alatunnistevalikon integrointi

Pudotusvalikoita voi toteuttaa myös alatunnistevalikoissa.

Ohjeet:

  1. Siirry Shopify Adminissa kohtaan Sisältö > Valikot.
  2. Valinnainen: noudata samoja sisäkkäisyyden periaatteita kuin päävalikoissa – luo esimerkiksi pudotusrakenne vetämällä valikkokohdat otsikkokohdan alle klikkaamalla Vedä ja vetämällä kohteet paikoilleen.
  3. Kirjoita sellaisten otsikkokohteiden, joiden ei pitäisi linkittää sivulle (esimerkiksi Tuki- tai Tutustu-otsikot), Linkki-kenttään #.

Teeman yhteensopivuuteen liittyviä huomioitavia seikkoja

Kun lisäät pudotusvalikoita teemaasi, tutustu seuraaviin tähän liittyviin huomioitaviin seikkoihin:

  • Useimmat teemat tukevat pudotusvalikoiden sisäkkäisyydessä kahta tasoa. Tarkista teemasi käyttöohjeet tai varmista yhteensopivuus testaamalla sisäkkäiset kohteet.
  • Jotkut teemat saattavat edellyttää CSS:n muokkaamista mobiilikäytettävyyden parantamiseksi. Älä mukauta teemaasi, jos et tunne teemakoodia. Lue lisää teeman mukauttamisesta.

Pudotusvalikoiden parhaat käytännöt

Tutustu seuraaviin parhaisiin käytäntöihin, joiden avulla voit luoda kaikilla laitteilla toimivan hyödyllisen valikkorakenteen.

  • Käytä kuvaavia merkintöjä (esimerkiksi Osta luokan perusteella) ylimmän tason valikkokohteissa, joilla on #-linkit.

  • Varmista, että valikot on optimoitu mobiililaitteille. Testaa valikot mobiililaitteella ja varmista, että pudotusvalikot laajentuvat odotetusti.

  • Lisää enintään seitsemän ylimmän tason valikkokohtaa, jotta näkymä pysyy selkeänä.

  • Käytä selkeitä ja kuvailevia linkkien otsikoita. Otsikoita voivat olla esimerkiksi Kokoelmat ja Kesämekot.

Yleisten ongelmien vianmääritys

Tutustu seuraaviin yleisiin ongelmiin, joita saatat kohdata navigointivalikoita määrittäessäsi, sekä niiden ratkaisuihin:

  • Mobiilivalikon uudelleenohjaukset: jos ylimmän valikkolinkki uudelleenohjaa uudelle sivulle, kun napautat sitä, tarkista Shopify Adminin valikosta, että valikon linkkikentän arvo on #.

  • Näkyvyysongelmat: Jos sisäkkäiset kohteet eivät näy, varmista, että ne on vedetty kokonaan otsikkokohdan alle ja että ne on sisennetty Valikot-liittymässä. Varmista, että teemasi tukee määrittämääsi sisäkkäisten tasojen määrää.

Teemakoodin mukauttaminen

Jos teemasi edellyttää syvällisempää mukautusta, voit harkita teemakoodin mukauttamista.

Etkö löydä hakemaasi vastausta? Autamme mielellämme.