Así es como tendrías que hacerlo, yo solo lo necesito en un modulo así que he puesto tanto el codigo de css y js en el mismo módulo, adáptalo a tu web.
<ul id="footer_sub_menu_{$_expand_id}" class="collapse">
{foreach $linkBlock.links as $link}
<li>
<span
id="{$link.id}-{$linkBlock.id}"
class="puntero {$link.class}"
onclick='letsgo("{$link.url}")'
title="{$link.description}"
{if !empty($link.target)} target="{$link.target}" {/if}
>
{$link.title}
</span>
</li>
{/foreach}
</ul>
</div>
{/if}
{/foreach}
{literal}
<style>
.puntero {
cursor: pointer;
}
</style>
<script>
function letsgo(url){
window.open(url, '_blank');
}
</script>
{/literal}