Quiero alternar entre el ícono de 2 carritos, una pantalla cuando el carrito está vacío la segunda cuando no lo está,
<div id="div-icon-cart"> <span class="tools-icon"> <?php if ( ! WC()->cart->is_empty() ) { ?> <img decoding="async" src="https://txxxx.com/uploads/cart.svg" class="custom-icon" alt="" height="20.738" width="17.626"> <?php } else{ ?> <!-- begin snippet: js hide: false console: true babel: false -->pero el problema es que el ícono del carrito no cambia inmediatamente, necesito actualizar la página para cargar el ícono del carrito. para eso traté de recargar div que contiene el ícono de mi carrito
$document.ready(function(){ $('#div-icon-cart').load(); setInterval{fonction(){ $('#div-icon-cart').load(); },3000}; });pero no funciona y no sé por qué. Agradecería cualquier ayuda.
NÓTESE BIEN:
Parece que el problema podría ser solo algunos errores tipográficos:
$document debe ser $(document){fonction debe ser (function},3000}; debería ser },3000);.load() , no estoy seguro exactamente $(document).ready(function() { $('#div-icon-cart').load(); setInterval(function() { $('#div-icon-cart').load(); }, 3000); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="div-icon-cart"> <span class="tools-icon"> <?php if ( ! WC()->cart->is_empty() ) { ?> <img decoding="async" src="https://txxxx.com/uploads/cart.svg" class="custom-icon" alt="" height="20.738" width="17.626"> <?php } else{ ?>Por favor, prueba este código.
$(document).ready(function(){ $('#div-icon-cart').load(); setInterval(function(){ $('#div-icon-cart').load(); },3000); });Puedes usar este código.
Por favor cambie su código así.
$(document).ready(function(){ $('#div-icon-cart').load(); setInterval(function(){ $('#div-icon-cart').load(); },3000); });