Ulkoasun suunnitteleminen

EsittelyKäyttöohjeet › Ulkoasun suunnitteleminen

Verkkokaupan ulkoasun suunnitteleminen tapahtuu muokkaamalla ulkoasupohjan CSS-tyylejä sekä lisäämällä ulkoasuun omia HTML-elementtejä ja CSS-tyylejä. Ulkoasun suunnitteleminen ei edellytä ohjelmointitaitoja eikä välisovittimen opettelemista. Verkkokauppias voi suunnitella ulkoasun itse tai tilata työn miltä tahansa yritykseltä.

Ulkoasupohjan muokkaaminen

Ulkoasupohjan muokkaaminen tapahtuu verkkokaupan hallintaliittymässä muokkaamalla ulkoasupohjan CSS-tyylejä.

työkalut / varmuuskopiointi
asetukset / koodit ja ulkoasu

Omien HTML-elementtien lisääminen

Ulkoasupohjaan voidaan lisätä omaa HTML-elementtejä. Esimerkiksi verkkokaupan logon ja maksubannerin lisääminen tapahtuu tällä tavalla.

  • Kirjaudu verkkokaupan hallintaliittymään (demo).
  • Klikkaa ylhäältä asetukset / koodit ja ulkoasu.
  • Klikkaa Lisää uusi -painiketta.
  • Valitse tyypiksi "HTML5".
  • Syötä nimeksi mitä tahansa (ei näy verkkokaupassa).
  • Valitse Sivu-kohdasta "[ei merkitystä]".
  • Valitse Sijainti-kohdasta haluamasi upotuspiste.
  • Lisää Koodi-kohtaan HTML-elementtejä.
  • Klikkaa Tallenna-painiketta.
asetukset / koodit ja ulkoasu

Omien CSS-tyylien lisääminen

Omille HTML-elementeille voidaan lisätä omia CSS-tyylejä.

  • Kirjaudu verkkokaupan hallintaliittymään (demo).
  • Klikkaa ylhäältä asetukset / koodit ja ulkoasu.
  • Klikkaa Lisää uusi -painiketta.
  • Valitse tyypiksi "CSS3".
  • Syötä nimeksi mitä tahansa (ei näy verkkokaupassa).
  • Valitse Sivu-kohdasta "[ei merkitystä]".
  • Lisää Koodi-kohtaan CSS-tyylejä.
  • Klikkaa Tallenna-painiketta.
asetukset / koodit ja ulkoasu

Esimerkkejä

Ulkoasun säilyminen

Verkkokaupan ulkoasu säilyy ohjelmiston päivityksen yhteydessä, koska ulkoasu on tallennettu tietokantaan ja kuvat on tallennettu kotisivutilassa oleviin kuvakansioihin.

Katso myös

Scroll to Top