Estoy trabajando en el sitio web de wordpress, y quiero alternar entre 2 íconos de carritos, uno cuando el carrito está vacío y el segundo cuando agrega artículos al carrito, agrego este código:
<span class="wd-tools-icon <?php echo esc_attr( $icon_classes ); ?>"> <?php if ( ! WC()->cart->is_empty() ) { ?> <img id="https:/.../images/cart.svg" class="wd-custom-icon" alt="" height="20.738" width="17.626"> <?php } else{ ?> <img decoding="async" src="https:/.../images/empty-cart.svg.svg" class="wd-custom-icon" alt="" height="20.738" width="17.626"> <?php } ?> <?php if ( '2' == $params['style'] || '5' == $params['style'] ) : ?> <?php woodmart_cart_count(); ?> <?php endif; ?> </span>
pero necesito actualizar la página para mostrar el carrito; Estoy buscando una forma de alternar entre los 2 íconos sin recargar la página, agradeceré cualquier sugerencia.