VirtueMart Forum

VirtueMart 2 + 3 + 4 => 3rd party extension => Topic started by: claesbas on August 15, 2015, 21:40:26 PM

Title: One Page Checkout (responsive and user friendly)
Post by: claesbas on August 15, 2015, 21:40:26 PM
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 (https://www.youtube.com/watch?v=bh2JKvxBI60)


https://joomlapro.com/product/virtuemart-one-page-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 (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


Title: Re: FREE One Page Checkout
Post by: claesbas on August 28, 2015, 12:53:32 PM
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.
Title: Re: FREE One Page Checkout
Post by: claesbas on September 03, 2015, 10:45:53 AM
2.0.8 now supports AwoCoupon component. www.vmonepage.com
Title: Re: FREE One Page Checkout
Post by: Studio 42 on September 03, 2015, 11:54:00 AM
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!
Title: Re: FREE One Page Checkout
Post by: claesbas on September 03, 2015, 16:09:13 PM
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 :-)
Title: Re: FREE One Page Checkout
Post by: Studio 42 on September 03, 2015, 16:43:55 PM
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.
Title: Re: FREE One Page Checkout
Post by: mani_virtuemart on September 03, 2015, 16:51:40 PM
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,
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: claesbas on September 14, 2015, 15:49:41 PM
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 (http://vmonepage.com)
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: claesbas on October 09, 2015, 16:21:11 PM
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 (http://www.vmonepage.com)
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: SnakeFFM on October 27, 2015, 00:08:29 AM
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 !
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: claesbas on November 05, 2015, 15:47:52 PM
I dont think Virtuemart has a progressbar. This must be something the template you have installed is adding.
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: GJC Web Design on November 05, 2015, 22:59:47 PM
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.. 
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: claesbas on December 28, 2015, 17:22:33 PM
Please try our updated 2.1.7 version http://vmonepage.com/ - lots of fixes and optimizations for newer versions of VM .
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: mitron on January 29, 2016, 23:11:52 PM
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 (http://www.studiotzuliani.gr/new2015)

thanks in advance

Nikos M
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: claesbas on January 30, 2016, 12:38:59 PM
We will have a check on monday!
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: Studio 42 on January 30, 2016, 19:20:04 PM
Quote from: claesbas on January 30, 2016, 12:38:59 PM
We will have a check on monday!
Can you check to use namespace for you javascript as i descripted some post ago?
Some value you use are so generic that this can break all javascript.
eg
window.selectedpaymentid = 0;
var action = "";
var countrychange = "";
var popupopen = 0;


action can be reused by any javascript, popupopen too for some modal scritpt ...

So i had wrote something so :
var vmonepage = {
  "action " : "",
  "countrychange " : "",
  "popupopen " : 0,
....
}


And of course, this can include the function and don't pollute the window variables

Thanks,
Patrick
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: claesbas on February 03, 2016, 18:54:45 PM
Yes, we will see what we can do in the next few days here.
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: claesbas on February 05, 2016, 12:08:54 PM
Quote from: Studio 42 on January 30, 2016, 19:20:04 PM
Quote from: claesbas on January 30, 2016, 12:38:59 PM
We will have a check on monday!
Can you check to use namespace for you javascript as i descripted some post ago?
Some value you use are so generic that this can break all javascript.
eg
window.selectedpaymentid = 0;
var action = "";
var countrychange = "";
var popupopen = 0;


action can be reused by any javascript, popupopen too for some modal scritpt ...

So i had wrote something so :
var vmonepage = {
  "action " : "",
  "countrychange " : "",
  "popupopen " : 0,
....
}


And of course, this can include the function and don't pollute the window variables

Thanks,
Patrick

Ok latest version is now all in classes so that no conflicts should arise. Have a look at latest changes and download latest version from GitHub.

Latest: https://github.com/joomlaproffs/vmonepage/releases/tag/2.2.0

Changes: https://github.com/joomlaproffs/vmonepage

Thanks for the tip!
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: Studio 42 on February 05, 2016, 13:08:50 PM
Hi,
Nice update, but i think you missed some vars ;)
in javascript onepage.js begin file :

window.selectedpaymentid = 0;
var action = "";
var countrychange = "";
var popupopen = 0;

OR use name space, or move this inside
jQuery(document).ready(function(){
window.selectedpaymentid = 0;
var action = "";
var countrychange = "";
var popupopen = 0


So this not conflict with global dom vars

Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: Studio 42 on February 05, 2016, 14:33:24 PM
Another missing feature, is to add config value in the plugin for buttons so that  you can overide it.
for this HTML class
opg-button-danger
opg-button-primary
opg-form-danger

And perhaps some others ? So you plugin is vry "generic" and don't use own ui-kit or opg class.
Because most of this have similar bootstrap class, so this not break the template layout, if you want it so.

After that, you only need to add in your main object and use this variable in the javascript.
Then you can overide the template corretly.
Thanks,
Patrick

PS: i have send you a pull request, but don't tried all.
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: claesbas on February 05, 2016, 19:15:16 PM
Maybe having an option to change between bootstrap or opc- classes in backend. So that templates not using Bootstrap will work also.
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: claesbas on February 10, 2016, 17:45:50 PM
Quote from: Studio 42 on February 05, 2016, 14:33:24 PM
Another missing feature, is to add config value in the plugin for buttons so that  you can overide it.
for this HTML class
opg-button-danger
opg-button-primary
opg-form-danger

And perhaps some others ? So you plugin is vry "generic" and don't use own ui-kit or opg class.
Because most of this have similar bootstrap class, so this not break the template layout, if you want it so.

After that, you only need to add in your main object and use this variable in the javascript.
Then you can overide the template corretly.
Thanks,
Patrick

PS: i have send you a pull request, but don't tried all.

Please check the latest version: https://github.com/joomlaproffs/vmonepage/releases/tag/2.2.2

We added you suggestions.
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: Studio 42 on February 10, 2016, 20:51:07 PM
Very thanks, i try in next days  ;)
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: claesbas on March 19, 2016, 23:01:44 PM
2.2.6 supports the "Joomla Updater" so now its very easy to keep your FREE One Page Checkout up to date!
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: AH on April 16, 2016, 10:47:28 AM
This is not the support forum for the third party plugin - please could you use the providers support service for support relating to this plugin.
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: claesbas on May 18, 2016, 18:15:03 PM
VMonepage.com

- The One Page Checkout updates

Latest changelog 2.2.9:
• Greece language added
• Polish language added
• Payment Prices showing in left side
• Added two language strings
• While update product, payment method also updated
• Some 3.0.16 fixes

http://vmonepage.com (http://vmonepage.com)

Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: velikorodnov on August 13, 2016, 22:24:07 PM
Hi
It will be great if you add script for custom radio-buttons, check-boxes and selects customization
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: velikorodnov on August 15, 2016, 15:06:46 PM
Developer also found a bug when  we output 2 methods
https://youtu.be/FagSBgpHqA0 (https://youtu.be/FagSBgpHqA0)

Also developer added function for custom radio buttons

function radioBox() {
             var o = jQuery(' .opg-list input[type=radio]');
             if (o.length && !jQuery('body').hasClass('.com_config')) {
                o.each(function () {
                    if (jQuery(this).parent().not('span.radio')) {
                        if (!jQuery(this).attr("id")) {
                            jQuery(this).attr({id: 'radio' + i}).wrap('<span class="radio"/>').after('<label class="radio_inner" for="radio' + i + '" />')
                        } else {
                            jQuery(this).wrap('<span class="radio"/>').after('<label class="radio_inner" for="' + jQuery(this).attr("id") + '" />')
                        }
                    }
                });
            }   
         }
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: Studio 42 on August 15, 2016, 17:22:04 PM
Hi velikorodnov,
See  https://github.com/joomlaproffs/vmonepage/ and forl it to propose some patch, so any can review and test it.
Thanks
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: alegrafic on April 26, 2017, 17:51:30 PM
Hello

Congratulations to the developer of this fantastic extension

I noticed that the drop-down menus do not work well if a country is full and the region is empty because it does not go into buying because the region's drop-down menu is empty

Also, in the user fields, the custom delimiters fields are not shown

How can I fix it?

thank you so much
Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: vlasmar on July 17, 2017, 20:11:11 PM
Hello

Your extension was what I actually wanted.
I have downloaded it but the buttons for changing the shipment and payment methods don't do anything.

Title: Re: FREE One Page Checkout (responsive and user friendly)
Post by: Studio 42 on October 05, 2017, 00:38:10 AM
REMOVE FREE FROM TITLE! You got A GNU/GPL code and now you sell it.
As i said that it's possible to redistribute a Gnu/gpl code for free, reselling a code from another company is not really fair(GNU or not) !
Title: Re: One Page Checkout (responsive and user friendly)
Post by: claesbas on October 06, 2017, 10:01:12 AM
I removed FREE - sorry missed that (changed the rest of this post months ago).

Problem was we got flooded with support questions for this.

Its still GNU/GPL and this payment is really for support and updates.

We felt 20 euros was not too bad price - and it could at least cover all the time we have to put on answering daily support tickets for it.
Title: Re: One Page Checkout (responsive and user friendly)
Post by: razor7 on October 06, 2017, 15:52:19 PM
Hi! I think you can at least keep the GitHub repo updated, then for suport questions just ask for payment, I think that's fair enough.
Title: Re: One Page Checkout (responsive and user friendly)
Post by: claesbas on October 07, 2017, 10:48:10 AM
Quote from: razor7 on October 06, 2017, 15:52:19 PM
Hi! I think you can at least keep the GitHub repo updated, then for suport questions just ask for payment, I think that's fair enough.

I added download link to the last version before we move things to our new Extnesion hub at Joomlaprox.com

DOWNLOAD: https://virtuemart.se/Virtuemart_Onepage_Checkout_2.2.29.zip

After this version you need a subscription at https://joomlaprox.com
Title: Re: One Page Checkout (responsive and user friendly)
Post by: xfera on March 17, 2018, 12:50:49 PM
Hi.
The download link to the latest free version is broken. Please update it.
Thank you.
Title: Re: One Page Checkout (responsive and user friendly)
Post by: Troels_E on April 04, 2018, 19:01:08 PM
https://joomlapro.com/components/com_rdsubs/images/product-3.png
Still says free, just noticed yesterday browsing your sites.