Tee-Se-Itse Mycashflow kaupan ulkoasun muokkaus

MyCashflow-teemat ovat tavallisia tiedostokansioita, jotka sisältävät kaikki teemassa tarvittavat kansiot sekä HTML- ja CSS-tiedostot.

Teeman voit luoda tekemällä uuden kansion haluamallasi teeman nimellä tiedostoselaimen alle ja lataamalla sinne sivupohjat ja muut teemassa käytetyt tiedostot.

Teema vaatii lisäksi toimiakseen asetustiedoston joka sisältää oleellista tietoa teemasta ja sen toiminnasta, kuten kuvien kokoasetuksia, teemassa käytettäviä sanakirjan tekstejä mahdollisesti useilla kielillä ja muita teemakohtaisia asetuksia.

Sivupohja on täysin vapaasti muotoiltavissa oleva html-tiedosto, joka sisältää Interface tageja (Interface merkkauksen sydän ovat sen tagit, jotka vastaavat kaikesta muokattavan sisällön ja käyttöliittymän osien tulostamisesta sivupohjiin. Interface tagit kirjoitetaan AINA aaltosulkeiden sisään, esimerkiksi {Products} tulostaisi tuoteryhmän tuotteet. ja jokainen sivupohja vastaa vähintään yhtä kaupan näkymää.)

Sivupohjista osa on pakollisia teeman toiminnan kannalta. Valinnaisilla sivupohjilla kaupan eri näkymiä pääsee hallitsemaan tarkemmin. Mikäli valinnaista sivupohjaa ei teeman kansiosta löydy, käytetään varmistuksena jotain pakollisista sivupohjista näkymän tulostamiseen.

Mikäli suunnittelet oman teeman toteuttamista, sinun olisi hyvä osata vähintään seuraavat asiat:

• Perustiedot HTML-merkkauksesta.
• Tietää kuinka Internet-sivut muotoillaan tyylitiedostojen avulla.
• Olla kokemusta Internet-sivujen suunnittelusta yleisesti.
• Perusymmärrys siitä, kuinka Interface merkkaus toimii.

Teeman tekemiseen/suunnitteluun ei tarvitse laajennuksia, mutta jotta tietyt laajennukset voisivat toimia teemassa lainkaan, sinun on käytettävä verkkokaupan ulkoasuteemassa {Extensions}-tagia.

OHJEITA:

• Valitse kohderyhmä (miehet vai naiset? Valokuvaliikkeet vai autokorjaamot?)
•  Mieti kaupan rakenne tarkkaan.
• HTML-koodin on oltava siisti ja rakenteeltaan selkeää.
• JavaScriptin pitää toimia moiteettomasti. (Koodi pitää tarkistaa JavaScript Lintin avulla)
• Varmista, että muotoilutagit on määriteltynä tyylitiedostossa. Näitä ovat: h1,h2,h3...

 Nämä sivut ovat kaupan pakollissia sivuja:

• Etusivu (homepage.html)
• Näyteikkuna (category-front.html)
• Tuotelista (product-list.html)
• Tuotekortti (product.html)
• Sisältönäkymä (template.html)
• Hakunäkymä (search.html) 

Etusivulla voi olla mm.

•  Kaupan logo
• Ostoskori
• Päävalikko
• Mainostettavia tuotteita
• Bannereita
• Hakukenttä
• Asiakastilin navigaatio

Sivujen ulkoasun suunnittelun voi toteuttaa haluamallaan tavalla ja ohjelmalla. Lopputuloksen on oltava toimiva HTML-sivu, joka täyttää tekniset vaatimukset.
HTML-koodin on oltava validia.
Myöskään CSS-tiedostossa ei saa olla kriittisiä virheitä.
Kaikille kuville astetaan maksimikoot teemaan käyttäen height ja widht attribuutteja.
  {Logo(width:170,height:170)}