One-Page Checkout [Support Thread]

Looks like my coffee just kicked in. :D

What do you think of this as a solution, do you see any downsides?
includes/modules/pages/checkout_one/jquery.checkout_one.js

function changeBillingFields(event)
    {
        if (jQuery('#checkoutOneGuestInfo .opc-buttons').length) {
            if(jQuery('#checkoutOneGuestInfo .opc-buttons').is(":hidden")) {
                jQuery(this).addClass('opc-changed');
                jQuery('#checkoutOneBillto .opc-buttons').show();
                jQuery('#checkoutPayment > .opc-overlay').addClass('active');
                jQuery('#checkoutOneBillto').addClass('opc-view');
            }
        } else {
            jQuery(this).addClass('opc-changed');
            jQuery('#checkoutOneBillto .opc-buttons').show();
            jQuery('#checkoutPayment > .opc-overlay').addClass('active');
            jQuery('#checkoutOneBillto').addClass('opc-view');
        }
    }

It seems to work, but I'd prefer getting confirmation that it won't cause problems in certain situations that I can't think of at the moment.

balihr:

Thank you!

Close, but... This disables autofill on the billing address, forcing the customer to type it, which is quite bad for those who are used to using autofill. It does work on Contact Information, you save it but then all other billing fields need to be populated manually.
BTW, autocomplete="off" is ignored by Chrome (see SO) so I put autocomplete="new-password"

If you manually fill in the form and jump inputs using Tab key, you can get to billing address and type in your name and remove the overlay.

I think the perfect scenario would be to keep the overlay active until Contact Information is saved. Is that possible?
Arggh, Chrome is the new IE!:( It's not the overlay, per se, since it's still there. The issue is that the address-related inputs are present on the page, even though they're visually obscured.
balihr:

Looks like my coffee just kicked in. :D

What do you think of this as a solution, do you see any downsides?
includes/modules/pages/checkout_one/jquery.checkout_one.js

function changeBillingFields(event)
{
if (jQuery('#checkoutOneGuestInfo .opc-buttons').length) {
if(jQuery('#checkoutOneGuestInfo .opc-buttons').is(":hidden")) {
jQuery(this).addClass('opc-changed');
jQuery('#checkoutOneBillto .opc-buttons').show();
jQuery('#checkoutPayment > .opc-overlay').addClass('active');
jQuery('#checkoutOneBillto').addClass('opc-view');
}
} else {
jQuery(this).addClass('opc-changed');
jQuery('#checkoutOneBillto .opc-buttons').show();
jQuery('#checkoutPayment > .opc-overlay').addClass('active');
jQuery('#checkoutOneBillto').addClass('opc-view');
}
}

> It seems to work, but I'd prefer getting confirmation that it won't cause problems in certain situations that I can't think of at the moment.
I'll need for ***my ***coffee to kick in to review!

ihave this Module installed called zx point of sell, i installed your current version on zen v1.56c and php 7.2, when i login in i get a redirection problem
The page isn’t redirecting properly

Firefox has detected that the server is redirecting the request for this address in a way that will never complete.

This problem can sometimes be caused by disabling or refusing to accept cookies.

this is code in login header

// BOF ZenExpert - Barcode cart 1/1
        else if(isset($_SESSION['POStoken'])) {
          zen_redirect(zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', $request_type));
        } 
		// EOF ZenExpert - Barcode cart 1/1

jimmie:

ihave this Module installed called zx point of sell, i installed your current version on zen v1.56c and php 7.2, when i login in i get a redirection problem
The page isn’t redirecting properly

Firefox has detected that the server is redirecting the request for this address in a way that will never complete.

This problem can sometimes be caused by disabling or refusing to accept cookies.

this is code in login header

// BOF ZenExpert - Barcode cart 1/1
else if(isset($_SESSION['POStoken'])) {
zen_redirect(zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', $request_type));
}
// EOF ZenExpert - Barcode cart 1/1

You'll need to contact ZenExpert to correct the issue.

lat9:

Arggh, Chrome is the new IE!:( It's not the overlay, per se, since it's still there. The issue is that the address-related inputs are present on the page, even though they're visually obscured.

I'll need for ***my ***coffee to kick in to review!
There's a fairly long-standing change request (https://github.com/lat9/one_page_checkout/issues/163) for OPC, requesting that the guest-checkout "Customer Information" and "Billing Address" blocks be combined.

I believe that that change is going to be the best customer-experience solution for this autocomplete issue.

lat9:

There's a fairly long-standing change request (https://github.com/lat9/one_page_checkout/issues/163) for OPC, requesting that the guest-checkout "Customer Information" and "Billing Address" blocks be combined.

I believe that that change is going to be the best customer-experience solution for this autocomplete issue.
All finished. Check out the changes associated with the above GitHub issue; I've updated OPC's jQuery handler to combine those two blocks during guest checkout. Remember to grab both the full and minimized versions (they've both shrunk a bit).

Brilliant! Just brilliant! TYVM! :bow:

balihr:

Brilliant! Just brilliant! TYVM! :bow:
Thanks, @balihr. Anyone else want to "kick the tires" before I release v2.2.0?

I am currently running 155e

I have had installed a custom checkout that only my admin accesses. It uses a combination of barcode cart for the product POS, and I am using one-page checkout. I want the ability to choose the product in the POS page (barcode cart), and on the one-page checkout change the price being charged for the product, so that it still removes the product from the inventory, but records a giveaway (or a sample) in the total sale.

I installed the "edit orders-4.4.3" module in the hopes that would work. It does do what I want done, but only in the admin, after an order is processed.

I'd like to edit the order on the fly.

Any suggestions?

Pepperfire:

I am currently running 155e

I have had installed a custom checkout that only my admin accesses. It uses a combination of barcode cart for the product POS, and I am using one-page checkout. I want the ability to choose the product in the POS page (barcode cart), and on the one-page checkout change the price being charged for the product, so that it still removes the product from the inventory, but records a giveaway (or a sample) in the total sale.

I installed the "edit orders-4.4.3" module in the hopes that would work. It does do what I want done, but only in the admin, after an order is processed.

I'd like to edit the order on the fly.

Any suggestions?
I have no idea what your "barcode cart" functionality provides. Could you elaborate a bit more on what 'workflow' you are trying to achieve?

edited for clarity.

I appreciate the quick response.

The barcode cart module is used as my POS to display all of the products in both my internal backoffice and my online webstores for sales that occur in my physical store as well as my web installation.

It's simply a one page listing of all of my products. It redirects to one page checkout rather than the standard checkout process.

The goal is that at checkout, I want to be able to edit the price of the products, so that the final total adjusts before checkout.

Here is my current checkout display: image... https://peppermaster.com/images/checkout.png

on this page. where it shows the Shopping Cart Contents, I would like to be able to edit the price of the product, so that the total updates before we hit the Confirm Order button to close the sale.

It doesn't even have to be as technical as edit orders. (this is the display of the admin for edit orders). I just want to be able to choose one of the products and change the price we are charging for it, so that it gets deleted from inventory for the price I tell it at the checkout. Such as Edit Orders does, but before I sell, not after.

https://peppermaster.com/images/admin-edit-orders.png (btw, I love this module).

I hope that makes sense?

Pepperfire:

I appreciate the quick response.

The barcode cart module is used as my POS to display all of the products in both my internal backoffice and my online webstores for sales that occur in my physical store as well as my web installation.

It's simply a one page listing of all of my products. It redirects to one page checkout rather than the standard checkout process.

The goal is that at checkout, I want to be able to edit the price of the products, so that the final total adjusts before checkout.

Here is my current checkout display: image... https://peppermaster.com/images/checkout.png

on this page. where it shows the Shopping Cart Contents, I would like to be able to edit the price of the product, so that the total updates before we hit the Confirm Order button to close the sale.

It doesn't even have to be as technical as edit orders. (this is the display of the admin for edit orders). I just want to be able to choose one of the products and change the price we are charging for it, so that it gets deleted from inventory for the price I tell it at the checkout. Such as Edit Orders does, but before I sell, not after.

https://peppermaster.com/images/admin-edit-orders.png (btw, I love this module).

I hope that makes sense?
That does make sense; however, the changes required are outside the scope of One-Page Checkout. You'll require some 'custom programming' to get that integration to work.

I was afraid of that. I looked at both mods, and although, it can be done. It is over my head.

Can I hire you to do the edit?

Pepperfire:

I was afraid of that. I looked at both mods, and although, it can be done. It is over my head.

Can I hire you to do the edit?
PM sent.

I've just submitted v2.2.0 of One-Page Checkout for the moderators' review and will post back here when it's available for download.

 This release contains changes for the following GitHub issues:

#163: Combine guest information/billing-address blocks
#217: Correct PHP notice on no-longer-enabled payment methods.
#218: Remove 'myDEBUG-' prefix from OPC debug/trace logs' names.

My, oh my! That was fast ... v2.2.0 is now available for download: https://www.zen-cart.com/downloads.php?do=file&id=2095

Hello everyone.

I'm in need of some light to solve the problem I'm having, which was solved, but do to a human error, got screwed up.

So I'm getting this message "Sorry, but our expedited checkout process cannot be used. Click here to use our alternate checkout process" after by accident the files in the templates/CUSTOM-TEMPLATE/jscript got erased :no:

Putting the files back as I "thought" they were actually created the problem. I know there was a solution for this, but for the life of me I cannot locate it anymore.

I was able to - sort of - pinpoint the issue to one particular file jscript_jquery-1.9.1.min.js which is the file in charge of the functionality for zx_slideshow.4

Does anyone have any idea how to fix this problem so both OPC and zx_slideshow work as intended? I'm desperate.

Thanks so much!

ZX Slideshow comes with jscript_jquery-1.7.1.min.js and not 1.9.1.

I'd guess your problem is caused by loading multiple instances of jQuery on the same page. You can check source and see the sequence .js files are loaded - make sure you don't load the jquery file again after the other js files.
A fix for ZX Slideshow was described here but this might break other functionality on your site so make sure you test it thoroughly.

balihr:

ZX Slideshow comes with jscript_jquery-1.7.1.min.js and not 1.9.1.

I'd guess your problem is caused by loading multiple instances of jQuery on the same page. You can check source and see the sequence .js files are loaded - make sure you don't load the jquery file again after the other js files.
A fix for ZX Slideshow was described here but this might break other functionality on your site so make sure you test it thoroughly.

Thanks for the reply. I was able find some of the files that were deleted by error on one of the backups, uploaded them again and all is working as it should. Zx-slideshow is a bit outdated. I've had it working with 1.9.1 for quite a while now without any issues, and it works even better with the latest version. I've updated the jquery file for the latest version which is jscript_jquery-1.12.4.min.js which is also the version needed for zen-colorbox. Both work smoothly and no need for redundant jquerys. All the functionality on the website is working as it should.

@Lat9 one question.
Is it possible to have the rewards box, gift certificate box and discount box update the shopping cart contents without having to click the APPLY button just like the shipping methods do? The reason I'm asking is because the way it works right now, it throws an error message "Please confirm the terms and conditions below" every time I test either of those boxes because of the page refresh. I'm assuming customers want to see the total updated before placing the order and might get thrown off by the error messages.