Clickable logo in carriers? HTML in fields of carriers. Pls Help!

[qwerty32]

I would greatly appreciate receiving any comments, thoughts or help on the subject..

Is it possible to make clickable logo in carriers? Now it is a uploadable picture and nothing else.

What i need (and think- most of the rest)- a clickable link. U cklick and get more info, or get pop-up window, or dorway to the site of the carrier.

 

So.. Think the easiest way- to use html.

How to input pure HTML code in this field (or make HTML in the field of the text)?

Eg i use this field for the description of the terms of carrier..

Presta cuts off all HTML tags, making it impossible to use (anger!!!)

 

Pls find picture in attachment..

[herbe verte]

for my part i wold like to post my working code of the jqzoom, first , the tpl product.tpl need to have {literal} quote with jqzoom :

 

 

<p id="admin-action-result"></p>

</p>

</div>

{/if}

 

 

{literal} <script type="text/JavaScript" src="http://www.xxxx/cloud-zoom.1.0.2.min.js"></script> {/literal}

 

{if isset($confirmation) && $confirmation}

<p class="confirmation">

{$confirmatio

 

 

<div id="pb-right-column">

<!-- product img-->

<div id="image-block">

{if $have_image}

 

 

<a id="zoom1" rel="position: 'inside' , showTitle: true, adjustX:0, adjustY:0" class="cloud-zoom" href="{$link-

>getImageLink($product->link_rewrite, $cover.id_image,'thickbox')}" style="position: relative; display: block;" >

 

<img alt="{$product->name|escape:'htmlall':'UTF-8'}" title="{$product->name|escape:'htmlall':'UTF-8'}" class="jqzoom"

 

src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')}" style="display: block;" id="bigpic">

 

</a>

 

this is usefull code . for prestashop 1.4 , replace thumnails code with :

 

 

 

<div id="thumbs_list">

<ul id="thumbs_list_frame">

{if isset($images)}

{foreach from=$images item=image name=thumbnails}

{assign var=imageIds value="`$product->id`-`$image.id_image`"}

<li id="thumbnail_{$image.id_image}">

<a href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox')}"

 

class="cloud-zoom-gallery" title="{$image.legend|htmlspecialchars}"

rel="useZoom: 'zoom1', smallImage: '{$link->getImageLink($product->link_rewrite, $imageIds,

 

'large')}'">

<img src="{$link->getImageLink($product->link_rewrite, $imageIds, 'medium')}"

 

alt="{$image.legend|htmlspecialchars}"/></a>

 

</li>

{/foreach}

{/if}

</ul>

</div>

 

( for 1.4 prestashop release )

 

i plan to implement hover thumb changing the large image , with javascript

 

usefull code :

 

//hover 'other views' images management

$('#views_block li a').hover(

function(){displayImage($(this));},

function(){}

 

and :

 

//update display of the large image

function displayImage(domAAroundImgThumb)

{

if (domAAroundImgThumb.attr('href'))

{

var newSrc = domAAroundImgThumb.attr('href').replace('thickbox','large');

if ($('#bigpic').attr('src') != newSrc)

{

$('#bigpic').fadeOut('fast', function(){

$(this).attr('src', newSrc).show();

 

if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)

$(this).attr('alt', domAAroundImgThumb.attr('href'));

 

});

}

 

 

$('#views_block li a').removeClass('shown');

$(domAAroundImgThumb).addClass('shown');

}

}

 

maybe later ...

);