Mosaiikkiasettelu ja Erikoisvalikko

Ohje Pro Navigation 2 min lukuaika

Tavallisessa megavalikossa jokaisella lohkolla on oma sarakkeensa, joten lyhyen linkkilistan alle jää tyhjää tilaa. Mosaiikkiasettelu ryhmittää useita lohkoja yhteen sarakkeeseen niin, että ne pinoutuvat – esimerkiksi kaksi lyhyttä brändilistaa jakaa ensimmäisen sarakkeen.

Mallit

Molemmat ovat kohdan Valitse malli ryhmässä Erikoisvalikko.

Mosaiikkiasettelu

Neljä saraketta (Kohderyhmä-lohkoja), joiden sisällä on pinottuja linkkilistoja.

Erikoisvalikko

Kategorialuettelo vasemmalla; jokaisella kategorialla on oikealla oma paneelinsa linkkilistoineen ja kuvineen, kuten suurten verkkokauppapaikkojen valikoissa.

Aloita Mosaiikkiasettelu-mallista

1. Lisää malli

   Klikkaa editorin Elementit-puussa ylätason kohteen alla Lisää alivalikko. Osoita ryhmää Erikoisvalikko (1) ja klikkaa sitten mallin Mosaiikkiasettelu kohdalla Valitse (2).

   

   (1) Osoita Erikoisvalikko-ryhmää, (2) valitse Mosaiikkiasettelu

2. Muokkaa esimerkkisisältöä

   Malli lisää 4 Kohderyhmä-lohkoa 25 %:n leveydellä, ja niiden sisällä on linkkilistoja. Osoita kutakin otsikkoa tai linkkiä, klikkaa Muokkaa kohdetta ja muuta sen Otsikko ja Linkki.

3. Lisää tai poista sarakkeen lohkoja

   Klikkaa ryhmän sisällä Lisää lohko, niin voit pinota toisen lohkon, kuten linkkilistan tai kuvan. Poista lohko osoittamalla sitä ja klikkaamalla Poista kohde.

4. Tallenna ja julkaise

   Klikkaa Tallenna ja sitten Julkaise.

Rakenna mosaiikki tyhjästä megavalikosta

1. Lisää tyhjä megavalikko

   Klikkaa Lisää alivalikko, osoita kohtaa Megavalikko ja klikkaa vaihtoehdon Tyhjä kohdalla Valitse. Myös olemassa oleva megavalikko käy.

2. Lisää jokaiselle sarakkeelle kohderyhmä

   Klikkaa Lisää lohko, valitse Monilohko ja valitse Kohderyhmä; jokainen ryhmä on yksi sarake. Elementit-puussa se näkyy nimellä Kohderyhmä (Masonry-asettelu).

   

   (1) Valitse välilehti, (2) osoita asettelua ja klikkaa Valitse.

3. Määritä ryhmien leveydet

   Uuden ryhmän leveys on 50 %. Määritä kunkin ryhmän Leveys niin, että sarakkeet mahtuvat yhdelle riville, esimerkiksi 25 % neljälle sarakkeelle tai 33,33 % kolmelle.

4. Täytä jokainen ryhmä

   Klikkaa kunkin ryhmän sisällä Lisää lohko ja lisää sarakkeen lohkot. Määritä jokaisen sisemmän lohkon Leveys arvoon 100 %, jotta lohkot pinoutuvat eivätkä asetu rinnakkain.

5. Tallenna ja julkaise

   Klikkaa Tallenna ja sitten Julkaise.

Käytä Erikoisvalikko-mallia

1. Lisää malli

   Klikkaa Lisää alivalikko, osoita kohtaa Erikoisvalikko ja klikkaa mallin Erikoisvalikko kohdalla Valitse.

   

   (1) Osoita Erikoisvalikko-ryhmää, (2) valitse Mosaiikkiasettelu

2. Muokkaa kategorioita ja paneeleja

   Jokainen vasemmalla oleva kategoria on välilehti: nimeä se uudelleen ja täytä sen paneeli toiminnolla Lisää lohko. Katso Välilehtivalikko.

3. Tallenna ja julkaise

   Klikkaa Tallenna ja sitten Julkaise.

Molemmat mallit avautuvat megavalikon paneelissa, joten yläkohteen Alivalikko-osio määrittää paneelin leveyden, tasauksen ja taustan. Katso Megavalikon paneelin asettelu.

Vianmääritys

Lohkot ovat rinnakkain eivätkä pinoudu

Tarkista Elementit-puusta, että sisemmät lohkot ovat Kohderyhmän sisällä ja että niiden Leveys on 100 %.

Ryhmät jakautuvat toiselle riville

Ryhmien leveydet ovat yhteensä yli 100 %. Pienennä niitä, jotta ne mahtuvat yhdelle riville.

Aiheeseen liittyvät sivut

• MegavalikkoRakenna leveä alivalikkopaneeli lohkoista, kuten linkkilistoista, kuvista, tuotteista ja yhteydenottolomakkeesta.
• VälilehtivalikkoAnna asiakkaiden vaihtaa sisältöryhmien, kuten Miehet, Naiset ja Lapset, välillä yhden alivalikon sisällä.
• Lohkojen yleiskatsausLisää megavalikkoon tai välilehteen lohkoja, kuten linkkejä, kuvia, tuotteita ja ajastimia.

Oliko tästä apua?

Ilmoita ongelmasta