Help with custom code on checkout success page (iDevAffiliate)

[abcisme]

I am trying to install iDevAffiliate on my shop. The program itself seems to work correctly, but when I install the tracking code on the checkout success header, it makes the font on my checkout success page HUGE. I have no idea why it would do this. I'm wondering if there are any php gurus out there that can take a look at the code and see if there is something that might be wrong?

These are their instructions:

Edit this file: /zencart/includes/modules/pages/checkout_success/header_php.php.

Find the following code which already exists in the file.

$zv_orders_id = $orders->fields['orders_id']; 

That code actually doesn't exist in my header file... So I added their code beneath "$orders_id = $zv_orders_id;"



This is the code they provide to insert:

$idev = $db->Execute("select * from " . TABLE_ORDERS_TOTAL . " where orders_id = '".(int)$orders->fields['orders_id']."' AND class = 'ot_subtotal'");
$idev_saleamt = (number_format($idev->fields['value'],2));
$idev_ordernum = $idev->fields['orders_id'];
print "<script language=\"JavaScript\" type=\"text/javascript\" src=\"http://www.saffireblue.ca/idevaffiliate/sale.php?profile=13&idev_saleamt=$idev_saleamt&idev_ordernum=$idev_ordernum\"></script>"; 

I can't figure out why it would ignore my css font size and make the font so huge...?

I tried adding #checkoutsuccessBody to my checkout_success.css, but it seems to ignore that too. Anyone have any ideas?

Thanks in advance.

[gjh42]

We need to see the site live to diagnose styling issues. If the problem only happens on the checkout_success page, we would need to complete a transaction. Do you have check/money order enabled so we could do a test "purchase" without actually paying?

Also, if they say that a certain bit of code exists in a file and it doesn't, you should ask them for clarification. This one doesn't seem like it ought to matter for placement, but you never know.

[abcisme]

I did submit a ticket with iDev, but they aren't open for another 1/2 hour and their estimated wait time is 8 hours. So hopefully they'll respond to me as well.

Here's a link to my site. The only problem is that I can't leave the iDev code installed unless I know when you are going to be testing. I can't leave it live for customers to see the screwy success page... LOL

[gjh42]

Do you have the affiliate code active now? I just "ordered" a book and don't see anything out of the ordinary, except that there is a bit of stray HTML at the bottom of the page:

Please direct any questions you have to customer service.
Thanks for shopping with us online!
" width="1" height="1">

[abcisme]

No, I don't have it active now. I had inserted their generic pixel tracking code on that page instead, but obviously screwed it up, since it was leaving that width/height hanging. LOL

I will add the code now if you can test within the next few minutes...

[abcisme]

Ok, give it a try now....

[gjh42]

View source for the page shows this

<h3 id="checkoutSuccessThanks" class="centeredContent">Thanks for shopping with us online!</h3>

<img border="0" src="http://www.saffireblue.ca/idevaffiliate/sale.php?profile=72198&idev_saleamt=15.95&idev_ordernum=11195">" width="1" height="1">


<!-- Google Code for Order Submit Conversion Page -->

with the img tag prematurely closed.

What browser are you using? Firefox handles this HTML error by just showing the leftover as text, but all browsers handle errors differently.

[abcisme]

Yes, I just removed that code. Can you try reloading the success page now?

[gjh42]

Okay, I placed another order and see the font size issue. You can turn it off now.
There are a couple of things that are wrong or odd. The usual font-size resetting to 62.5% is overridden, but no overriding declaration shows up in Firebug. Thus it is using the base browser font-size setting (100%). The difficulty here is that I can't see what is causing the override.

I get a CSS error message in the validator icon: Unknown pseudo-class or pseudo-element "a". Ruleset ignored due to bad selector. It then points to your stylesheet.css, line 16.
Your stylesheet has this

.myButton
a{color:#fff}.myButton:a:visited{color:#fff}.myButton:hover{background-color:#a81c72;color:#fff}.myButton:active{position:relative;top:1px;color:#fff}

which ought to be
.myButton a:visited{color:#fff}
This doesn't seem like it should be related to the problem.

There is another CSS error: An unbalanced tree was written using document.write() ... and refers to "line 25".
This indicates a javascript error, which I can't help find or fix. The likely source would be the affiliate javascript.
Line 25 in your page's view source is

<script type="text/javascript" src="min/?f=/shop/includes/templates/saffire2/jscript/jscript_imagehover.js&amp;1327610682"></script>

which wouldn't apply here and not on other pages.

[DrByte]

1. Your "large font" is a result of your code changes outputting HTML in the wrong order, thus breaking the page layout and the browser getting confused.

2. The code you've been given (as quoted in your first post) is outdated. Neither of the code changes you posted is needed. Remove them and do the following instead:

Create a new file: /includes/modules/pages/checkout_success/jscript_idevaffiliate.php

<?php
  $idev_saleamt = number_format($order_summary['commissionable_order'], 2);
  $idev_ordernum = $order_summary['order_number'];
  echo "<script language=\"javascript\" type=\"text/javascript\" src=\"http://www.saffireblue.ca/idevaffiliate/sale.php?profile=13&idev_saleamt=$idev_saleamt&idev_ordernum=$idev_ordernum\"></script>";

Ref: http://www.zen-cart.com/content.php?...filiates-Tools