Tuotteet ostoskoriin ja sieltä pois ilman sivunvaihtoa

Oletusulkoasu saa jälleen uuden toivotun päivityksen, kun tuotteet singahtelevat jatkossa ostoskoriin ja sieltä pois, ilman että käyttäjää siirretään ostoskoriin. Tuotteen lisäämisen yhteydessä oikean palstan minikorin sisältö päivitetään vastaamaan nykyistä ostoskoria sekä näytetään käyttäjälle viestin tuotteen lisäämisen onnistumisesta ja tarjotaan vaihtoehdot siirtyä kaupan etusivulle, muokkaamaan ostoskoria tai kassalle. Samassa yhteydessä toteutimme minikorista tuotteiden poistamisen samalla periaatteella….

Oletusulkoasu saa jälleen uuden toivotun päivityksen, kun tuotteet singahtelevat jatkossa ostoskoriin ja sieltä pois, ilman että käyttäjää siirretään ostoskoriin. Tuotteen lisäämisen yhteydessä oikean palstan minikorin sisältö päivitetään vastaamaan nykyistä ostoskoria sekä näytetään käyttäjälle viestin tuotteen lisäämisen onnistumisesta ja tarjotaan vaihtoehdot siirtyä kaupan etusivulle, muokkaamaan ostoskoria tai kassalle.

Samassa yhteydessä toteutimme minikorista tuotteiden poistamisen samalla periaatteella. Kun käyttäjä klikkaa ”Poista” tuotteen yhteydestä, häntä ei siirretä ostokoriin ja näytetä poistoilmoitusta, vaan tuote yksinkertaisesti kutistetaan näkyviltä pois ja päivitetään minikorin yhteissumma vastaamaan nykyistä ostoskoria. Yksinkertaista kuin pipo.

Nämä ominaisuudet tulevat myös ladattavan oletusulkoasun mukana ja toimivat kaikissa nykyaikaisissa selaimissa, joihin valitettavasti Internet Explorer 6 ei kuulu. Olemme kuitenkin pitäneet huolen, että kyseisessä selaimessa ostotoiminnot kuitenkin toimivat aivan kuten ennenkin.

P.s. Ulkoasun suunnittelijoille ja web-kehittäjille tiedoksi, että nämä ominaisuudet on toteutettu ajaxilla ja Facebook-ryhmässämme jo aiemmin hypetetyillä ominaisuuksilla, joiden avulla on mahdollista ohjelmoida omia Interface-tageja. Dokumentaatio löytyy uusitusta Interface-oppaastamme: Omien Interface-tagien ohjelmointi ja Interface-tagien käyttäminen teeman ulkopuolelta.

  • Asko

    Minulla on käytössä oletusulkoasu, jota olen muokannut huomattavasti. Miten saisin lisättyä tämän ominaisuuden niin, ettei ulkoasuun tehdyt muutokset häviä?

  • Ismo

    Ota tuosta linkistä uusimman oletusulkoasun teema paketti ja kopioi sieltä itsellesi js/main.js tiedosto osittain tai kokonaan. Kun avaat sen editoriisi, niin huomaat siellä kommentoituna eri toimintoja, joista voit kopioida itsellesi ne funktiot/koodinpätkät, joita haluat käyttää. Katso myös että header.html tiedostosta on viittaus tähän main.js tiedostoon.

    Tämä toiminto on toteutettu kokonaan Javascriptillä ja ajax-kutsuilla eikä ulkoasua nähdäkseni tarvitse muokata.