MyCashflow blogi

Ismo kirjoitti 18.8.2010 kategoriaan Automaattiset päivitykset Interface-merkkaus Yleinen avainsanoilla Automaattiset päivitykset Interface-merkkaus Konversio: 16

Tiedote tulevasta päivityksestä: Nopeampi kassa Checkout™ maksutapojen käyttäjille

Seuraava ohjelmistopäivitys sisältää

• uusia ominaisuuksia (näistä lisää myöhemmin),
• ostoprosessia nopeuttavia muutoksia kassalla
• HTML-lähdekoodi muuttuu, jos käytät Checkout™ maksutapoja (vaatii muutoksen teemaan)

Uusi päivitys sisältää muutoksen kassan HTML-lähdekoodiin, kun maksutapana on Checkout™. Nykyisessä versiossa oleva Siirry maksamaan -nappi korvautuu suorilla pankkien logoilla, joista pääsee kirjautumaan verkkopankkiin. Maksun jälkeen asiakas siirtyy suoraan verkkokaupan kiitos sivulle. Tämä tarkoittaa, ettei asiakas näe ostoprosessin aikana yhtään sivua checkout.fi -osoitteesta ja ostoprosessissa on kaksi vaihetta vähemmän.

Uusi kassa sisältää vähemmän vaiheita myös silloin kun käytössä on vain yksi maksutapa. Tällöin maksutavan valintasivu (/checkout/payment/) jää kokonaan pois. Tällöin myöskään {CheckoutNavigation} ei tulosta linkkia maksutavan valintaan. MyCashflown valmiiden ulkoasujen osalta tämä ei aiheuta ongelmia, mutta jos sinulla on itse suunniteltu teema, niin kannattaa tarkistaa elementin käyttäytyminen.

Uuden malliseen kassaan voit tutustua Pakkaustarvikkeita.fi verkkokaupassa

Muutos aiheuttaa HTML-lähdekoodien muuttumisen sivulla /checkout/process/ silloin, kun asiakas maksaa Checkout™ palvelua käyttäen. Alla on esimerkit uudesta lähdekoodista sekä valmis css-koodi, jonka liittämällä saat tyylit käyttöösi. Liitä alla oleva koodi teemasi master.css tai vastaavaan tiedostoon.

/* Checkoutin maksuunsiirtymissivu
-------------------------------------------------------------- */

.CheckoutTransferToPayment { width: 31.3%; float: left; height: 120px; clear: none; text-align: center; margin: 0 2% 10px 0; padding: 0; }
.CheckoutTransferToPayment button {
	vertical-align: middle; height: 120px; width: 100%;
	padding: 0 10px; text-align: center; background: #FFF;
	border: 1px solid #aaa; cursor: pointer; color: #666;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #aaa; -webkit-box-shadow: 0 1px 2px #aaa; box-shadow: 0 1px 2px #aaa;
}
.CheckoutTransferToPayment button:hover { background: #e1eef5; border-color: #09f; }
.CheckoutTransferToPayment button img {
	display: block; padding: 4px; background: #FFF;
	border: 1px solid #aaa; margin: 0 auto 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.CheckoutTransferToPayment button:hover img { border-color: #09f; }