Seleccionar página
4
Volver al contenido del HUB: Snippets Divi

Contenido de este HUB

Snippet para agregar contador de productos en el carrito del menú de Divi

En este content hub te daremos el snippet para agregar contador de productos en el carrito del menú de Divi.

En Snippets pasados te explicamos como cambiar el icono del carrito de Woocommerce en Divi, pues bien, en este content hub iremos un paso más allá y te enseñaremos a agregar un contador de elementos que se añadan al carrito de forma Ajax en Divi.

Si quieres aprender a hacer los ajustes básicos correctos a tu tienda online, no olvides ver nuestro curso de WooCommerce Básico.

Paso 1: Haz copia de seguridad de tu WordPress

Como vamos a meter código al sitio, siempre recomendamos que antes hagas una copia de seguridad por si algo sale mal. En este post te enseñamos como hacer una copia de seguridad en WordPress y como recuperarla tambien.

Paso 2. Instala el Plugin Code Snippets

Code Snippets te permitirá insertar código PHP en tu sitio web sin necesidad de ir a tocar los archivos base del tema. Con este plugin nos olvidamos de hacer temas hijos o todo ese jaleo, simplemente lo instalamos y podemos insertar allí el código con seguridad.

Paso 3: Insertamos el Snippet

El último paso es ir a Fragmentos de código > Añadir nuevo le ponemos un titulo para ubicarlo, y pegamos el siguiente código, a continuación clicamos en > guardar los cambios y activar.

/* Agregar contador de productos en el carrito del menú de Divi */
function es_fresh_cart_fragments($fragments)
{
    ob_start();
    et_show_cart_total();
    $cart_total_html = ob_get_clean();
 
    $fragments['.et-cart-info'] = $cart_total_html;
 
    return $fragments;
}
 
add_filter('woocommerce_add_to_cart_fragments', 'es_fresh_cart_fragments', 10, 1);

add_filter('add_to_cart_fragments', 'woocommerce_header_add_to_cart_fragment');

¡Y listo! Si todo sale bien, veras como cambia el contador de productos agregados a carrito en Divi.

El resultado será algo como esto:

Antes:

Snippet para agregar contador de productos en el carrito del menú de Divi 1

Despues:

Snippet para agregar contador de productos en el carrito del menú de Divi

¿Te ha gustado? No olvides compartirlo y comentar nuestro contenido. Nos vemos en un próximo Snippet.

Contenido de este HUB

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¡Valóranos!

¿Te han gustado nuestros tutoriales y cursos? por favor, déjanos una valoración de 5 estrellas en truspilot, nos ayudará mucho su calificación ¡Gracias!

🖐 ¡RECIBE UN TIP NUEVO CADA DÍA ! 😎

Suscribiendote a esta lista de correo, recibirás cada día un tip / recurso / mini-tuto completamente gratuito sobre diseño web con WordPress y Divi. Además recibirás nuestras ofertas únicamente cuando las publiquemos.

¡Perfecto! ¡Gracias! Pronto comenzarás a recibir nuestros Tips Diarios