Trustlogo not floating

Warwick · #1 08-25-2006, 02:18 AM

I have altered the skin1/customer/home.tpl and put in the correct code at the correct places (between the corresponding tags) as being directed through the trustlogo.com site:

Quote:

Step 1: Copy the below JavaScript in your HTML page's <head> tag.

Use the following line if you are displaying your TrustLogo over a STANDARD NON-SECURE page, e.g. http://

<script language="JavaScript" src="http://www.trustlogo.com/trustlogo/javascript/trustlogo.js" type="text/javascript">
</script>

Step 2: not relevant

Step 3: Copy and paste the below code into your webpage HTML.


<script type="text/javascript">TrustLogo("http://www.mydomain.com/shop/trustlogo/cornertrust.gif", "SC", "bottomright");</script>

The trustlogo is showing and functioning now on all pages, but it is centered at the bottom and not floating.
My aim is to get it in the right bottom corner and floating above the content below it.

I guess the code should be put somewhere else in the home.tpl or should I add the code in another .tpl file to get the result I want?

p.s. I've been able to see other sites where it works with my browser so I figure that the browser isn't the problem.

Thanks in advance!

balinor · #2 08-25-2006, 03:20 AM

You need to surround the JavaScript with {literal} tags, i.e.:

{literal}
javascript code here
{/literal}

Warwick · #3 08-25-2006, 03:37 AM

Sorry for not getting it, do you mean like this?

{literal}<script language="JavaScript" src="http://www.trustlogo.com/trustlogo/javascript/trustlogo.js" type="text/javascript">
</script>{/literal}

And


{literal}<script type="text/javascript">TrustLogo("http://www.mydomain.com/shop/trustlogo/cornertrust.gif", "SC", "bottomright");</script>{/literal}

balinor · #4 08-25-2006, 04:01 AM

Warwick · #5 08-25-2006, 04:13 AM

Somehow that's not working:

Code:

{* $Id: home.tpl,v 1.88.2.3 2006/07/19 10:19:35 max Exp $ *}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
{if $printable ne ''}
{include file="customer/home_printable.tpl"}
{else}
{config_load file="$skin_config"}
<html>
<head>
{literal}<script language="JavaScript" src="http://www.trustlogo.com/trustlogo/javascript/trustlogo.js" type="text/javascript">
</script>{/literal}
<title>
{if $config.SEO.page_title_format eq "A"}
{section name=position loop=$location}
{$location[position].0|strip_tags|escape}
{if not %position.last%} :: {/if}
{/section}
{else}
{section name=position loop=$location step=-1}
{$location[position].0|strip_tags|escape}
{if not %position.last%} :: {/if}
{/section}
{/if}
</title>
{include file="meta.tpl" }
<link rel="stylesheet" href="{$SkinDir}/{#CSSFile#}" />
</head>
<body{$reading_direction_tag}{if $body_onload ne ''} onload="javascript: {$body_onload}"{/if}>
{include file="rectangle_top.tpl" }
{include file="head_customer.tpl" }
{if $active_modules.SnS_connector}
{include file="modules/SnS_connector/header.tpl"}
{/if}
<!-- main area -->
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td class="VertMenuLeftColumn">
{include file="customer/categories.tpl" }

{if $main ne "catalog" or $current_category.category ne ""}
{ include file="customer/menu_cart.tpl" }
{if $active_modules.Feature_Comparison ne "" && $comparison_products ne ''}
{include file="modules/Feature_Comparison/product_list.tpl" hide_bullets=true}
{/if}
{if $active_modules.Bestsellers ne "" and $config.Bestsellers.bestsellers_menu eq "Y"}
{include file="modules/Bestsellers/menu_bestsellers.tpl" }
{/if}
{if $active_modules.Users_online ne "" and $users_online}
{ include file="modules/Users_online/menu_users_online.tpl" }
<br />
{/if}
{if $active_modules.Manufacturers ne "" and $config.Manufacturers.manufacturers_menu eq "Y"}
{include file="modules/Manufacturers/menu_manufacturers.tpl" }
{/if}
{include file="customer/special.tpl"}
{if $active_modules.Survey && $menu_surveys}
{assign var="hide_bullets" value=true}
{foreach from=$menu_surveys item=menu_survey}
{include file="modules/Survey/menu_survey.tpl"}
<br />
{/foreach}
{assign var="hide_bullets" value=false}
{/if}
{include file="help.tpl" }
{include file="news.tpl"}
{if $active_modules.Interneka ne ""}
<br />
{ include file="modules/Interneka/menu_interneka.tpl" }
{/if}
{/if}

<img src="{$ImagesDir}/spacer.gif" width="180" height="1" alt="" />
</td>
<td valign="top"{if $main ne "catalog" or $current_category.category ne ""} class="MainArea"{/if}>
<!-- central space -->

{if $main ne "catalog" or $current_category.category ne ""}
<img src="{$ImagesDir}/spacer.gif" width="100%" height="14" alt="" />
{/if}
{include file="dialog_message.tpl"}

{if $active_modules.Special_Offers ne ""}
<div class="OffersBox">
{include file="modules/Special_Offers/customer/new_offers_message.tpl"}
</div>
{/if}

{include file="customer/home_main.tpl"}
<!-- /central space -->
</td>
</tr>
</table>
<div class="MainSeparator"><img src="{$ImagesDir}/spacer.gif" alt="" /></div>
{if $main eq "catalog" and $current_category.category eq ""}
<div class="MainSeparator2"><img src="{$ImagesDir}/customer_images/Line_bg.gif" alt="" /></div>
<!--Bottom menu-->
<table width="100%" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td><img src="{$ImagesDir}/spacer.gif" alt="" class="WelcomeSpacer"/></td>
	<td>

<table width="100%" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td width="180" valign="top" style="padding-right: 18px;">
{if $active_modules.Feature_Comparison ne "" && $comparison_products ne ''}
{include file="modules/Feature_Comparison/product_list.tpl" hide_bullets=true}
{/if}
{if $active_modules.Bestsellers ne "" and $config.Bestsellers.bestsellers_menu eq "Y"}
{ include file="modules/Bestsellers/menu_bestsellers.tpl" }
{/if}
{if $active_modules.Users_online ne "" and $users_online}
{ include file="modules/Users_online/menu_users_online.tpl" }
<br />
{/if}
{if $active_modules.Manufacturers ne "" and $config.Manufacturers.manufacturers_menu eq "Y"}
{ include file="modules/Manufacturers/menu_manufacturers.tpl" }
{/if}
{if $active_modules.XAffiliate ne ""}
{include file="partner/menu_affiliate.tpl" }
{/if}
	</td>
	<td width="168" valign="top">
{include file="customer/special.tpl"}
{include file="help.tpl"}
	</td>
	<td class="VertSeparator"><img src="{$ImagesDir}/customer_images/spacer_white.gif" alt="" /></td>
	<td width="177" valign="top">
{include file="news.tpl" }
{if $active_modules.Interneka ne ""}
{include file="modules/Interneka/menu_interneka.tpl" }
{/if}
<img src="{$ImagesDir}/spacer.gif" alt="" />
	</td>
	<td class="VertSeparator"><img src="{$ImagesDir}/customer_images/spacer_white.gif" alt="" /></td>
	<td valign="top">
<br/><br/><br/>
<a href="help.php?section=contactus&amp;mode=update"><img src="{$ImagesDir}/customer_images/contact_us.jpg" class="ContactUs" alt="" /></a>
<br/><br/><br/>
 {if $active_modules.SnS_connector && $config.SnS_connector.sns_display_button eq 'Y'}
<center>
{include file="modules/SnS_connector/button.tpl"}
</center>
{/if}

	</td>
</tr>
</table>
{if $f_products ne ""}
{include file="customer/main/featured.tpl" f_products=$f_products}<br />
{/if}
	</td>
	<td><img src="{$ImagesDir}/spacer.gif" alt="" class="WelcomeSpacer2"/></td>
</tr>
</table>
{/if}
<center class="HorizSeparator"><img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" /></center>
{ include file="poweredby.tpl" }
{include file="rectangle_bottom.tpl" }
</body>
<!--
TrustLogo Html Builder Code:
Shows the logo at URL http://www.mydomain.com/shop/trustlogo/cornertrust.gif
Logo type is ("SC")
Floating on the 
//-->
{literal}<script type="text/javascript">TrustLogo("http://www.mydomain.com/shop/trustlogo/cornertrust.gif", "SC", "bottomright");</script>{/literal}
</html>
{/if}

Line 9 and one of the last lines have the javascript code, would you be so kind to take a quick look?

balinor · #6 08-25-2006, 04:42 AM

Sorry, not familar enough with that particular company to know the answer

Warwick · #7 08-25-2006, 04:52 AM

Thanks anyway

Warwick · #8 08-29-2006, 07:49 AM

Ok, I'm a bit further but haven't managed yet.

Finally I found a post dealing with this, but it is for 4.0.x, is there anybody who knows how to alter it for 4.1.x or is willing to try?

Quote:

skin1/customer/home.tpl - Just before the </head> place:

Code:

{literal}<script>
var cot_loc0=(window.location.protocol == "https:")? "https://secure.comodo.net/trustlogo/javascript/cot.js" :
"http://www.trustlogo.com/trustlogo/javascript/cot.js";
document.writeln('<script language="JavaScript" src="'+cot_loc0+'" type="text\/javascript"><\/script>');
</script>{/literal}

Then at skin1/customer/menu_cart.tpl - After the last </if> and before </capture>

Code:

{literal}<script language="JavaScript">COT("https://www.yourdomain.com/images/cornertrust.gif", "SC2", "none");</script>{/literal}

)

Warwick · #9 08-29-2006, 01:34 PM

I finally found out how to go about this matter

TIP: I came across a big part of this modification somewhere in the forums and copied and pasted the code I found there; somehow this copying and pasting didn't make it to work, finally I went through the steps described below (go to the site, enter url etc. etc.) and succeeded.

>> The not properly functioning of copying and pasting of code could be forum related so I would advise you not to do this. <<

Technical specs
X-Cart version: 4.1.3
Other versions could work with this tutorial, but you'll have to try and see for yourself!

To make thing really easy (you can skip step 1 and 2 with this); here's the logo so you don't need to download it:
http://www.trustlogo.com/images/cornertrust.gif

Step-by-step setup

Go to: http://www.instantssl.com/ssl-certificate-products/ssl-certificate-corner-trust.html on this page you will sees Comodo's 'Corner of Trust' logo in the right bottom corner and how it works; scroll and you'll see it stay exactly in the same place. On the page itself you can read additional information about the 'Corner of Trust'.
Download the 'Corner of Trust' logo by right clicking on it and performing 'save to disk' under its original name (cornertrust.gif).
Create a directory with the name 'comodo' in the root where you have installed your X-Cart.
Upload the 'Corner of Trust' logo to the 'comodo' directory; retain it's original name (cornertrust.gif).
Go to: http://www.trustlogo.com/ssl-certificate-support/index2.html
Fill in the the exact graphic url at step 1 (example: http://www.yourdomain.com/shop/comodo/cornertrust.gif) where 'shop' is the name of the root directory where you have installed X-Cart and 'comodo' is the name of the directory you have created and uploaded the cornertrust.gif logo in.
After having filled in the exact url where the logo is situated, click on the arrow that is right beside the text 'Enter your graphic URL here:'.
If you have provided the correct url, your 'Corner of Trust' logo will appear automatically underneath.

Continue to step 2 and copy the javascript code under 'Snippet 1' it should look something like

Code:

<script language="javascript" type="text/javascript">
var cot_loc0=(window.location.protocol == "https:")? "https://secure.comodo.net/trustlogo/javascript/cot.js" :
"http://www.trustlogo.com/trustlogo/javascript/cot.js";
document.writeln('<script language="JavaScript" src="'+cot_loc0+'" type="text\/javascript"><\/script>');
</script>

Open /skin1/customer/home.tpl and paste the copied code directly after </title>
Put {literal} before the <script language="javascript"*type="text/javascript"> part in the code that you have just added.

Put {/literal} after the </script> part in the code that you have just added. So that the newly added code will look like this:

Code:

{literal}<script language="javascript" type="text/javascript">
var cot_loc0=(window.location.protocol == "https:")? "https://secure.comodo.net/trustlogo/javascript/cot.js" :
"http://www.trustlogo.com/trustlogo/javascript/cot.js";
document.writeln('<script language="JavaScript" src="'+cot_loc0+'" type="text\/javascript"><\/script>');
</script>{/literal}

Go back to http://www.instantssl.com/ssl-certificate-products/ssl-certificate-corner-trust.html; copy the code at 'Snippet 2' it should look something like
Code:
```
<script language="JavaScript">COT("http://www.yourdomain.com/shop/comodo/cornertrust.gif", "SC2", "none");</script>
```
Go back into skin1/customer/home.tpl and paste the code from 'Snippet 2' right before </html>.
Put {literal} before the <script language="JavaScript"> part in the code that you have just added.

Put {/literal} after the </script> part in the code that you have just added so that the newly added code will look like this:

Code:

{literal}<script language="JavaScript">COT("http://www.yourdomain.com/shop/comodo/cornertrust.gif", "SC2", "none");</script>{/literal}

That should be it.

My 2 cents

No garuantees or support; I'm sort of a newby.

impact-computers · #10 09-07-2006, 01:58 PM

works a treat, thank you