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

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 Relacionado

4 Comentarios

  1. Avatar

    Magnífico tutorial! He probado a hacerlo en un menú creado por el generador de temas y no funciona. ¿Qué correcciones tendría que hacer al código?

    Saludos desde España!

    Responder
    • Jefferson M.

      Hola Andrés, este snippet funciona solo para el menú por defecto que viene con Divi. Para el menú del generador de temas tenemos pendiente desarrollar el snippet.

      Responder
      • Avatar

        Hola Jefferson! Como siempre excelentes todos tus aportes para los Divi-fans!! 😀🙋‍♀️
        Justamente respecto a la imposibilidad de agregar la cantidad sólo al menú por defecto, ¿Hay alguna forma con código de poder hacerlo?
        O en su defecto ¿qué plugin más compatible con Divi y menos «invasivo» recomendás?

        Muchísimas gracias!!!!!

        Responder

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 LAYOUTS Y CHILDTHEME GRATIS! 😎

Suscribiendote a esta lista de correo, recibirás algunos de nuestros layouts premium y un childtheme para eCommerce totalmente gratis. Además te enviaremos nuestro resumen de contenidos para que siempre estés enterado/a de nuestras últimas novedades.

¡Perfecto! ¡Gracias! Pronto comenzarás a recibir nuestros recursos gratuitos