checkout_success return page format

Hello All,

Really hoping someone can rescue me real fast here so the site can up and run,
We just implemented Authorize.net payments and all is well until the checkout success.

When it returns the entire site move from center of page to the left and the right column
is moving into the center return info column and covering it making it unreadable.

Any thoughts please !!!

Thx,
Erick

ok, in looking at the code in the checkout_success I see

<body id="checkoutsuccessBody"> and on the main index page it has <body id="indexBody">

I am now looking for how to get the checkout_success page to also load

<body id="indexBody"> as I think that might be the formating issue.

maybe ?

have done an AstroGrep Search for checkoutsuccessBody with no results,
please any idea how to get the checkout_success page to call <body id="indexBody">
and not <body id="checkoutsuccessBody">

OR

am I missing the checkoutsuccess css ? so nothing is being called ?
as the tpl_main_page.php has

$body_id = ($this_is_main_page) ? 'indexHome' : str_replace('_', '', $_GET['main_page']);

so can this be changed to look for the main page as it is now BUT ALSO the checkoutsuccess page
THEN it will load the <body id="indexBody"> in the checkout success page so the formating is good ??

I have also tried in the tpl_main_page.php for my template to hard set the body id

<body id="indexBody"> and tried <body id="index"> <!--<body id="<?php echo $body_id . 'Body'; ?>"<?php if($zv_onload !='') echo ' onload="'.$zv_onload.'"'; ?>>-->

it shows in the code when I refresh the checkout_success page on the site but the formating is still all messed up
and moving left, so it must not be just the body id tag.

really lost now, as I was sure that would do it..

only diff in the top of the code from the index page to the checkout_success code is the Conversions Conversion Page

<!-- Google Code for Conversions Conversion Page --> <script type="text/javascript"> /* <![CDATA[ */ var google_conversion_id = xxxxxxx; var google_conversion_language = "en"; var google_conversion_format = "2"; var google_conversion_color = "ffffff"; var google_conversion_label = "xxxxxx"; var google_conversion_value = 0; if (100.00) { ## google_conversion_value = 100.00; } /* ]]> */ </script> <script type="text/javascript" src="/googlecode/conversion.js"> </script> <noscript> <div style="display:inline;"> <img height="1" width="1" style="border-style:none;" alt="" src="http://www.googleadservices.com/pagead/conversion/xxxxxx/?value=100.00&label=xxxxxx;guid=ON&script=0"/> </div> </noscript>

am I missing the checkoutsuccess css ? so nothing is being called ?

There is no checkoutsuccess.css. The page would be styled in your stylesheet.css. You might take a look in the stylesheet at the indexBody and see what's different than the checkoutsuccessBody

There is no indexbody, or index or body in the stylesheet.css
any other suggestions ? please :-)

A better approach would be to compare all your site's files against the original Zen Cart files, and fix whatever's damaged. http://www.zen-cart.com/wiki/index.php/Troubleshoot_-_Diagnosing_Obscure_Issues

And another additional step could be to View Source on the checkout-success page when the problem exists, and then do another checkout using another payment module (check/money order perhaps?) and compare View Source from that page against the source from the broken page. Then reconcile the differences.

You're likely running into extra invalid HTML being dumped into the page by something in your template, before the normal HTML is output, and thus the css etc is being overridden somewhat. The comparison methods I mentioned will help isolate the problem for you.

There is no checkoutsuccess.css. The page would be styled in your stylesheet.css. You might take a look in the stylesheet at the indexBody and see what's different than the checkoutsuccessBody
That's true but I have created a checkout_success.css and other page-specific xxxxxx.css files to style pages as I want and override some main stylesheet values if necessary. I'm also using the individual stylesheets to enable or disable header, footer, left and/or right side columns or for anything else differing from the default appearance. This allows me to avoid changes to PHP files.

If there is no indexbody, or index or body in the stylesheet.css
and I can not find checkoutsuccessBody, how is the main index page using indexbody ?
or is it ? maybe it is doing notthing ?

it is the only differance in the index code and the checkout_success code when I view source,
or at least the 1st differance but something is messing up the layout position.

It's unlikely that the #indexBody or #checkoutSuccessBody has any styling associated with it at all, because it largely wouldn't need it. That's only necessary when doing very specific extra custom styling that the main styling doesn't already offer. There are lots of ids and classes that are not mentioned in the default stylesheet, because they're not needed for the default template. They're offered in case you want to customize things beyond the original styling.

You didn't answer my question about differences between the page source when using a different payment module.
Also, you've not answered all the questions in the Posting Tips section of the Reply/Post screen. Click Reply below and add those answers to your next post.
And also indicate WHICH authnet payment module you're using, and why. AIM is far preferred over SIM, for a myriad of reasons, but requires SSL ... which any good store really ought to have anyway.

It was the google code I put in the header file, removed it and the page refreshed with proper formating,
so I move the google code to tpl_checkout_success_default.php and all is right with the world now. :-)
thx so much for helping me in the right direction.

Hope this can help others .

Thx,
Erick

Hay DrByte, I see your name all over the code, can you please tell be when the
code is for the images of CONTINUE CHECKOUT and BACK TO SHOPPING are ?
when you are at the site/index.php?main_page=shopping_cart

as I would like to swap the button positions left and right <--> as for me the
continue checkout button would look better on the right of the back to shopping button.

Thx,
Erick

gloerick:

can you please tell be when the
code is for the images of CONTINUE CHECKOUT and BACK TO SHOPPING are ?
when you are at the site/index.php?main_page=shopping_cart

as I would like to swap the button positions left and right <--> as for me the
continue checkout button would look better on the right of the back to shopping button.
I'm not sure what you're talking about. On a fresh clean install using the included classic template, the "checkout" button is indeed to the right of the "back to shopping" button.
Sounds like your custom template's HTML and CSS are not working happily together.

tpl_shopping_cart_default.php

Found it in file tpl_shopping_cart_default.php

<?php echo '<a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_CHECKOUT, BUTTON_CHECKOUT_ALT) . '</a>   '; ?>
<?php echo zen_back_link() . zen_image_button(BUTTON_IMAGE_CONTINUE_SHOPPING, BUTTON_CONTINUE_SHOPPING_ALT) . '</a>   '; ?>

I can swap the image, but keep screwing up the LINK for the button to follow the switch of the button :-( the href

think I got the buttons and links swapped

<?php echo zen_back_link() . zen_image_button(BUTTON_IMAGE_CONTINUE_SHOPPING, BUTTON_CONTINUE_SHOPPING_ALT) . '</a>   '; ?>
<?php echo '<a href="' . zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_CHECKOUT, BUTTON_CHECKOUT_ALT) . '</a>   '; ?>

does it look right ?

As I said, the original template_default version of that file, in conjunction with the original stylesheet, work just fine. Use those as a reference to fix your customized template.

Thank you so much, with your help I got it :-)