Sivun asettelu ja sarakkeiden jakaminen vaikuttavat ratkaisevasti verkkokauppasi tai kotisivujesi yleisilmeeseen sekä elementtien skaalautuvuuteen. Tässä ohjeessa neuvotaan, miten muutat sivukohtaista asettelua ja miten otat käyttöön pystyvalikon vaatiman sivupalkin.

Sivun asettelun muuttaminen

Pääset muokkaamaan parhaillaan avoinna olevan sivun sarakkeiden jakoa ja pohjarakennetta siirtymällä ylävalikosta polkuun:

Internetsivu > Ulkoasu

Ulkoasun ja sarakepohjien valintanäkymä

Valittu ulkoasupohja määrittää suoraan sen, kuinka suurena sivuille sijoitetut elementit – kuten tekstit, kuvat tai lomakkeet – näkyvät ja miten ne sijoittuvat rinnakkain.


Esimerkkejä eri sarakejaoista

Asettelu 25% / 75%:
Kun valitset pohjan, jossa vasen sarake vie 25% ja oikea sarake 75% sivun leveydestä, elementtien suhteet jakautuvat selkeästi epäsymmetrisesti.

25% ja 75% sarakejaon valitseminen

Tässä asettelussa vasemmanpuoleiseen sarakkeeseen sijoitettu kuva näkyy suurena ja hallitsevana, jolloin oikealle puolelle jäävä tekstialue mukautuu sen vierelle:

Miltä kuva ja teksti näyttävät 25% / 75% asettelussa

Asettelu 50% / 50%:
Jos vaihdat pohjan tasaiseen 50% ja 50% jakoon, sarakkeet ovat yhtä leveät. Tällöin kuva pienenee automaattisesti reunaansa vasten, mutta tekstille ja leipätekstin riveille vapautuu huomattavasti enemmän vaakasuoraa tilaa.

Tasaisen 50% / 50% sarakejaon valitseminen


Ulkoasut sivupalkilla (Vain Verkkokauppa+)

Mikäli olet rakentanut verkkokauppaasi hierarkkisen pystysuoran alivalikon (esimerkiksi tuotekategorioita varten), se vaatii erillisen sivupalkin toimiakseen julkisella sivustolla.

Saat alivalikon ja sen sivut näkyviin siirtymällä Ulkoasu-ikkunassa välilehdelle "Ulkoasut sivupalkilla" (näkyvissä tämän artikkelin ensimmäisessä kuvassa) ja valitsemalla sieltä yrityksesi tarpeisiin parhaiten sopivan sivupalkillisen mallin.

Tärkeä muistutus: Koska ulkoasumuutokset ovat sivukohtaisia, varmista aina ennen asettelun vaihtamista, että olet ohjelmassa juuri sillä sivulla (esim. Verkkokauppa-sivu), jonka asettelua ja sivupalkkia haluat muokata. Muista lopuksi tallentaa ja julkaista muutokset!


Oliko tästä vastauksesta apua? Kyllä Ei

Send feedback
Pahoittelut, että emme voineet auttaa. Anna palautetta, jotta voimme parantaa tätä artikkelia.