JavaScript - Cambiar src de imagen con javascript en prestashop

   
Vista:

Cambiar src de imagen con javascript en prestashop

Publicado por Fernando (1 intervención) el 29/10/2015 12:04:48
Hola amigos, soy nuevo por aquí. Estoy desesperado con un problema que tengo y me gustaría que me echaran una mano si es posible. Muchas gracias de antemano.

Estoy construyendo una tienda online con ayuda de prestashop. Mi problema es que quiero que la imagen del carrito de compras cambie cuando tenga algún producto y vuelva a cambiar cuando esté vacío.

La función asociada al carrito es muy grande, pero la parte que actualiza el carrito según el numero de productos parece que es esta. A mí imagen en cuestión le he dado un id='carrito' por lo que he intentado lo siguiente:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
//update general cart informations everywhere in the page
	updateCartEverywhere : function(jsonData) {
		$('.ajax_cart_total').text($.trim(jsonData.productTotal));
 
		if (parseFloat(jsonData.shippingCostFloat) > 0 || jsonData.nbTotalProducts < 1)
			$('.ajax_cart_shipping_cost').text(jsonData.shippingCost);
		else if (typeof(freeShippingTranslation) != 'undefined')
				$('.ajax_cart_shipping_cost').html(freeShippingTranslation);
		$('.ajax_cart_tax_cost').text(jsonData.taxCost);
		$('.cart_block_wrapping_cost').text(jsonData.wrappingCost);
		$('.ajax_block_cart_total').text(jsonData.total);
 
		this.nb_total_products = jsonData.nbTotalProducts;
 
		if (parseInt(jsonData.nbTotalProducts) > 0)
		{
			$('#carrito').src('xxx');
			$('.ajax_cart_no_product').hide();
			$('.ajax_cart_quantity').text(jsonData.nbTotalProducts);
			$('.ajax_cart_quantity').fadeIn('slow');
			$('.ajax_cart_total').fadeIn('slow');
 
			if (parseInt(jsonData.nbTotalProducts) > 1)
			{
				$('.ajax_cart_product_txt').each( function () {
					$(this).hide();
				});
 
				$('.ajax_cart_product_txt_s').each( function () {
					$(this).show();
				});
			}
			else
			{
				$('.ajax_cart_product_txt').each( function () {
					$(this).show();
				});
 
				$('.ajax_cart_product_txt_s').each( function () {
					$(this).hide();
				});
			}
		}
		else
		{
			$('.ajax_cart_quantity, .ajax_cart_product_txt_s, .ajax_cart_product_txt, .ajax_cart_total').each(function(){
				$(this).hide();
			});
                        $('#carrito').src('yyy');
			$('.ajax_cart_no_product').show('slow');
 
		}
	}
};

No tengo mucha idea de javascript y seguramente lo que haya hecho sea una barbaridad. Si alguno pudiese darme una ayudita aunque sea para ponerme en el camino correcto, le estaría eternamente agradecido.

Un saludo y muchas gracias de antemano.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder