Valikkolinkin luominen

Valikkolinkit näkyvät verkkokaupan valikkorivillä ja ne voidaan linkata valitsemaasi sisältösivuun.

KvJDR4ka9e.png

Valikkoriville voidaan lisätä myös some-ikoneita.

image-20240701-110003.png

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.

      • 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.

  1. Avaa verkkokaupan ylläpidossa Valikko → Valikkolinkit

  2. Klikkaa Lisää valikkolinkki -nappia

  3. Valitse linkin tyypiksi alasvetovalikosta Ulkoinen linkki

  4. Lisää somesivun url-osoite linkki-kenttään

  5. Lisää haluamasi ikoni liittämällä Nimi-kenttään haluamasi ikonin HTML-koodi. Löydät eri ikonien koodit tämän ohjeen alta.

  6. 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öä.

  7. Jos haluat rajata valikko-linkin tai ikonin tietylle asiakasryhmälle voit valita halutun kohdenryhmän kohdassa Asiakasryhmät.

  8. 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ä:

Facebook

<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ä: