OnePageCheckout?

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.

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">
                    <!--#include file="opc_inc_viewitems.asp"-->
                </div>
                <div id="OPRArea" style="display:none">
                </div>
            </td>
        </tr>
        <tr>
            <td class="pcSpacer">&nbsp;</td>
        </tr>
    </table>
        </div>
    <%
    '/////////////////////////////////////////////////////////////////////////
    '// ORDER PREVIEW:  END
    '/////////////////////////////////////////////////////////////////////////
    %> 



Edited by Ludwig - 13-March-2012 at 5:18pm

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

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

Edited by Ludwig - 14-March-2012 at 12:06pm

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.