One-Page Checkout [Support Thread]

[fjbern1943]

Hello,

I just upgraded my one page checkout to version 1.04
My setup:
zencart 1.54
template: Responsive_sheffield_blue 2.0

Here are my results:

Tested checkout using check/money order, pay pal, Braintree

Using check/money order or payal after hitting the confirm button I get the screen with the revolving circle, one of my banners at the top and another confirm button on the side (Almost Hidden) and nothing happens until I click this extra confirm button then everything proceeds as expected.
Is this normal operation? Or did I do something wrong?

When using credit card through Braintree I get the extra page I guess to confirm the order one last time before submitting to Braintree. Then after I click the second confirm button everything proceeds as expected.

This is not what I would expect. What is the use of having to confirm the order again no matter what payment method is selected.

Best regards,

Frank

[lat9]

Hello,

I just upgraded my one page checkout to version 1.04
My setup:
zencart 1.54
template: Responsive_sheffield_blue 2.0

Here are my results:

Tested checkout using check/money order, pay pal, Braintree

Using check/money order or payal after hitting the confirm button I get the screen with the revolving circle, one of my banners at the top and another confirm button on the side (Almost Hidden) and nothing happens until I click this extra confirm button then everything proceeds as expected.
Is this normal operation? Or did I do something wrong?

When using credit card through Braintree I get the extra page I guess to confirm the order one last time before submitting to Braintree. Then after I click the second confirm button everything proceeds as expected.

This is not what I would expect. What is the use of having to confirm the order again no matter what payment method is selected.

Best regards,

Frank

Do you have a link to the site where you've got this installed? I'll need to see the confirmation page for check/moneyorder and PayPal processing to understand why those fields aren't hidden. If you don't want to post the site-link here, you can send it to me via PM.

The Braintree payment method "collects credit-card data onsite"; that's why you're seeing that extra confirmation page. That's just an extra level of "comfort" for those card-paying customers, so that they've got a spot to verify that they entered their credit-card information properly before committing the order.

[fjbern1943]

Do you have a link to the site where you've got this installed? I'll need to see the confirmation page for check/moneyorder and PayPal processing to understand why those fields aren't hidden. If you don't want to post the site-link here, you can send it to me via PM.

The Braintree payment method "collects credit-card data onsite"; that's why you're seeing that extra confirmation page. That's just an extra level of "comfort" for those card-paying customers, so that they've got a spot to verify that they entered their credit-card information properly before committing the order.

The site url is religious-shop.com

[lat9]

You've got some serious HTML-formatting issues on the page that are probably "interfering" with the auto-submit javascript for the check/moneyorder and PayPal payments, starting with a stray ending } somewhere within your template's html_header.php.

<script type="text/javascript">window.jQuery || document.write(unescape('%3Cscript type="text/javascript" src="//code.jquery.com/jquery-1.11.1.min.js"%3E%3C/script%3E'));</script>
<script type="text/javascript">window.jQuery || document.write(unescape('%3Cscript type="text/javascript" src="includes/templates/responsive_sheffield_blue/jscript/jquery.min.js"%3E%3C/script%3E'));</script>

  }

and continuing with the fact that your </body> tag comes before a collection of <script> and <meta> tags coming from (I'm guessing) the template's tpl_main_page.php.

The banner's display can be corrected by your editing of /includes/modules/pages/checkout_one_confirmation/jscript_main.php, adding the highlighted code fragment (I'll book that change for v1.0.5 of the plugin):

if (!$confirmation_required) {
?>
    $(document).ready(function(){
        $('body', 'html').css({ 
            "overflow": "hidden",
            "height": "100%",
            "background": "none"
        });
        $('#navBreadCrumb, #bannerSix', '#bannerOne').hide();
        $('#checkoutOneConfirmationLoading').show();
        $('form[name="checkout_confirmation"]').submit();
    });
<?php
}

[fjbern1943]

You've got some serious HTML-formatting issues on the page that are probably "interfering" with the auto-submit javascript for the check/moneyorder and PayPal payments, starting with a stray ending } somewhere within your template's html_header.php.

<script type="text/javascript">window.jQuery || document.write(unescape('%3Cscript type="text/javascript" src="//code.jquery.com/jquery-1.11.1.min.js"%3E%3C/script%3E'));</script>
<script type="text/javascript">window.jQuery || document.write(unescape('%3Cscript type="text/javascript" src="includes/templates/responsive_sheffield_blue/jscript/jquery.min.js"%3E%3C/script%3E'));</script>

  }

and continuing with the fact that your </body> tag comes before a collection of <script> and <meta> tags coming from (I'm guessing) the template's tpl_main_page.php.

The banner's display can be corrected by your editing of /includes/modules/pages/checkout_one_confirmation/jscript_main.php, adding the highlighted code fragment (I'll book that change for v1.0.5 of the plugin):

if (!$confirmation_required) {
?>
    $(document).ready(function(){
        $('body', 'html').css({ 
            "overflow": "hidden",
            "height": "100%",
            "background": "none"
        });
        $('#navBreadCrumb, #bannerSix', '#bannerOne').hide();
        $('#checkoutOneConfirmationLoading').show();
        $('form[name="checkout_confirmation"]').submit();
    });
<?php
}

Hello, Thanks for the quick reply.

I removed the extra "}" in the html_header.php
I also removed all the script and meta code that came before the ending </body> tag
I also modified the code in the jscript_main.php file to remove the top banner.

Everything is the same. No change. Banner still on top of page, spinning thingy spins and the only way to proceed is to click the exrta confirm button,
when using check/money order or paypal.

Please advise.

[lat9]

You're getting closer on the valid HTML. Now you've missing the </div> that's required for <div id="navSuppWrapper">.

I see the issue now; you've apparently either got a down-level template-override version (i.e. /includes/templates/responsive_sheffield_blue/templates/tpl_checkout_one_confirmation_default.php) or didn't install the v1.0.4 version of the plugin's file into the template_default folder.

The fact that the form's name is still 'checkout_one' and there's no associated id= attribute is what's telling me that!

If you're not making changes to the page's layout, there's no need to replicate the page's template into your active template's folders ... but if you do, you'll need to re-merge any changes to those template files each time you upgrade the One-Page Checkout plugin.

[fjbern1943]

You're getting closer on the valid HTML. Now you've missing the </div> that's required for <div id="navSuppWrapper">.

I see the issue now; you've apparently either got a down-level template-override version (i.e. /includes/templates/responsive_sheffield_blue/templates/tpl_checkout_one_confirmation_default.php) or didn't install the v1.0.4 version of the plugin's file into the template_default folder.

The fact that the form's name is still 'checkout_one' and there's no associated id= attribute is what's telling me that!

If you're not making changes to the page's layout, there's no need to replicate the page's template into your active template's folders ... but if you do, you'll need to re-merge any changes to those template files each time you upgrade the One-Page Checkout plugin.

Hello,

OK, I removed the files from the responsive_sheffield_blue template folder.
Made sure the files were in the template_default folder.
Ran a test order and it worked find.
The only thing is that for a couple of seconds the page with the top banner and the other confirm button shows up and then the page refreshes and either goes to the Thank you page, pay pal site, or the extra credit card page.

The </div> that's required for <div id="navSuppWrapper"> I didn't touch. The code is in the footer file, tpl_footer.php in the common/responsive_sheffield_blue directory. Here is the code:

<div id="navSuppWrapper">
<?php
if (!isset($flag_disable_footer) || !$flag_disable_footer) {
?>
<div id="navSupp">
<?php if (EZPAGES_STATUS_FOOTER == '1' or (EZPAGES_STATUS_FOOTER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<ul>
<li><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">'; ?><?php echo HEADER_TITLE_CATALOG; ?></a></li>
<li><?php require($template->get_template_dir('tpl_ezpages_bar_footer.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_footer.php'); ?></li>
</ul>
<?php } ?>
</div>

I think the </div> is at the bottom. Can you see where this code should be changed?

Thanks for your help.

Frank