One Page Checkout (responsive and user friendly)

[claesbas]

One Page Checkout for Virtuemart
A Virtuemart one page checkout Joomla 3/Virtuemart 3

This is a One Page Checkout for Virtuemart 3 that will work with most regular payment methods in Virtuemart. It comes with a modern mobile friendly design (responsive) and it is built so that it will melt into your chosen Joomla template. We have designed it to be as efficient as possible for a fast and secure checkout.

Its a plugin that you install in Joomla and all you need to do is enable it and off you go.

Please note that you might need to add some custom CSS to make it really fit your page as you like. Padding for input/select poxes etc. But this is a great start and there should not be many CSS lines you need to write to make it look awesome.

Latest version also comes with a variation of great layouts to choose from. An we have a built a special Klarna Checkout Enhanced payment module for this cart that really blends in with the cart for a veru quick and nice looking checkout process.

This video explains it all very good: https://www.youtube.com/watch?v=bh2JKvxBI60

   
• Modern layout
• Mobile friendly
• Available on GitHub
• Simple installation
• Klarna Checkout ready
• Virtuemart 3 support
• Very fast checkout

https://joomlapro.com/product/virtuemart-one-page-checkout

Check latest news and feature in this video on youtube (it really explains how it works and looks etc): https://www.youtube.com/watch?v=bh2JKvxBI60

THIS IS THE LAST VERSION THAT WAS FREE AND IT COMES WITH NO SUPPORT:
DOWNLOAD PLUGIN HERE: https://virtuemart.se/Virtuemart_Onepage_Checkout_2.2.29.zip

[claesbas]

We just released version 2.0.5 that is tested with latest Virtuemart (as of 2015-08-28) 3.0.9.6 as there were some changes in this version that was not workign well with our free OPC.

You find latest vesion on GitHub and http://vmonepage.com. See links in first topic for more links.

[claesbas]

2.0.8 now supports AwoCoupon component. www.vmonepage.com

[Studio 42]

Hi,
What i hate currently in onepagecheckout(your and all other) is all the class added, for simple thinks as button.
Why not using Bootstrap styles for main design?
And damn why if you have 5 calls in same element do not use a local var?

Code Select Expand

var $note = $('#commentpopup #customer_note_field');
//after
$note.addClass ...

And in all why #commentpopup #customer_note_field and not #customer_note_field.
You cannot have 2 time same ID in html, or this is a main javascript concept error!

[claesbas]

Well all are not using bootstrap? .. How is it with Gavick.com and Joomlart? .. We built www.vmuikit.com for the UIkit framework (http://getuikit) ... and we thought that we should build a cart that works with ALL templates even if its not Bootstrap. Is all http://virtuemarttemplates.net/ bootstrap? Im not sure.. if all templates makers (or if the biggest onces) making Virtuemart stuff would use bootstrap. We would change it.

We want to create something a web designer can make his.. also this is free. So taking it and making it bootstrap would not be too much work. We are encouraging template makers to use this One Page Checkout and make it work with their framework.. like Joomlarts T3 or Gavicks Gavern or what ever they want.

var $note = $('#commentpopup #customer_note_field');
//after
$note.addClass ...

This I will ask my developers :-)

[Studio 42]

Hi,
I suggest using a class setting for button perhaps(and main elements) ?
Then all can change it to it's needs. This solve 90% of problem if you need to change the class to have compability with templates.

And you use
window.shipmentfileds
using namespace is better to prevent naming collision.
var vmonepage = {
shipmentfileds : ".count($this->cart->STaddress['fields']).",
agree_to_tos_onorder : =".VmConfig::get('agree_to_tos_onorder').",
....

}

If you agree(i don't want loose time) i can do a github fork, how i see this to simplify and speedup the javascript and PHP.

[mani_virtuemart]

Hello Studio 42,

Thank you for your interest.

We will add more future in coming days to change style of one page element.

And yes. We have comment field in 2 different places one for normal payment ( we will show in popup)  and another one for klarna. and yes you are correct. we can change both field to one. but it means we need to delete existing one and recreate with same name using javascript when klarna payment selected. but it will take some extra time.

Thank you,

[claesbas]

New version release which you now can "override" .. so that updating is a breeze in the future.

It's now possible to override the files for this cart by adding files to: templates/your_template/html/plg_content_onepage_generic/

Download:
http://vmonepage.com

[claesbas]

NEW 2.1.3 version out taking care of lots of fixes and bugs reported by many users. Thanks all that contribute by testing and giving us feedback! .. This plugin is really starting to mature and works with most templates now out of the box. Please www.vmonepage.com

[SnakeFFM]

Hello! I just set up vmonepage and I am quite happy with the result.

The only thing I ve noticed is that I know have two 'loading' bars on my site. The original Virtuemart one and the processing bar of vmonepage.
I hope you dont mind a question, but is there a chance to override the process bar and use the virtuemart one?

Thanks !

[claesbas]

I dont think Virtuemart has a progressbar. This must be something the template you have installed is adding.

[GJC Web Design]

from VM3.0.11.4 I think VM has some ajaxified processes in the cart (T&C, 1st confirm ) and this has a light blue circular throbber

I didn't realise this as was making successive upgrades etc on test sites.. until you save the config or install fresh the checkbox for ajax cart isn't set so ou don't see it.. 

[claesbas]

Please try our updated 2.1.7 version http://vmonepage.com/ - lots of fixes and optimizations for newer versions of VM .

[mitron]

Hi all
Joomla 3.4.8 / Virtuemart 3.0.12

I have installed the Generic Free OPC plugin. it works fine except when I try to use coupons(AWOcoupons) in the checkout page. then I have to confirm the order instead of checking out

any ideas?

you can check it at http://www.studiotzuliani.gr/new2015

thanks in advance

Nikos M

[claesbas]

We will have a check on monday!