X-Cart forums

[Milly4554]

I'm trying to add the authorize.net logo to the footer, I have added this script to..skin/ideal_responsive/customer/bottom.tpl

Line 15-20

<!-- (c) 2005, 2014. Authorize.Net is a registered trademark of CyberSource Corporation -->
<div class="AuthorizeNetSeal">
<script type="text/javascript" language="javascript">var ANS_customer_id="e2469f77-27b0-48b6-aef8-2db2b9411d8a";</script> <script type="text/javascript" language="javascript" src="//verify.authorize.net/anetseal/seal.js" ></script>
<a href="http://www.authorize.net/" id="AuthorizeNetText" target="_blank">Accept Credit Cards</a>
</div>

I can see the top of the logo at the bottom of the page ....

BUT most of it is hidden below the page...

How do I edit the... skin/ideal_responsive/css/altskin.css page to move it up ?

Thanks Gene

[carpeperdiem]

Originally Posted by Milly4554

<script type="text/javascript" language="javascript">var ANS_customer_id="e2469f77-27b0-48b6-aef8-2db2b9411d8a";</script> <script type="text/javascript" language="javascript" src="//verify.authorize.net/anetseal/seal.js" ></script>

1. you need to surround a script in a template with {literal} tags - like this:

{literal}<script type="text/javascript" language="javascript">var ANS_customer_id="e2469f77-27b0-48b6-aef8-2db2b9411d8a";</script> <script type="text/javascript" language="javascript" src="//verify.authorize.net/anetseal/seal.js" ></script>{/literal}

Does this help?

2. Use firebug and you can see what the page is trying to do.

[totaltec]

Originally Posted by carpeperdiem

1. you need to surround a script in a template with {literal} tags

Usually this advice would be correct, but in this case, I don't see any curly braces {} in the JS code. The only need for {literal} tags is to keep Smarty from parsing the curly braces.

[carpeperdiem]

Originally Posted by totaltec

Usually this advice would be correct, but in this case, I don;t see any curly braces {} in the JS code. The only need for {literal} tags is to keep Smarty from parsing the curly braces.

Yes... but

//verify.authorize.net/anetseal/seal.js

it's in the source, right?

[totaltec]

Try adding this to your CSS:

div.AuthorizeNetSeal {
  position: relative;
  top: -86px;
}

[totaltec]

Originally Posted by carpeperdiem

Yes... but

//verify.authorize.net/anetseal/seal.js

it's in the source, right?

It is in the source, but it is referenced correctly. Once smarty has done its thing and rendered the page, the script above just goes and gets the seal and references the js you see in the source. It's working properly, its just off the page.

[Milly4554]

Thanks Mike , I think I'm starting to get an Idea about this,

I was going to try div.Authorize.net ,like the other fix you had given me div.fb

I will play around with this just to see what I can do ...

Thanks Carpeperdiem when we all participate everybody learns something !

I hope this example helps someone else too....

Thanks Gene