News:

Looking for documentation? Take a look on our wiki

Main Menu

One Page Checkout like apple.com

Started by Eugen S., February 04, 2016, 17:10:53 PM

Previous topic - Next topic

Eugen S.

Hi there,

I'm not selling anything here  8)

I've developed an onepage checkout for a client.

please take a look and tell me if you like the process:

Feedback - Feedback - Feedback - Feedback !!! Thanks  8)

http://daedelow.temfy.com/shop
Send me a pm ;-)

VMTemplates.net

Hi,

looks and works great :). I would change only one thing - I would set different color for innactive tabs ;)
Maybe you should consider to share it for free as an extension for VirtueMart :D

Otherwise, Good Job!
We develop VirtueMart templates since 2008
https://www.virtuemarttemplates.net/
Join the VirtueMart Templates Club today and get an access to over 60 VirtueMart templates
https://www.virtuemarttemplates.net/template-club.html
If you need a custom VirtueMart Template design please visit https://www.virtuemarttemplates.net/custom-virtuemart-template-design.html
Visit our new shop https://demo.virtuemarttemplates.net/
Join the VirtueMart Templates Club, purchase the template or order one of our services like Hosting, Website Maintenance, Security and Optimization, Template Customization and more

jjk

#2
Hi Eugen,
Currently I get an error when clicking 'Next' after selecting 'Checkout as Guest' and entering an address. The Button doesn't work in my Firefox browser:
ReferenceError: event is not defined
...://daedelow.temfy.com/media/temfy/assets/js/com_virtuemart/jquery.temfy.vm.checkout.js
Line 734

Does it make sense to use jQuery 2.1.3 when Joomla 3.5 seems to stick with jQuery 1.11.3 (that's what they currently have in the J 3.5 beta2)?
Non-English Shops: Are your language files up to date?
http://virtuemart.net/community/translations

Eugen S.

Quote from: VMTemplates.net on February 04, 2016, 17:50:09 PM
Hi,

looks and works great :). I would change only one thing - I would set different color for innactive tabs ;)
Maybe you should consider to share it for free as an extension for VirtueMart :D

Otherwise, Good Job!

Thank you very much for your tip.

I talked with my client and we changed it so it is more clear which area is active.

http://daedelow.temfy.com/shop
Send me a pm ;-)

Eugen S.

#4
Quote from: jjk on February 06, 2016, 20:58:15 PM
Hi Eugen,
Currently I get an error when clicking 'Next' after selecting 'Checkout as Guest' and entering an address. The Button doesn't work in my Firefox browser:
ReferenceError: event is not defined
...://daedelow.temfy.com/media/temfy/assets/js/com_virtuemart/jquery.temfy.vm.checkout.js
Line 734

Does it make sense to use jQuery 2.1.3 when Joomla 3.5 seems to stick with jQuery 1.11.3 (that's what they currently have in the J 3.5 beta2)?


THANK YOU VERY MUCH for error reporting.

We fixed that!

http://daedelow.temfy.com/shop


We use our own Framework which disables all Joomla JavaScript because we want to load everything async to get pagespeed 100.

AFAIK the difference betwenn jQuery 1.x and 2.x is just old browser compatibility support. Version 2 don't support all IE Versions...
Send me a pm ;-)

Eugen S.

We tuned the speed ;-)

Please check and tell me your feedback.

Do you like the checkout process?
Send me a pm ;-)

Jörgen

Hello

I can not get past the first page in the checkout. Pressing NEXT does Nothing.

Explorer 11

regards

Jörgen @ Kreativ Fotografi
Joomla 3.9.18
Virtuemart 3.4.x
Olympiantheme Hera (customized)
This reflects current status when viewing old post.

Eugen S.

Quote from: Jörgen on February 10, 2016, 12:28:31 PM
Hello

I can not get past the first page in the checkout. Pressing NEXT does Nothing.

Explorer 11

regards

Jörgen @ Kreativ Fotografi

Hello Jörgen,

we've added some features this morning. Maybe there was a conflict for a few minutes.

Can you PLEASE check again?
Send me a pm ;-)

Jörgen

Nope

I tried yesterday, stopped working after Your "we fixed that"

regards

Jörgen @ Kreativ Fotografi

Joomla 3.9.18
Virtuemart 3.4.x
Olympiantheme Hera (customized)
This reflects current status when viewing old post.

Eugen S.

Quote from: Jörgen on February 10, 2016, 15:32:42 PM
Nope

I tried yesterday, stopped working after Your "we fixed that"

regards

Jörgen @ Kreativ Fotografi



THANK YOU VERY MUCH Jörgen for your help.

I debugged for 2 hours to fix it in Explorer 11 ;-)

I looooove IE #not
Send me a pm ;-)

Jörgen

Hello

Now it seem to be working. Do You have a heavy load on the server ? It runs slower than the other day it seems.

The blue tabs numbered 1 to 4 seems to be clickable, but nothing happens. Make them non clickable since You have to use the next button and edit button to make any changes.

regards


Jörgen @ Kreativ Fotografi
Joomla 3.9.18
Virtuemart 3.4.x
Olympiantheme Hera (customized)
This reflects current status when viewing old post.

Studio 42

Hi Eugen, it's not possible ot have 100 in pagespeed.
A good score is 85 and more is wastle of time, if you have some images, JS and CSS load.
If you load all async, then your customer have broken render.
So preconised by Google, is to split your CSS, one for the main render and the other for your javascript needs.
Another important think is the pageloading time, browser cache and images.
If you want to check, you can check my pagespeeds here : https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fshop.st42.fr%2Fen%2F&tab=mobile
This is optimised at 95% and don't use CDN.
SI if i use CDN i get perhaps 92 or 93 pagespeed, but why ? This don't change anything. Google itself have not 100 but 88 ;)

Studio 42

For the checkout process :
I tested the checkout and dont think it's clear. Is apple using this ?
P.S: i dont know if you do some test, but last pageload was 48 secondes !

Jörgen

This still need some work ....

Waiting forever at step 2.

regards


Jörgen @ Kreativ Fotografi
Joomla 3.9.18
Virtuemart 3.4.x
Olympiantheme Hera (customized)
This reflects current status when viewing old post.

Eugen S.

Quote from: Jörgen on February 10, 2016, 19:51:59 PM
Hello

Now it seem to be working. Do You have a heavy load on the server ? It runs slower than the other day it seems.

The blue tabs numbered 1 to 4 seems to be clickable, but nothing happens. Make them non clickable since You have to use the next button and edit button to make any changes.

regards


Jörgen @ Kreativ Fotografi

Hello Jörgen,

yes - I worked on the server. Should be better now...

I removed the "clickable" tabs. It doesn't look clickable anymore.

Thank you very much again ;-)
Send me a pm ;-)