News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

One Page Checkout (responsive and user friendly)

Started by claesbas, August 15, 2015, 21:40:26 PM

Previous topic - Next topic

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


VMuikit - A Virtuemart theme for Yootheme template
https://joomlapro.com/vmuikit

VMonepage - One Page Checkout (Was free - now is €20)
https://joomlapro.com/product/virtuemart-one-page-checkout

VMKCO - Klarna Checkout Enhanced
https://joomlapro.com/product/virtuemart-klarna-checkout

claesbas

#1
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.
VMuikit - A Virtuemart theme for Yootheme template
https://joomlapro.com/vmuikit

VMonepage - One Page Checkout (Was free - now is €20)
https://joomlapro.com/product/virtuemart-one-page-checkout

VMKCO - Klarna Checkout Enhanced
https://joomlapro.com/product/virtuemart-klarna-checkout

claesbas

VMuikit - A Virtuemart theme for Yootheme template
https://joomlapro.com/vmuikit

VMonepage - One Page Checkout (Was free - now is €20)
https://joomlapro.com/product/virtuemart-one-page-checkout

VMKCO - Klarna Checkout Enhanced
https://joomlapro.com/product/virtuemart-klarna-checkout

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?
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

#4
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 :-)
VMuikit - A Virtuemart theme for Yootheme template
https://joomlapro.com/vmuikit

VMonepage - One Page Checkout (Was free - now is €20)
https://joomlapro.com/product/virtuemart-one-page-checkout

VMKCO - Klarna Checkout Enhanced
https://joomlapro.com/product/virtuemart-klarna-checkout

Studio 42

#5
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

#7
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
VMuikit - A Virtuemart theme for Yootheme template
https://joomlapro.com/vmuikit

VMonepage - One Page Checkout (Was free - now is €20)
https://joomlapro.com/product/virtuemart-one-page-checkout

VMKCO - Klarna Checkout Enhanced
https://joomlapro.com/product/virtuemart-klarna-checkout

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
VMuikit - A Virtuemart theme for Yootheme template
https://joomlapro.com/vmuikit

VMonepage - One Page Checkout (Was free - now is €20)
https://joomlapro.com/product/virtuemart-one-page-checkout

VMKCO - Klarna Checkout Enhanced
https://joomlapro.com/product/virtuemart-klarna-checkout

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.
VMuikit - A Virtuemart theme for Yootheme template
https://joomlapro.com/vmuikit

VMonepage - One Page Checkout (Was free - now is €20)
https://joomlapro.com/product/virtuemart-one-page-checkout

VMKCO - Klarna Checkout Enhanced
https://joomlapro.com/product/virtuemart-klarna-checkout

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.. 
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

claesbas

Please try our updated 2.1.7 version http://vmonepage.com/ - lots of fixes and optimizations for newer versions of VM .
VMuikit - A Virtuemart theme for Yootheme template
https://joomlapro.com/vmuikit

VMonepage - One Page Checkout (Was free - now is €20)
https://joomlapro.com/product/virtuemart-one-page-checkout

VMKCO - Klarna Checkout Enhanced
https://joomlapro.com/product/virtuemart-klarna-checkout

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
NM

claesbas

VMuikit - A Virtuemart theme for Yootheme template
https://joomlapro.com/vmuikit

VMonepage - One Page Checkout (Was free - now is €20)
https://joomlapro.com/product/virtuemart-one-page-checkout

VMKCO - Klarna Checkout Enhanced
https://joomlapro.com/product/virtuemart-klarna-checkout