Mostrar módulo carrito en popup JQuery

[isoler]

Hola,

 

Estoy desarrollando una tienda de ropa y el cliente me ha pedido que no quiere que el módulo del carrito se muestre en la columna derecha, quiere que solamente se muestre en el módulo del header blockuserinfo el texto 'Carrito : n productos' y que cuando hagas click salga un popup que muestre el módulo del carrito.

 

Lo he hecho usando jquery de la siguiente forma (desconozco si es correcto o no):

 

En el .tpl del módulo headeruserinfo de la carpeta modules del tema que estoy usando he añadido el script y el div para el popup:

<script type="text/javascript">
$(document).ready(function(){
 $('#open').click(function(){
	$('#popup').fadeIn('slow');
});
$('#close').click(function(){
	$('#popup').fadeOut('slow');
});
});
</script>
<div id="popup" style="display: none;">
<div class="content-popup">
   <div class="column"><div class="close"><a href="#" id="close"><img src="{$img_dir}icon/close.png"/></a></div>{include file="themes/themeprueba/modules/blockcart/blockcart.tpl"}</div>
</div>
</div>

 

y he cambiado el id a 'open' y el href a '#' del link del carrito.

 

Una vez hecho esto, el popup se muestra correctamente pero no se actualiza, siempre pone 'sin productos' aunque hayamos añadido elementos al carrito y además no muestra todos sus elementos (falta una flechita de al lado del titulo de Carrito y no muestra el parágrafo 'cart-price-precisions' donde pone si el IVA está incluido).

 

Les agradecería cualquier tipo de pista o ayuda.

 

Muchas gracias!!

 

Saludos.