Valikkolinkin luominen

Moniverkkokaupassa valitse ensin ylävalikosta verkkokaupan url, johon haluat muokata valikkolinkkejä.

Jos teet valikkolinkkejä samaan verkkokauppaan, mutta eri kieliversioon voit valita kieliversion muokkausvaiheessa.

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

Jos haluat, että somekanavan nimi näkyy ikonin vieressä: