Cambiar Background Popup Carrito

[jfsuit]

Hola buenas tardes

 

A ver esos jugones de prestashop si me pueden echar una mano.

 

Necesito cambiar el fondo del popup que sale cuando añades un producto a la cesta.Adjunto foto.

Y cómo cambiar el tiempo de ese popup para que dure más o menos.

 

Venga esa ayudita.

Graciasssss

 

 

[jfsuit]

Gracias por la pronta respuesta Enrique.

Pero en qué archivo .css

[jfsuit]

vaya... pues parece que no funciona Enrique. He añadido el código en product.css y no realiza el cambio de background en la ventana emergente.

También he eliminado cookies por si era el problema pero nada

[jfsuit]

Sí sí limpiado caché cookies etc. y no me cambia el background de blanco

[jfsuit]

Porque lo del tiempo para regularlo? Es decir, que permanezca más segundos o menos?

Gracias

Saludos

[jfsuit]

Al añadir el código a product.css Debería añadir algo más para que reconociera el código en product.tpl? Si es así una ayudita por favor con el código.

saludos

[ventura]

Solo haria falta añadir el codigo css  que te ha indicado Enrique Engblom.

Siempre resulta de ayuda a la hora de solventar este tipo de temas el poder ver si se puede la web.

Un saludo.

[jfsuit]

  Pues nada señores no realiza el cambio de background al meter ese código en product.css

Es la ventanita que sale al añadir un producto al carro que sólo sale durante unos segundos que alomejor no me expliqué bien.

Por que la opción de modificar el tiempo hasta desaparecer cómo la cambio o dónde?

Gracias 4all

Saludos

Venga esos pros jugones de prestashop, una ayudita

[ventura]

  Pues nada señores no realiza el cambio de background al meter ese código en product.css

Es la ventanita que sale al añadir un producto al carro que sólo sale durante unos segundos que alomejor no me expliqué bien.

Por que la opción de modificar el tiempo hasta desaparecer cómo la cambio o dónde?

 

 

Esa opcion no viene incluida por defecto en el tema default, tendras que editar el js del blockcart.

Pon el codigo del pop up al menos

[jfsuit]

Dime qué parte del código del archivo ajax-cart.js que se encuentra dentro del blockcart del tema te copio para que podamos resolverlo.

Gracias a todos

[jfsuit]

ok lo de cambiar el tiempo lo arreglé en ese mismo archivo que comento en el anterior mensaje cambiando el valor de 7000 que tenía por defecto por el que realmente queramos en sobre la línea 266 del js de mi tema

 

setTimeout(function() {

                    $.noty.close(n.options.id);

                 }, 20000);

 

Pero sigo sin saber como cambiar el background de color

[jfsuit]

supongo que en esta parte debería añadir algo:

 

   //Cart Notification

                $.noty.closeAll();                                               

                var n = noty({

                        text: notyMessage,

                        type: 'alert',

                        dismissQueue: true,

                        layout: 'topCenter',

                        theme: 'defaultTheme',

                        buttons: [

                                  {

                                    addClass: 'exclusive', text: checkOutButton, onClick: function($noty) {

                                        $noty.close();

                                        //noty({dismissQueue: true, force: true, layout: 'top', theme: 'defaultTheme', text: 'You clicked "Ok" button', type: 'success'});

                                        window.location = cartDir;

                                        }

                                  },

                                          

                                  {

                                    addClass: 'exclusive checkout', text: continueButton, onClick: function($noty) {

                                        $noty.close();

                                        //noty({dismissQueue: true, force: true, layout: 'top', theme: 'defaultTheme', text: 'You clicked "Cancel" button', type: 'error'});

                                        }

                                  }

                                  

                                 ]

                 });

                 

                 setTimeout(function() {

                    $.noty.close(n.options.id);

                 }, 10000);

                             

                //Cart Notification

},

error: function(XMLHttpRequest, textStatus, errorThrown)

{

alert("Impossible to add the product to the cart.\n\ntextStatus: '" + textStatus + "'\nerrorThrown: '" + errorThrown + "'\nresponseText:\n" + XMLHttpRequest.responseText);

//reactive the button when adding has finished

if (addedFromProductPage)

$('#add_to_cart input').removeAttr('disabled').addClass('exclusive').removeClass('exclusive_disabled');

else

$(callerElement).removeAttr('disabled');

}

});

},

Alguna idea??

[ventura]

Seria de mas ayuda el html, el codigo fuente, para saber como tienes nombradas las clases de la ventana emergente. 

[jfsuit]

Pues no sé cómo ni dónde está ese código html para que podáis verlo.

Gracias

[ventura]

Busca el codigo, click derecho / inspeccionar ( Chrome por ejemplo)

[jfsuit]

.

 

.

.

.

Esto?

.

<div class="noty_buttons" style="padding: 10px; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(204, 204, 204); background-color: rgb(255, 255, 255);"><button class="exclusive" style="margin: 0px 5px;">Check out</button><button class="exclusive checkout" style="margin: 0px 5px;">Continue shopping</button></div>

 

.

 

.

 

.

 

.

 

.

 

.

 

.

 

.

 

.

 

.

 

.

 

.

 

 

.

.

 

.

 

.

 

.

 

.

 

.

 

 

 

[ventura]

Si lo que quieres es cambiar el fondo del popup, que entiendo que seria poner un fondo con opacidad tienes que añadir un ese codigo que has puesto es un  nuevo contenedor y darle un css asi  mas o menos

.overlay{
    position:fixed;
    z-index:999;
    width:100%;
    height:100%;
    background-color: black;
    background-color:rgba(0,0,0,.75)
}

quedando asi

<div class="overlay">
<div class="noty_buttons" style="padding: 10px; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(204, 204, 204); background-color: rgb(255, 255, 255);"><button class="exclusive" style="margin: 0px 5px;">Check out</button><button class="exclusive checkout" style="margin: 0px 5px;">Continue shopping</button></div></div>

es posible que tengas que editar el css de la clase

noty_buttons

[jfsuit]

Hola buenas noches retomo el hilo 

Gracias ventura por tu sabiduría en el mundo prestashop y por la ayuda prestada, pero después de volver a mirar lo que me escribiste sigo sin saber qué archivos tenía que modificar y dónde.

A ver si veo la luz

Saludos

[jfsuit]

nada?

[jfsuit]

vamos esos jugones de prestashop a ver si me echan una mano.

Gracias de antemano