Etusivu Tuki Ulkoasu

Ulkoasu

Vinkkejä ja ohjeita ulkoasun luomiseen ja muokkaamiseen.

 

Vinkkejä ulkoasun suunnitteluun

Miten verkkokauppaan saadaan tyylikäs ja helppokäyttöinen ulkoasu? Epages-verkkokaupassa on valmiiksi yli sata valmista ulkoasupohjaa, joita on hyvä hyödyntää. Jos haluat sivustostasi yksilöllisen ja näyttävän, voidaan tämä tehdä pienillä muutoksilla. Tässä on muutamia vinkkejä ulkoasun suunnitteluun.

 

Miten lisään omia kuvia kaupan sivuille

Voit lisätä kuvia kaupan sivuille tai sivupalkkeihin

Miten lisään flash-esityksen kaupan sivuille

Voit lisätä flash esityksiä kaupan sivuille tai sivupalkkeihin. Flash-esitykset tehdään ensin Adobe Flash -ohjelmalla ja tallennetaan swf-formaattiin.

Miten voin liittää PDF-tiedostoja kauppaan?

Kauppaan voi lisätä PDF-tiedostoja (ja muitakin tiedostoja) asiakkaiden ladattavaksi. Voit laittaa vaikka lehdessä julkaistun mainoksen, tulostettavan tuoteluettelon tms. tiedoston kaupan sivuille. Tiedosto voidaan liittää joko sisältösivulle tai tuotesivulle lisäkenttänä.

Ulkoasupohjan muuttaminen

Jos haluat kokeilla ulkoasun uusimista, niin kaupassa on kymmeniä valmiita ulkoasuja. Voit luoda uuden ulkoasun nykyisen rinnalle sivulta Ulkoasu > Sivupohjat ja siellä valitse mieleisesi sivupohja ja paina "Tallenna". Uusi ulkoasu on aluksi piilotettuna, ja se on nyt muokattavissa haluamasi näköiseksi. Voit esikatsella sitä klikkaamalla "Näytä sivu" linkkiä Ulkoasu -sivulla, ja kun olet tyytyväinen siihen, voit ottaa sen käyttöön valitsemalla sen kohdalla "Näkyvissä" ja painamalla "Tallenna".

Voinko lisätä jQuery toimintoja kauppaan

jQuery on Java Script -kirjasto, jonka avulla www-sivulle voidaan toteuttaa animaatioita, navigointitoimintoja ja AJAX-sovelluksia. Netistä löytyy lukuisia ilmaisia jQuery-koodeja, mitkä saadaan pienellä muokkauksella omaan sivustoon sopivaksi.

Ulkoasun muokkaus CSS-koodilla

Omaverkkokaupan ulkoasua voidaan muokata css-koodilla, jos jotain haluttuja ulkoasumuutoksia ei voida tehdä kaupan omalla ulkoasutyökalulla. Voit tehdä muutoksia css-luokkiin viemällä css-koodin Asetukset > Yleiset asetukset > Lisäasetukset -sivulle. CSS-muokkauksissa Firebug tai vastaava selainlaajennos on kätevä apu css-luokkien nimien selvityksessä ja koodin testaamisessa.