Pudotusvalikkojen määrittäminen verkkokaupassa

Pudotusvalikkojen avulla voit ryhmitellä tuotteita, kokoelmia tai sivuja ja helpottaa asiakkaiden navigointia verkkokaupassasi. Jos sinulla on esimerkiksi paljon tuotteita, voit lisätä ne kokoelmiin ja järjestää kokoelmat päävalikon pudotusvalikon avulla. Tämä voi auttaa asiakkaita löytämään etsimänsä tuotetyypit.

Voit myös lisätä, poistaa tai muokata valikkokohtia pudotusvalikoissa tai oletusvalikoissasi.

Voit tarkastella ja muuttaa verkkokauppasi valikoita Shopifyn ohjausnäkymän kohdasta Sisältö > Valikot.

Valikkokohtien sisäkkäistäminen pudotusvalikoiden luomiseksi

Voit luoda pudotusvalikoita luomalla tai siirtämällä valikkokohtia siten, että ne ovat sisäkkäin ylätason kohteen alla. Ylätason kohde näkyy verkkokauppasi päävalikossa, ja sisäkkäiset valikkokohdat näkyvät pudotusvalikossa. Ylätason kohteella voi olla enintään kaksi tasoa sisäkkäisiä pudotusvalikoita.

Kaikki teemat näyttävät sisäkkäiset kohteet pudotusvalikkoina päävalikossa, ja jotkin teemat näyttävät sisäkkäiset kohteet pudotusvalikkoina myös muissa paikoissa.

Päävalikko ja pudotusvalikot näkyvät verkkokaupassasi eri paikoissa teemasi mukaan. Jotkin teemat näyttävät päävalikon pudotusvalikon nimen vieressä kuvakkeen, jonka avulla asiakkaat tunnistavat, että kyseessä on pudotusvalikko.

Pudotusvalikon lisääminen päävalikosta

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

Vaiheet:

Integrointi alatunnistevalikkoon

Pudotusvalikoita voidaan ottaa käyttöön myös alatunnistevalikoissa.

Vaiheet:

1. Siirry Shopifyn ohjausnäkymässä kohtaan Sisältö > Valikot.
2. Valinnainen: Noudata samoja päävalikoissa käytettyjä sisäkkäisyysperiaatteita ja luo pudotusvalikkorakenne vetämällä valikkokohtia ylätunnistekohteen alle. Napsauta ja vedä kohteet paikoilleen.
3. Syötä # Linkki-kenttään niiden ylätunnistekohteiden kohdalla, joiden ei pidä linkittyä sivulle (esimerkiksi ylätunnisteet ”Tuki” tai ”Tutustu”).

Teeman yhteensopivuuteen liittyviä seikkoja

Ota huomioon seuraavat seikat, kun lisäät pudotusvalikoita teemaasi:

• Useimmat teemat tukevat enintään kahta sisäkkäistä pudotusvalikkotasoa. Tarkista yhteensopivuus teemasi dokumentaatiosta tai testaamalla sisäkkäisiä kohteita.
• Jotkin teemat saattavat vaatia CSS-muokkauksia mobiilikäytettävyyden parantamiseksi. Älä mukauta teemaasi, jos teemakoodi ei ole sinulle tuttua. Lue lisää teeman mukauttamisesta.

Sen selvittäminen, tukeeko teemasi sisäkkäisiä pudotusvalikoita

Voit selvittää seuraavien resurssien avulla, tukeeko nykyinen teemasi haluamaasi sisäkkäisten pudotusvalikkotasojen enimmäismäärää:

1. Tarkista teemasi dokumentaatio: Tarkista teeman dokumentaatiosta valikko-ominaisuuksia ja tuettuja sisäkkäisyyden tasoja koskevat tarkemmat tiedot.
2. Testaa sisäkkäisiä kohteita: Luo testimenurakenne, jossa on haluamasi määrä sisäkkäisiä tasoja, ja varmista, että se näkyy oikein sekä tietokoneella että mobiililaitteilla.

Useimmat teemat tukevat enintään kahta sisäkkäistä pudotusvalikkotasoa. Jos sinulla on ongelmia pudotusvalikoiden kanssa, varmista, että teemasi tukee käyttämiesi sisäkkäisten tasojen määrää, sillä jotkin teemat saattavat vaatia lisämukautuksia useiden sisäkkäisten tasojen tukemiseksi.

Pudotusvalikoiden parhaat käytännöt

Tutustu seuraaviin parhaisiin käytäntöihin luodaksesi hyödyllisen valikkorakenteen, joka toimii hyvin kaikilla laitteilla:

• Käytä kuvailevia nimiä, kuten ”Osta kategorian mukaan”, ylätason valikkokohteissa, joissa on #-linkkejä.
• Varmista, että valikot on optimoitu mobiililaitteille. Voit testata valikoita mobiililaitteilla varmistaaksesi, että pudotusvalikot laajenevat odotetusti.
• Lisää enintään seitsemän ylätason valikkokohtaa, jotta valikko ei ruuhkaudu.
• Käytä selkeitä ja kuvailevia linkkien otsikoita. Esimerkiksi ”Kokoelmat” ja ”Kesämekot”.
• Jokaisessa valikossa voi olla enintään 10 000 kohdetta, ja kaupassasi voi olla yhteensä enintään 1 000 valikkoa. Jokainen valikkokohta, jolla on alakohtia pudotusvalikossa, lasketaan erilliseksi valikoksi tätä rajaa laskettaessa.

Pudotusvalikon saavutettavuus

Useimmissa teemoissa pudotusvalikon ylätunnisteet on toteutettu painikkeina eikä napsautettavina linkkeinä. Tämä on tarkoituksellinen saavutettavuutta parantava ratkaisu, joka auttaa avustavaa teknologiaa käyttäviä asiakkaita ymmärtämään navigointirakennetta.

Kun ylätason valikkokohta ohjaa pudotusalivalikkoa, se toimii painikkeena valikon laajentamiseksi eikä linkkinä uudelle sivulle. Tämä lähestymistapa varmistaa, että ruudunlukuohjelmia tai muita avustavia laitteita käyttävät asiakkaat voivat navigoida kauppasi valikkojärjestelmässä oikein.

Jos haluat asiakkaiden pääsevän pääkategoriasivulle (kuten ”Kaikki tuotteet” tai ”Kaikki kokoelmat”), lisää se ensimmäiseksi kohteeksi itse pudotusvalikkoon sen sijaan, että tekisit ylätunnisteesta napsautettavan.

Yleisten ongelmien vianmääritys

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

• Mobiilivalikon uudelleenohjaukset: Jos ylätason valikkolinkki uudelleenohjaa uudelle sivulle, kun napautat sitä, tarkista valikko Shopifyn ohjausnäkymässäsi ja varmista, että valikon linkkikentässä on #.

• Näkyvyysongelmat: Jos sisäkkäiset kohteet eivät näy, varmista, että ne on vedetty kokonaan ylätunnistekohteen alle ja sisennetty Valikot-käyttöliittymässä. Vahvista, että teemasi tukee määrittämiesi sisäkkäisten tasojen määrää.

• Teeman yhteensopivuus: Jos sinulla on ongelmia pudotusvalikoiden kanssa, varmista, että teemasi tukee käyttämiesi sisäkkäisten tasojen määrää. Jotkin teemat saattavat vaatia lisämukautuksia useiden sisäkkäisten tasojen tukemiseksi.

• Sisäkkäisen valikon luominen estetty: Jos saat virheilmoituksen ”Valikko ei voi sisältää sisäkkäisiä valikoita. Ota sisäkkäisen navigoinnin ominaisuus käyttöön, jotta voit käyttää tätä”, kaupassasi saatetaan joutua aktivoimaan sisäkkäisen navigoinnin ominaisuus. Tämä koskee yleensä ennen vuotta 2018 luotuja kauppoja. Ota yhteyttä Shopify-tukeen, jos saat tämän virheilmoituksen.

• Väärä valikko näkyvissä: Jos sinulla on useita navigointilinkkejä, jotka osoittavat samalle sivulle (kuten etusivullesi), teemasi saattaa näyttää väärän alivalikon. Varmista, että kukin navigointiosio linkittyy yksilölliselle sivulle sekaannusten välttämiseksi.

• Valikkokohteet katoavat: Jos valikkolinkit katoavat ilman, että niitä poistetaan, tarkista, oletko poistanut tuotteita, kokoelmia tai sivuja, joihin valikkokohteet linkittyivät. Linkitetyn resurssin poistaminen poistaa myös valikkokohteen.

Teemakoodin mukauttaminen pudotusvalikoita varten

Jos teema vaatii syvällisempää mukauttamista, voit harkita teemakoodin mukauttamista.