Customizing ProductCart - OnePageCheckout?

Print Page | Close Window

OnePageCheckout?

Printed From: ProductCart E-Commerce Solutions
Category: ProductCart
Forum Name: Customizing ProductCart
Forum Description: Exchange messages with other users that are customizing ProductCart.
URL: https://forum.productcart.com/forum_posts.asp?TID=5042
Printed Date: 04-December-2024 at 8:43pm
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com

Topic: OnePageCheckout?

Posted By: Ludwig
Subject: OnePageCheckout?
Date Posted: 12-March-2012 at 3:50pm

It seems as though the so-called onepagecheckout isn't exactly one page, lol. In fact, most people will have two pages. Is there really no way to pull the credit card API into the one page like you do with the UPS API? Seems like there has to be a way so you can truly have a onepagecheckout.

Replies:

Posted By: Greg Dinger
Date Posted: 12-March-2012 at 4:08pm

Hello Ludwig,

"so-called" is just how I refer to it as well. And actually, it's really 3 pages since at the end everyone will end up at ordercomplete.asp.

Unfortunately, EI was confronted with some difficult decisions when they submitted to marketing pressure to create that page. There was so much legacy code to be incorporated into the checkout system that compromizes were accepted in order to get that page built. In the future they may integrate those gateway pages, but currently there are no stock solutions available.

Manual "offline" credit card payments merge into OPC, but not gateways such as authorize.net, etc. I'd be very eager to build custom code for something like authorize.net or other very popular gateway, as there would be such wide applicability. Would you care to discuss? If so, please e-mail me at my site.

-------------
GreyBeard Design Group

Certified ProductCart Developer

Web Design/Development/Hosting

http://tinyurl.com/5c8t4t" rel="nofollow - Add-Ons & Custom Code |

Posted By: Ludwig
Date Posted: 12-March-2012 at 6:47pm

I was really surprised to see the 2nd page, I was like WHAT? I cannot believe they didn't complete the project, it looks really Frankenstein'd together right now. Especially when you have the onepagecheckout in the URL, lol. It's kind of embarrassing really. I hope EI revisits this, as it's something that really needs to be fixed. I would like to go back to the old checkout if possible until they complete the onepagecheckout and make it right.

Posted By: Hamish
Date Posted: 12-March-2012 at 7:26pm

Hi Ludwig,
They said it would be one, but it's two, so I want to go back to five/six? Huh! Sorry, I don't see the logic of that at all. As for being Frakenstein'd, I have to disagree.

The NUMBER ONE request we had for that release was for a one page checkout. We did consider supporting the old & new checkouts, but the overheads of doing so would be considerable. For some payment methods a true one page checkout has been achieved and for payment gateways it's close, but the complexity and time/cost/effort of integrating all the possible payment gateways into the new checkout meant that we made the decision for most payment gateways to use a separate page. For some I believe it is effectively dictated anyway by the way the gateways work and for others it was our decision. It was a matter of priorities in the end,the cost/benefit/risk/time of going further did not stack up. Of course we have had mixed reactions to the OPC, but from the feedback we got the vast majority viewed it as a worthwhile improvement. Further integrating a single payment gateway would be feasible, but when you expand that to the number we support the complexity quickly heads skywards. That's not to say we will never re-visit this, but I believe our customers will on the whole have other functionality they would rather see first.

-------------
Editing ProductCart Code?

See http://wiki.earlyimpact.com/developers/editcode" rel="nofollow - WIKI Guidelines for Editing ProductCart's ASP Source Code

Posted By: Ludwig
Date Posted: 12-March-2012 at 8:50pm

Hamish, can you PM me and give me an idea of the cost and time it would take to implement a payment gateway? I don't understand why it's so time consuming to do just one or maybe like the top 3 gateways. I'm willing to fund half of the project if it's not a ridiculous amount.

Posted By: Guests
Date Posted: 13-March-2012 at 1:00am

As an experienced developer and merchant account agent since 1998, I completely understand what EI is up against here vis a vis Hamish's comments above (though I wish EI would kill the table rows that include the "last step" graphic remnant from 3.51).

Not all payment gateways/options use the same process, and PC includes scores of them.

Integrating all of them into the OPC would be arduous. However, I haven't tested this yet, but I believe that in most cases (those that don't post to a 3rd party page) it wouldn't too difficult to modify PC's OPC to collect CC info just like it does with "offline CC payment" method and the POST to the gateway processing page. That is, the logic for the gateway that can do a "silent post back", rather than need to go to a 3rd party site (such as PayPal standard, Google Checkout, 2checkOut, etc.) could collect CC into on the OPC and the POST to their gw*.asp processing page.

I've been meaning to try this since PC 4.0's OPC was released. If Hamish thinks I'm not missing something here, I'll give it a go this week using my favorite gateway and it's Authorize.Net emulation.

Posted By: Ludwig
Date Posted: 13-March-2012 at 12:01pm

Yea, the old checkout steps graphic on the gateway page is part of the frankenstein effect, I mentioned before. I cannot even understand why it's there.

Posted By: Greg Dinger
Date Posted: 13-March-2012 at 12:06pm

We just tailor that graphic to match the site design since it appears on the gateway page as well as ordercomplete.

-------------
GreyBeard Design Group

Certified ProductCart Developer

Web Design/Development/Hosting

http://tinyurl.com/5c8t4t" rel="nofollow - Add-Ons & Custom Code |

Posted By: Ludwig
Date Posted: 13-March-2012 at 3:41pm

They should have matched the design of the gateway pages to match the onepagecheckout, where it has the little box in the top right with the total... removed the "steps graphic" and anything else that would help the pages blend together better.

Posted By: Ludwig
Date Posted: 13-March-2012 at 4:20pm

Here's what I will do as a temporarily improvement. I am removing the old checkout steps graphic and replacing it with a <h1>Payment</h1> page title, so it matches the Checkout page title on the onepagecheckout page.

Then I will add the little Order Total box in the top right corner to match the onepagecheckout, and lastly I want to put the "Order Preview" section at the bottom of the payment page... if I do these three things, I guarantee it will look 10 times better, because the payment page will match the rest of the checkout and it won't seem so disjointed and poorly designed.

I have already removed the old graphic and replaced it with a "Payment" page title. I tried adding the little total box but it's not working... would have been too good to be true if I could have just pasted this onto the payment page:

<tr>
            <td>
                <% '// ORDER TOTAL - START %>
                    <div id="pcOPCtotal">
                        <div id="pcOPCtotalAmount"><%=scCurSign & money(opcOrderTotal)%></div>
                        <div id="pcOPCtotalLinks"><a href="#orderPreview"><%=dictLanguage.Item(Session("language")&"_opc_1")%></a></div>
                    </div>
                <% '// ORDER TOTAL - END %>
                <h1>Payment</h1>
            </td>
        </tr>

Can anyone help get this little box to work on the payment page? You should try this new layout and see how good it looks.

Posted By: Ludwig
Date Posted: 13-March-2012 at 4:38pm

Is it difficult to change the name of the onepagecheckout.asp page? That's the other thing I would want to change.

Posted By: Guests
Date Posted: 13-March-2012 at 4:51pm

Ludwig wrote:

Here's what I will do as a temporarily improvement. I am removing the old checkout steps graphic and replacing it with a <h1>Payment</h1> page title, so it matches the Checkout page title on the onepagecheckout page.

Then I will add the little Order Total box in the top right corner to match the onepagecheckout, and lastly I want to put the "Order Preview" section at the bottom of the payment page... if I do these three things, I guarantee it will look 10 times better, because the payment page will match the rest of the checkout and it won't seem so disjointed and poorly designed.

I have already removed the old graphic and replaced it with a "Payment" page title. I tried adding the little total box but it's not working... would have been too good to be true if I could have just pasted this onto the payment page:

<tr>
            <td>
                <% '// ORDER TOTAL - START %>
                    <div id="pcOPCtotal">
                        <div id="pcOPCtotalAmount"><%=scCurSign & money(opcOrderTotal)%></div>
                        <div id="pcOPCtotalLinks"><a href="#orderPreview"><%=dictLanguage.Item(Session("language")&"_opc_1")%></a></div>
                    </div>
                <% '// ORDER TOTAL - END %>
                <h1>Payment</h1>
            </td>
        </tr>

Can anyone help get this little box to work on the payment page? You should try this new layout and see how good it looks.

The OPC uses a different variable name for the order total amount. You should be able to simple replace this in the above:

<div id="pcOPCtotalAmount"><%=scCurSign & money(opcOrderTotal)%></div>

with this:

<div id="pcOPCtotalAmount"><%=scCurSign & money(pcBillingTotal)%></div>

(assuming you're not using SubscriptionBridge)

Posted By: Guests
Date Posted: 13-March-2012 at 4:53pm

Ludwig wrote:

Is it difficult to change the name of the onepagecheckout.asp page? That's the other thing I would want to change.

I wouldn't got there Wink

Posted By: Ludwig
Date Posted: 13-March-2012 at 5:05pm

Sean@WMS wrote:

The OPC uses a different variable name for the order total amount. You should be able to simple replace this in the above:

<div id="pcOPCtotalAmount"><%=scCurSign & money(opcOrderTotal)%></div>

with this:

<div id="pcOPCtotalAmount"><%=scCurSign & money(pcBillingTotal)%></div>

(assuming you're not using SubscriptionBridge)

That worked great, but why isn't the CSS applying to the box like it does on the onepagecheckout page? I have the same css files in my header on the onepagecheckout and the gateway page. Also, is it going to be hard to add the orderpreview section to the bottom of the gateway page? I tried pasting this, but of course it won't be that easy, lol. Maybe I need to add an include or something

<%
    '/////////////////////////////////////////////////////////////////////////
    '// ORDER PREVIEW: START
    '/////////////////////////////////////////////////////////////////////////
    %>
    <a name="orderPreview"></a>
    <div id="opcOrderPreviewDIV">
        <div class="pcCheckoutSubTitle"><%=dictLanguage.Item(Session("language")&"_opc_41")%></div>
    <table class="pcMainTable" id="opcOrderPreview">
        <tr>
            <td>
                <script>
                    var OPCReady="NO";
                    var tmpchkFree="";
                </script>
                <div id="OPRWarning">
                    
                </div>
                <div id="OPRArea" style="display:none">
                </div>
            </td>
        </tr>
        <tr>
            <td class="pcSpacer"> </td>
        </tr>
    </table>
        </div>
    <%
    '/////////////////////////////////////////////////////////////////////////
    '// ORDER PREVIEW: END
    '/////////////////////////////////////////////////////////////////////////
    %>

Posted By: Guests
Date Posted: 13-March-2012 at 5:20pm

The OPC has it's own style sheet, so you'd need to add that to your gateway page:

<link href="../includes/spry/SpryAccordionOPC.css" rel="stylesheet" type="text/css" />

Displaying the order review on the gateway page:

At first glance under the hood it looks like this should be viable. I'd need some time to tinker with it, though.

Posted By: Ludwig
Date Posted: 13-March-2012 at 5:26pm

This is looking awesome! EI should have made these small changes, it really makes the two pages blend together much better. Now if I can just add the OrderPreview section...

Posted By: Guests
Date Posted: 13-March-2012 at 11:25pm

I agree that there's room for improvement here with your vision to make the OPC at least look like it's rather seamless. With all of the gateways PC includes, I'm not sure how enthusiastic EI will be to follow through with them all, but you've perked my interest to look further into doing this with the gateways our merchants typically work with.

Unfortunately, I just don't have any time to look into rendering the Order Preview content on a gateway page right now.

But keep us informed on what you come up with. Would love to see it.

HINT: I suspect there may be some CSS/AJAX in the way here, so try just including this SSI:

<!--#include file="opc_inc_viewitems.asp"-->

That's what pulls the actual content.

Posted By: Ludwig
Date Posted: 14-March-2012 at 12:05pm

in my code above for the order preview you can see if has the viewitems.asp line in it and if you put it on the gwpaypal.asp page in particular it produces this

Microsoft VBScript compilation error '800a0411'

Name redefined

/store/pc/opc_inc_viewitems.asp, line 310

Dim pcv_strOptionsArray, pcv_intOptionLoopSize, pcv_intOptionLoopCounter, tempPrice, tAprice
----^

Posted By: Ludwig
Date Posted: 19-March-2012 at 10:26pm

Any get a chance to fiddle around with this? Would be nice to add the orderpreview to payment page. Also, if EI is interested I'll send them files for all the gateway pages with the changes... they look really nice and make the checkout much more seamless. I highly recommend making these simple changes.

Posted By: Guests
Date Posted: 19-March-2012 at 11:18pm

Ludwig wrote:

Any get a chance to fiddle around with this? Would be nice to add the orderpreview to payment page. Also, if EI is interested I'll send them files for all the gateway pages with the changes... they look really nice and make the checkout much more seamless. I highly recommend making these simple changes.

Hi Ludwig,

We're swamped at the moment, and it's clear that this piece goes beyond what we can do via the forum.

If you're really serious about wanting the order preview on a gateway page and willing to contract some time to get it done, then please request a quote through our site.

Love the vision here, but the execution is going to take some effort.

Posted By: cpgmar
Date Posted: 12-September-2012 at 5:49pm

Ludwig,
Did you ever get the Order preview to show up on the payment page? Would be very interested in how this all came out looking...can you post the site url?

-------------
Cindy

The Tasteful Garden

www.tastefulgarden.com

Posted By: cpgmar
Date Posted: 12-September-2012 at 5:50pm

Has there been any more development towards getting Auth.net incorporation in new versions of PC into OPC?

-------------
Cindy

The Tasteful Garden

www.tastefulgarden.com