Imagen encima de carrito [SOLUCIONADO]

[ad.plata]

Buenas me gustaría poner una imagen encima del carrito pero que esta cambie al superar ciertas cantidades.

 

Nuestros gastos de envío son gratis a partir de 150€.

 

Una primera imagen que pase de 50: Increible llevas 50€ de pedido

Otra que pase de 100: Ya queda menos para tu envío gratis

Otra: Lo conseguiste ¡Envío gratis!

 

Pero claro se me ocurre meter tre "if" pero con eso no actualizara automáticamente.

 

Lo suyo sería que cada que se añada algo al carrito se pasara por la condición y automáticamente se refrescara. 

 

Espero una ayudita para poder trabajar en un buen carrito. 

 

Muchas gracias por la ayuda. 

 

url: https://regalosgourmetonline.com/es/

Prestashop: 1.6.0.9

 

Edited May 27, 2015 by ad.plata (see edit history)

[ad.plata]

Si disculpe me ha aparecido un error y pense que no se había publicado. No se si est´án experimentando algún problema o habrá sido un error de mi linea. 

 

Gracias por lo del ajax-cart.js 

 

Agradecería que me pudierais ayudar un poquito más de como hacerlo.

 

Muchas gracias.

[ad.plata]

Tuteame hombre!!! Gracias mirare despacito porque aún estoy experimentando un poco con prestashop. Muchas gracias.

[ad.plata]

Ok, no es exactamente lo correcto pero funciona, añade esto al principio del blockcart.tpl justo después del primer div con la clase col-sm-4 (vamos para que lo muestre en el blockcart_top):

{assign var='shipping_start_view' value='100'}
{assign var='shipping_switch' value='50'}
{strip}
{addJsDef shipping_start_view=$shipping_start_view}
{addJsDef shipping_switch=$shipping_switch}
{/strip}
<div id="free-shipping-alert">
    <span class="free-shipping-alert free-shipping-first{if $free_shipping > $shipping_switch && $free_shipping < $shipping_start_view} visible{else} unvisible{/if}">
        {l s='You have now ordered for [1]%s[/1]' mod='blockcart' sprintf=$total tags=['<span class="free-shipping-current-amount">']}
    </span>
    <span class="free-shipping-alert free-shipping-second{if $free_shipping > 0 && $free_shipping < $shipping_switch} visible{else} unvisible{/if}">
        {l s='You are close to obtein free shipping' mod='blockcart'}
    </span>
    <span class="free-shipping-alert free-shipping-third{if $free_shipping == 0} visible{else} unvisible{/if}">
        {l s='You got it. Free shipping!' mod='blockcart'}
    </span>
</div>

Asigna a la variable shipping_start_view el valor que quieres para que empiece a mostrar el mensaje (he puesto 100). A la variable shipping_switch le asignas el valor en el que quieres que cambie al segundo paso (he puesto 50).

 

Después en el ajax-cart.js el final de la función updateCart añades esto:

var $free_shipping_alert = $('#free-shipping-alert');
$free_shipping_alert.find('.free-shipping-current-amount').text(jsonData.productTotal);

if(jsonData.freeShippingFloat > shipping_switch && jsonData.freeShippingFloat < shipping_start_view)
{
    $free_shipping_alert.find('.free-shipping-alert').addClass('unvisible');
    $free_shipping_alert.find('.free-shipping-first').removeClass('unvisible');
}
else if (jsonData.freeShippingFloat > '0' && jsonData.freeShippingFloat < shipping_switch)
{
    $free_shipping_alert.find('.free-shipping-alert').addClass('unvisible');
    $free_shipping_alert.find('.free-shipping-second').removeClass('unvisible');
}
else if (jsonData.freeShippingFloat == '0')
    {
    $free_shipping_alert.find('.free-shipping-alert').addClass('unvisible');
    $free_shipping_alert.find('.free-shipping-third').removeClass('unvisible');
}
else
    $free_shipping_alert.find('.free-shipping-alert').addClass('unvisible');

Y con eso tienes lo que buscabas. Ahora te queda traducirlo en el backoffice y enmaquetarlo a tu gusto.

 

Saludos

 

Muchas Gracias funciona aunque he cambiado alguna condición. Lo implementaré en la tienda online. 

 

Muchisimas gracias