Valikkolinkin luominen
- Hanna Lidman
Valikkolinkit näkyvät verkkokaupan valikkorivillä ja ne voidaan linkata valitsemaasi sisältösivuun.
Valikkoriville voidaan lisätä myös some-ikoneita.
Valikkolinkin luonti
Kun olet tehnyt sisältösivun valmiiksi se saadaan näkyviin verkkokaupassa, määrittelemällä sille linkki verkkokauppaan kohdassa Valikot - Valikkolinkit.
Aloita klikkaamalla +Lisää valikkolinkki-painiketta
Määrittele linkin tyyppi:
Sisäinen linkki = tämä ohjaa jonnekin verkkokauppasi sisällä. Anna määritys, mihin linkki kohdistetaan.
Huom! Osoitteesta tulee poistaa domainosuus, jotta se kohdistuu oikein. Esim. https://janne.nethit.cloud/i/tarjoussisaltosivu/27/ osoitteesta tulee poistaa osuus https://janne.nethit.cloud.
Ulkoinen linkki = tämä ohjaa verkkokauppasi ulkopuolella sijaitsevalle sivulle. Anna määritys, mihin linkki kohdistetaan.
Sivun linkki = tämä ohjaa verkkokaupan yläosaan valikkoriville. Samalla se valikkoriville tekstilinkin ja sitä klikkaamalla saat sisältösivun näkyviin.
Tyyppi alasvetolaatikon vieressä olevasta vetolaatikosta aiemmin luomasi sivu. ID-nro löytyy luomasi sisältösivun osoitteesta.
Jos haluat, voit rajata sisältösivun näkymään eri asiakasryhmille.
Valikkolinkkien järjestyksen muuttaminen
Voit muuttaa valikkolinkkien järjestystä samalla tavalla kuin sisältösivujen järjestystä muutetaan. Kts. teksti yläpuolella tässä artikkelissa.
Some-ikonin lisääminen valikkoriville
Kaikki some-ikonit (pl. Tiktok-ikoni) löytyvät verkkokaupan font-awesome kokoelmasta. Ikoneita ei siis tarvitse erikseen tallentaa kuvina tiedostohallintaan.
Avaa verkkokaupan ylläpidossa Valikko → Valikkolinkit
Klikkaa Lisää valikkolinkki -nappia
Valitse linkin tyypiksi alasvetovalikosta Ulkoinen linkki
Lisää somesivun url-osoite linkki-kenttään
Lisää haluamasi ikoni liittämällä Nimi-kenttään haluamasi ikonin HTML-koodi. Löydät eri ikonien koodit tämän ohjeen alta.
Lisää Avustava tekti-kenttään teksti, joka kertoo mitä kuva esittää tai mihin linkki johtaa. Tämä on tärkeä avustavia laitteita esim. Näytönlukijoita varten. Mikäli et lisää Avustavaa tekstiä, järjestelmä käyttää oletuksena Nimi -kentän sisältöä.
Jos haluat rajata valikko-linkin tai ikonin tietylle asiakasryhmälle voit valita halutun kohdenryhmän kohdassa Asiakasryhmät.
Tallenna ja päivitä selain. Tarvittaessa tyhjennä selaimen välimuisti.
Voit vaihtaa ikonin paikkaa valikkorivillä Klikkaamalla Järjestä valikkolinkit -nappia ja raahata linkit haluamaasi järjestykseen.
Huom!
Desktop-näkymässä footerissa näkyy automattisesti kaikki Valikko-linkit, joilla on alasivuja. Some-ikonit eivät näy siis Desktop näkymässä.
Mobiili-näkymässä näkyvät kaikki valikko-rivin linkit, myös mobiili-ikonit. Ota tämä huomioon jos valikkorivin pohjaväri on eri kuin footerin pohjaväri.
Tiktok-ikonin lisääminen tapahtuu samoin kuin normaalin valikko-linkin, mutta ikoni tulee lisätä tiedostonhallintaan ja kuva lisätään linkkiin Selaa tiedostoja-napin kautta.
Ikonien font-awesome linkit
Jos haluat, että valikkorivillä näkyy pelkästään ikoni, ilman linkin nimeä:
<span class="icon fa fa-facebook-square fa-lg"></span><span class="d-md-none"> Facebook</span>
Jos haluat, että somekanavan nimi näkyy ikonin vieressä: