Como consertar o BeTheme Minicart vazio (cache)

O problema de um minicart vazio no BeTheme, particularmente ao usar plugins de cache como FlyingPress, pode impactar significativamente a experiência de compra do usuário no seu site de e-commerce. Este tutorial irá guiá-lo através da correção do problema de minicart vazio com BeTheme ao usar FlyingPress.

---

O problema geralmente surge porque plugins de cache como FlyingPress armazenam em cache o conteúdo do minicart, o que significa que as atualizações dinâmicas do WooCommerce (como adicionar produtos ao carrinho) podem não ser refletidas imediatamente. Como resultado, os usuários podem ver um minicart desatualizado ou vazio.

Solução passo a passo

Adicionar JavaScript personalizado para forçar a atualização do Minicart:

Você pode adicionar JavaScript personalizado para atualizar o conteúdo do minicart dinamicamente.

1. Vá para Opções do BeTheme.
2. Navegar para CSS e JS personalizados.
3. Adicione o código:

jQuery(function($) {
    var cartElement = $(".mfn-cart-holder");

    // Refreshing basket data based on new fragment
    function refreshCart(fragment) {
        var cartContent = fragment['div.widget_shopping_cart_content'];
        var cartCount = fragment['.header-cart-count'];
        var cartTotal = fragment['.header-cart-total'];

        // Updating cart information
        cartElement.find('.mfn-ch-content').html(cartContent);
        cartElement.find('.header-cart-count').replaceWith(cartCount);
        cartElement.find('.header-cart-total').replaceWith(cartTotal);
        $('.mfn-cart-holder').attr('aria-expanded', 'false');
    }

    // Sending an Ajax request to get a new fragment
    function getUpdatedCart() {
        $.ajax({
            type: 'POST',
            url: wc_add_to_cart_params.ajax_url,
            data: {
                action: 'woocommerce_add_to_cart',
                current_cart: $('.header-cart-count').first().text()
            },
            success: function(response) {
                if (response === 'error') {
                    // Process the error if there was a problem adding the product to the cart
                    return;
                }
                $(document.body).trigger('refresh');
                refreshCart(response);
            }
        });
    }

    // Initiating cart updates on page load
    getUpdatedCart();

    $(document.body).on('refresh', function(e) {
        cart.refresh();
    });

    var cart = {
        refresh: function() {
            $.ajax({
                url: mfnwoovars.ajaxurl,
                data: {
                    'mfn-woo-nonce': mfnwoovars.wpnonce,
                    action: 'mfnrefreshcart'
                },
                type: 'POST',
                cache: false,
                success: function(response) {
                    $('.mfn-cart-holder .mfn-ch-content').html(response.content);
                    $('.mfn-cart-holder .mfn-ch-footer .mfn-ch-footer-totals').html(response.footer);
                    $('.mfn-cart-holder').removeClass('loading');
                    // side cart buttons
                    $('.mfn-ch-footer-buttons').show();
                }
            });
        }
    };
});

Conclusão

Corrigir o problema do minicart vazio no BeTheme ao usar plugins de cache como FlyingPress envolve tanto o ajuste das configurações de cache quanto a adição de JavaScript personalizado para garantir atualizações dinâmicas. Ao seguir as etapas descritas neste tutorial, você pode fornecer uma experiência de compra perfeita para seus clientes.

Dicas adicionais

• Testes regulares: Teste seu site regularmente após fazer alterações para garantir que tudo funcione conforme o esperado.
• Consultar Suporte: Se o problema persistir, consulte o suporte do BeTheme ou o suporte do FlyingPress para obter mais assistência