[SOLUCIONADO] Cómo eliminar la ventana emergente al añadir al carrito

arturobelver · June 4, 2014

PS 1.6.x

Theme: default-bootstrap

--

Hola a todos, quisiera poner en mi tienda el efecto de carrito deslizante que era propio de la versión 1.5 pero antes tengo que evitar la ventana emergente al comprar un producto.

¿Alguien tiene idea de cómo?

Gracias

Edited June 4, 2014 by arturobelver (see edit history)

arturobelver · June 4, 2014

Creo que lo he resuelto, gracias a OBsolutions, quienes me han chivado la función que se encarga de esto, se llama 'UpdateLayer'. Lo único que he hecho ha sido comentarla y se encuentra en:

\themes\plantilla\ajax-cart.js

	updateLayer : function(product){
		/*$('#layer_cart_product_title').text(product.name);
		$('#layer_cart_product_attributes').text('');
		if (product.hasAttributes && product.hasAttributes == true)
			$('#layer_cart_product_attributes').html(product.attributes);
		$('#layer_cart_product_price').text(product.price);
		$('#layer_cart_product_quantity').text(product.quantity);
		$('.layer_cart_img').html('<img class="layer_cart_img img-responsive" src="' + product.image + '" alt="' + product.name + '" title="' + product.name + '" />');

		var n = parseInt($(window).scrollTop()) + 'px';

		$('.layer_cart_overlay').css('width','100%');
		$('.layer_cart_overlay').css('height','100%');
		$('.layer_cart_overlay').show();
		$('#layer_cart').css({'top': n}).fadeIn('fast');
		crossselling_serialScroll();*/
	},

\themes\plantilla\js\modules\blockcart\ajax-cart.js

	updateLayer : function(product){
		/*$('#layer_cart_product_title').text(product.name);
		$('#layer_cart_product_attributes').text('');
		if (product.hasAttributes && product.hasAttributes == true)
			$('#layer_cart_product_attributes').html(product.attributes);
		$('#layer_cart_product_price').text(product.price);
		$('#layer_cart_product_quantity').text(product.quantity);
		$('.layer_cart_img').html('<img class="layer_cart_img img-responsive" src="' + product.image + '" alt="' + product.name + '" title="' + product.name + '" />');

		var n = parseInt($(window).scrollTop()) + 'px';

		$('.layer_cart_overlay').css('width','100%');
		$('.layer_cart_overlay').css('height','100%');
		$('.layer_cart_overlay').show();
		$('#layer_cart').css({'top': n}).fadeIn('fast');
		crossselling_serialScroll();*/
	},

Lo único que he hecho ha sido comentar el contenido de la función.

Para los que quieran que les aparezca un mensaje comunicando que el producto se agregó correctamente, gracias al equipo de PrestaMarketing pueden hacerlo editando el siguiente contenido:

themes/default-bootstrap/js/modules/blockcart/ajax-cart.js

if (!jsonData.hasError)
				{
					window.parent.ajaxCart.updateCartInformation(jsonData, addedFromProductPage);

					if (jsonData.crossSelling)
						$('.crossseling').html(jsonData.crossSelling);

					if (idCombination)
						$(jsonData.products).each(function(){
							if (this.id != undefined && this.id == parseInt(idProduct) && this.idCombination == parseInt(idCombination))
								window.parent.ajaxCart.updateLayer(this);
						});
					else
						$(jsonData.products).each(function(){
							if (this.id != undefined && this.id == parseInt(idProduct))
								window.parent.ajaxCart.updateLayer(this);
						});
					if (contentOnly)
						parent.$.fancybox.close();
				}

Para dejarlo así:

if (!jsonData.hasError)
       {
         window.parent.ajaxCart.updateCartInformation(jsonData, addedFromProductPage);
         alert('producto añadido');
       }

Edited June 4, 2014 by arturobelver (see edit history)

jjryeste · June 27, 2014

Hola , he hecho las modificaciones y ha quedado perfecto , solo queria sabr una cosa , a ese pequeño mensaje de producto aadido, se l epodria dar color a background y al texto fuente o poner en negrita o tamaño, gracas

matiasmenker · July 27, 2014

Para que quede correctamente podríamos dejar un mensaje añadiendo lo siguiente en vez del alert, a ver que les parece:

$.fancybox.open([{
   type: 'inline',
   autoScale: true,
   minHeight: 30,
   autoDimensions: true,
   padding: 20,
   content: '<p class="fancybox-error">Producto añadido</p>'
}],
{
   padding: 0
});

Saludos y espero que les sirva!

jjryeste · July 28, 2014

Ok , perfecto , pero el fondo blanco de esa ventana se puede modificar asi como la fuente o color de las las letras (Producto añadido)

Saludos y Gracias

jjryeste · July 28, 2014

tampoco se correctamente en que archivo y que parte sustituir con esto que diices

$.fancybox.open([{
type: 'inline',
autoScale: true,
minHeight: 30,
autoDimensions: true,
padding: 20,
content: 'Producto añadido'
}],
{
padding: 0
});

saludos

xinito · August 19, 2014

Hola jjryeste, no sé si te seguirá sirviendo, pero lo que matiasmenker propone sería dejar la parte que mencionaba arturobelver en el ajax-cart.js (sobre la linea 318):

if (!jsonData.hasError)
 {
 window.parent.ajaxCart.updateCartInformation(jsonData, addedFromProductPage);
 alert('producto añadido');
 }

tal como sigue:

if (!jsonData.hasError)
{
window.parent.ajaxCart.updateCartInformation(jsonData, addedFromProductPage);
$.fancybox.open([{
 type: 'inline',
 autoScale: true,
 minHeight: 30,
 autoDimensions: true,
 padding: 20,
 content: '<p class="fancybox-error">PRODUCTO AGREGADO</p>'
}],
{
padding: 0
});
}

jjryeste · August 19, 2014

ok , ya lo tengo puesto y funcionado, lo que me gustaria saber ,Es si es posible , cambiar el color de fondo de la ventana emergente, asi como la fuente de las letras, gracias

xinito · August 20, 2014

Para modificar el estilo del popup hay que editar el archivo ubicado en js/jquery/plugins/fancybox/jquery.fancybox.css Sobre la línea 59 encontrarás la clase fancybox-error en la que puedes cambiar la fuente, tamaño, agregar un color de fondo, etc.

jjryeste · August 20, 2014

he hecho lo que dices pero la ventana emergente sigue igual, adjunto imagen

quiero cambair lel color blanco de esa ventana y aumentar la fuente de la frase añadido al carrito y ponerla en negrita, GRaciasssss

xinito · August 20, 2014

Debes cambiar el archivo ajax-cart.js tal como propone matiasmenker:

if (!jsonData.hasError)
{
window.parent.ajaxCart.updateCartInformation(jsonData, addedFromProductPage);
$.fancybox.open([{
 type: 'inline',
 autoScale: true,
 minHeight: 30,
 autoDimensions: true,
 padding: 20,
 content: '<p class="fancybox-error">PRODUCTO AGREGADO</p>'
}],
{
padding: 0
});
}

De esa manera, en lugar de un alert, aparecerá un fancybox al cual se le aplica el estilo que has modificado en el archivo css que te mencioné anteriormente. Mi ejemplo queda de la siguiente manera, utilizando el siguiente código css:

.fancybox-error{
	color: #ccc;
        background: #002241;
	font: 18px/20px "Open Sans",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

moraira · August 20, 2014

Perfecto además por rizar el rizo, ya que es un "pequeño mensaje" mejor si se cierra sólo a los 3 segundos, entonces seria así

var addtocartconfirmation = 'PRODUCT ADDED';
if (!jsonData.hasError)

{
	
	window.parent.ajaxCart.updateCartInformation(jsonData, addedFromProductPage);
	$.fancybox.open([{
	 type: 'inline',
	 autoScale: true,
	 minHeight: 30,
	 autoDimensions: true,
	 padding: 20,
	 content: '<p class="fancybox-error">' + addtocartconfirmation + '</p>',
	 afterLoad: function(){
		   setTimeout( function() {$.fancybox.close(); },3000); // 3000 = 3 secs
		  }
	}],
	{
	padding: 0
	});

Simplemente he agregado un afterLoad, tambien he sacado el mensaje a una variable para traducirlo (nosotros tenemos la web en varios idiomas) pero no doy con ello...

se admiten ideas

ventura · August 21, 2014

Perfecto además por rizar el rizo, ya que es un "pequeño mensaje" mejor si se cierra sólo a los 3 segundos, entonces seria así
var addtocartconfirmation = 'PRODUCT ADDED';
if (!jsonData.hasError)

{
	
	window.parent.ajaxCart.updateCartInformation(jsonData, addedFromProductPage);
	$.fancybox.open([{
	 type: 'inline',
	 autoScale: true,
	 minHeight: 30,
	 autoDimensions: true,
	 padding: 20,
	 content: '' + addtocartconfirmation + '',
	 afterLoad: function(){
		 setTimeout( function() {$.fancybox.close(); },3000); // 3000 = 3 secs
		 }
	}],
	{
	padding: 0
	});
Simplemente he agregado un afterLoad, tambien he sacado el mensaje a una variable para traducirlo (nosotros tenemos la web en varios idiomas) pero no doy con ello...

se admiten ideas

En el blockcart.tpl, anadir abajo en la zona de las addjs

{addJsDefL name=addtocartconfirmation}{l s='PRODUCT ADDED' mod='blockcart' js=1}{/addJsDefL}

jjryeste · August 21, 2014

Hola he seguido , todos los pasos ahora , y sale todo bien incluso el cierre , pero lo he puesto en 2 segundos y con esquinas redondeadas , incluso le he dado un sombreado , pero aun sigo sin poder cambiar el color de la ventana emergente ni el de las letras, adjunto imagen.

Tampoco entiendo lo de añadir en blockcart.tpl ( en el de modulos , o en el de modulos del tema) añadir

{addJsDefL name=addtocartconfirmation}{l s='PRODUCT ADDED' mod='blockcart' js=1}{/addJsDefL}

para que, o que mision tiene , Gracias.

moraira · August 21, 2014

muchas gracias ventura, entonces sobra la primera linea que he puesto yo, seria así

if (!jsonData.hasError)

{
	
	window.parent.ajaxCart.updateCartInformation(jsonData, addedFromProductPage);
	$.fancybox.open([{
	 type: 'inline',
	 autoScale: true,
	 minHeight: 30,
	 autoDimensions: true,
	 padding: 20,
	 content: '<p class="fancybox-error">' + addtocartconfirmation + '</p>',
	 afterLoad: function(){
		   setTimeout( function() {$.fancybox.close(); },3000); // 3000 = 3 secs
		  }
	}],
	{
	padding: 0
	});

y luego en el blockcart.tpl ponemos al final esto:

{addJsDefL name=addtocartconfirmation}{l s='PRODUCT ADDED' mod='blockcart' js=1}{/addJsDefL}

con esto, lo que conseguimos jjryeste es poder traducir "producto añadido" a otros idiomas... veo muchas tiendas que aun estan sólo en castellano y solo venden en españa, espero que les vaya mejor que a nosotros que sólo vendemos un 15% en nuestra patria... en el planeta hay mucha, mucha gente con ganas de comprar, simplemente hay que ponerselo un poco más fácil.

jjryeste · August 21, 2014

ok, pero a cual tpl te refieres al que esta en modulos, o al que esta en el tema modulos

y no consigo cambar el color de l aventana y el texto , po rlo dema todo correcto pongo enlace

http://www.punto-de-cruz.es/

m egustaria poder cambiar el color de la ventana y color del texto interno

muchas gracias, por lo demas perfecto, solo que se retrasa un poco al salir el fancyfox, tarda unos segundos en parecer producto agregado

jjryeste · August 25, 2014

Creo todo quedo perfecto pueden verlo aqui

http://www.punto-de-cruz.es/

Gracias a todos

naniuska · November 26, 2014

muchas gracias ventura, entonces sobra la primera linea que he puesto yo, seria así
if (!jsonData.hasError)

{
	
	window.parent.ajaxCart.updateCartInformation(jsonData, addedFromProductPage);
	$.fancybox.open([{
	 type: 'inline',
	 autoScale: true,
	 minHeight: 30,
	 autoDimensions: true,
	 padding: 20,
	 content: '' + addtocartconfirmation + '',
	 afterLoad: function(){
		 setTimeout( function() {$.fancybox.close(); },3000); // 3000 = 3 secs
		 }
	}],
	{
	padding: 0
	});
y luego en el blockcart.tpl ponemos al final esto:
{addJsDefL name=addtocartconfirmation}{l s='PRODUCT ADDED' mod='blockcart' js=1}{/addJsDefL}
con esto, lo que conseguimos jjryeste es poder traducir "producto añadido" a otros idiomas... veo muchas tiendas que aun estan sólo en castellano y solo venden en españa, espero que les vaya mejor que a nosotros que sólo vendemos un 15% en nuestra patria... en el planeta hay mucha, mucha gente con ganas de comprar, simplemente hay que ponerselo un poco más fácil.

Hola, estoy intentando proceder, pero tengo el problema siguiente:

El tema de la ventana emergente me aparece sin problemas, pero no consigo poner el mensaje de alerta que comentáis,

al modificar el código se actualiza el carrito pero no aparece ninguna alerta de confirmación. Podriais ayudarme? en principio solo deberia mofificar /public_html/themes/plantillanueva/js/modules/blockcart/ajax-cart.js???

uso 1.6.0.8

Gracias de antemano

jjryeste · November 26, 2014

Hola a todos, aunque todo esta funcionado bien , acabo de ver un pequeño detalle

cuando la compra se hace con el quick view

osea cuado le damso a mas , morre o view al producto

y añadimos al carrito , sale tambien perfectamente el mensaje ajax emergente diciendo producto agregado, este se quita pasados 2 segundos , pero, en l aparte superiro izquiera dond e esta el carrito , se queda girando y girando , sin marcarse , como seri alo normal, puede deberse a algun archivo mal modificado, o necesito añadir algun codigo mas.

Gracias a todos

Adjunto imagenes y lo poderis comprobar en http://www.punto-de-cruz.es/

moraira · November 26, 2014

Pues si os soy sincero despues de mucho marear la perdiz, creo la cosas es más sencilla. En nuestro caso y debido al por nuestro tipo de comprador (entre 50 y 65 años) el formulario emergente confunde, pero resulta que el fancybox es peor.

El ajax es muy bonito pero un usuario con poca experiencia en compra online una vez desaparece el fancybox NO SABE QUE HACER. hemos averiguado que una parte de ellos "cree que lo ha hecho mal" y se va, DESCONOCE QUE DEBE IR A LA ESQUINA SUPERIOR derecha a procesar su compra.

Una solucion seria quitar el Ajax, pero es fea (el ajax mola) desplegar el carrito para compras grandes esta muy bien pues, además si quitamos el ajax obligamos al cliente a ir al resumen de la compra, con lo que nos comprará menos.

Al final resulta que la solución mas sencilla, es simplificar el formulario emergente como la imagen adjunta.

Pero es que lo mejor es que para reducirlo basta hacerlo por CSS ocultando cosas en el apartado correspondiente del blockcart.css o quitarlas del blockcart.tpl que tenemos en nuestro plantilla.

En el ajax-cart.js como mucho hay que hacer esta modificacion para que aparezca un poco más abajo.

Esto

var n = parseInt($(window).scrollTop()) + 'px';

por esto

var n = parseInt($(window).scrollTop()) + 80 + 'px';

De esta forma no tendremos que hacer grandes cambios cuando aparezcan versiones superiores de Prestashop, ya que sólo hemos quitado información de nuestra plantilla.

A veces la solución más sencilla es la mejor

Edited November 26, 2014 by moraira (see edit history)

jjryeste · November 27, 2014

Y alguien sabe como solucionar eso de que se quede pensando el carrito en quick view , aunque el producto se haya añadido

Buenas tardes

naniuska · November 27, 2014

Pues si os soy sincero despues de mucho marear la perdiz, creo la cosas es más sencilla. En nuestro caso y debido al por nuestro tipo de comprador (entre 50 y 65 años) el formulario emergente confunde, pero resulta que el fancybox es peor.

El ajax es muy bonito pero un usuario con poca experiencia en compra online una vez desaparece el fancybox NO SABE QUE HACER. hemos averiguado que una parte de ellos "cree que lo ha hecho mal" y se va, DESCONOCE QUE DEBE IR A LA ESQUINA SUPERIOR derecha a procesar su compra.

Una solucion seria quitar el Ajax, pero es fea (el ajax mola) desplegar el carrito para compras grandes esta muy bien pues, además si quitamos el ajax obligamos al cliente a ir al resumen de la compra, con lo que nos comprará menos.

Al final resulta que la solución mas sencilla, es simplificar el formulario emergente como la imagen adjunta.

Pero es que lo mejor es que para reducirlo basta hacerlo por CSS ocultando cosas en el apartado correspondiente del blockcart.css o quitarlas del blockcart.tpl que tenemos en nuestro plantilla.

En el ajax-cart.js como mucho hay que hacer esta modificacion para que aparezca un poco más abajo.

Esto
var n = parseInt($(window).scrollTop()) + 'px';
por esto
var n = parseInt($(window).scrollTop()) + 80 + 'px';
De esta forma no tendremos que hacer grandes cambios cuando aparezcan versiones superiores de Prestashop, ya que sólo hemos quitado información de nuestra plantilla.

A veces la solución más sencilla es la mejor

muy bueno. me quedo con esta opción

naniuska · December 1, 2014

Hola estoy intentando ocultar el resumen (o parte de él), tal y como sugeris en el ultimo post.

No consigo saber donde está la información, pues en mi presta 1.6.0.9 no existe el archivo ajax.

En lugar de ello tengo /themes/plantilla/modules/blockart =>

blockart-json.tpl

blockart.tpl

crosselling.tpl

¿En cual de ellos encuentro las lineas a modificar?

jjryeste · December 3, 2014

Hola moraira, y con ese cambio que propones de var n = parseInt($(window).scrollTop()) + 80 + 'px';

luego como se hace para que aparezca el mensaje, producto añadido correctamente a la compra, segyir comprando o finalizar compra, que mas hay que modificar, saludos y gracias

Dany developer · June 9, 2015

Me ayudo muchísimo gracias

chucurulo · June 9, 2015

PS 1.6.x

Theme: default-bootstrap

--

Hola a todos, quisiera poner en mi tienda el efecto de carrito deslizante que era propio de la versión 1.5 pero antes tengo que evitar la ventana emergente al comprar un producto.

¿Alguien tiene idea de cómo?

Gracias

Saludos,

tengo una curiosidad la parte en la imagen donde dice FREE SHIPPING, donde se configura para que se muestre en esa parte.

Vegeta · October 1, 2015

Buenas

habria alguna posibilidad de desactivarlo sólo en la version movil ?

Gracias

Admin27 · October 15, 2015

Hola a todos, aunque todo esta funcionado bien , acabo de ver un pequeño detalle

cuando la compra se hace con el quick view

osea cuado le damso a mas , morre o view al producto

y añadimos al carrito , sale tambien perfectamente el mensaje ajax emergente diciendo producto agregado, este se quita pasados 2 segundos , pero, en l aparte superiro izquiera dond e esta el carrito , se queda girando y girando , sin marcarse , como seri alo normal, puede deberse a algun archivo mal modificado, o necesito añadir algun codigo mas.

Gracias a todos

Adjunto imagenes y lo poderis comprobar en http://www.punto-de-cruz.es/

Comprar A.jpg Comprar B.jpg

No puedo ver su ejemplo, parece que su página esta suspendida.

jjryeste · October 19, 2015

Hola, no se que habre tocado que se ha desconfigurado la vista quick view , el bloque precio , cantidad comprar y formas de pago se ha ido abajo, necesito ponerlo a la derecha. Alguien puede ayudarme mi pagina http://www.punto-cruz.org/ Gracias

Edited October 19, 2015 by jjryeste (see edit history)

David Glez · April 9, 2016

Hola buenos dias....

Tengo un problema con el fancibox y este hilo es lo mas parecido que he encontrado.

Mi problemas esta relacionado con el fancibox de prestashop y he hecho un monton de cambios pero sin resultado.

Mi problema es que al darle a vista rapida del producto me aparece el fancibox con la descripcion del producto pero al darle al boton añadir al carrito me redirige dentro del fancibox a la pagina del carrito de compras(adjunto imagen).

Lo que me tendria que devolver al añadir al carrito seria esto

Este resultado me lo envia si clico a añadir al producto desde la vista general del producto, es decir, que desde un sitio lo hace bien y desde el otro no y no se a que es debido.

Un saludo y gracias de antemano

tanatosmx · April 13, 2016

Hola buenos dias....

Tengo un problema con el fancibox y este hilo es lo mas parecido que he encontrado.

Mi problemas esta relacionado con el fancibox de prestashop y he hecho un monton de cambios pero sin resultado.

Mi problema es que al darle a vista rapida del producto me aparece el fancibox con la descripcion del producto pero al darle al boton añadir al carrito me redirige dentro del fancibox a la pagina del carrito de compras(adjunto imagen).

Lo que me tendria que devolver al añadir al carrito seria esto

Este resultado me lo envia si clico a añadir al producto desde la vista general del producto, es decir, que desde un sitio lo hace bien y desde el otro no y no se a que es debido.

Un saludo y gracias de anteman

Pudiste solucionarlo David? tengo el mismo problema

David Glez · April 14, 2016

Pudiste solucionarlo David? tengo el mismo problema

Hola tanatosmx....

Si he podido solucionarlo despues de comerme mucho la cabeza....

El error viene producido por el archivo /web/themes/tu tema/js/modules/blockcart/ajax-cart.js

En este archivo tienes que comentar las siguientes dos lineas, estan sobre la linea 140. o bien copia y pega :

//for product page 'add' button...

// if ($('.cart_block').length) {

$(document).off('click', '#add_to_cart button').on('click', '#add_to_cart button', function(e){

e.preventDefault();

ajaxCart.add($('#product_page_product_id').val(), $('#idCombination').val(), true, null, $('#quantity_wanted').val(), null);

});

// }

Y así te debería aparecer correctamente.

Espero que te haya servido.

Edited April 14, 2016 by David Glez (see edit history)

chucurulo · October 3, 2016

hola,

gracias primero por el post.

me gustaria saber si hay alguna solucion para las version PS 1.6.1.6 ya que realize los pasos y no me funciona.

cocalocaonline · December 4, 2016

Perfecto además por rizar el rizo, ya que es un "pequeño mensaje" mejor si se cierra sólo a los 3 segundos, entonces seria así
var addtocartconfirmation = 'PRODUCT ADDED';
if (!jsonData.hasError)

{
	
	window.parent.ajaxCart.updateCartInformation(jsonData, addedFromProductPage);
	$.fancybox.open([{
	 type: 'inline',
	 autoScale: true,
	 minHeight: 30,
	 autoDimensions: true,
	 padding: 20,
	 content: '' + addtocartconfirmation + '',
	 afterLoad: function(){
		 setTimeout( function() {$.fancybox.close(); },3000); // 3000 = 3 secs
		 }
	}],
	{
	padding: 0
	});
Simplemente he agregado un afterLoad, tambien he sacado el mensaje a una variable para traducirlo (nosotros tenemos la web en varios idiomas) pero no doy con ello...

se admiten ideas

cuando desactivas la vista rápida, la única manera de que se muestre la ventana de "producto añadido" es cuando estas dentro de la ficha de producto, en la home si añades productos a través de los módulos "Promociones especiales, productos mas vistos, etc.) sin entrar en el producto no se muestra ningún mensaje y se agregan al carrito sin ningun aviso,

¿donde podría configurar este apartado para cuando se añadan productos desde ahí salte la misma ventana de producto añadido?

saludos!

[SOLUCIONADO] Cómo eliminar la ventana emergente al añadir al carrito

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites