Home Forums Themes Support Clarivo Haru Products Ajax Category Visual composer element not working properly

Topic Resolution: Resolved
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #3435

    Hello,

    This http://supplementsbydesign.co.uk/ one is our site URL. In Home page I have used Haru Products Ajax Category -> http://prntscr.com/nm9ym3 visual composer element to display products with category wise. But issue is that, when we first time open the site in browser then product not display correctly. That display like this -> http://prntscr.com/nm9xn6 and after if we do hard refresh the page then that looks good like this -> http://prntscr.com/nm9yc7

    So can you please look into this issues and provide me solution for that ASAP.

    Thanks,
    Ketan.

    #3437

    Hi,
    Thanks for contacting us and choosing our product!
    About the image product overlap. Maybe it depend on page load time. We didn’t get in on our dev site and demo site. However we have solution if it happen on your site. (We’ll update in next version).
    Step 1: Go to wp-content/themes/clarivo/assets/js then open file haru-main.js
    Step 2: Go to line 1681 and add this code:

    imagesLoaded(element, function() {
         element.find('.products-content.grid .products').isotope('layout');
    });

    Here is the code for for function: haru_product_ajax_category_isotope

    haru_product_ajax_category_isotope: function(element) {
                if ( element.find('.products-content.grid li.type-product').length > 0 ) {
                    setTimeout(function(){
                        element.find('.products-content.grid .products').isotope({
                            itemSelector : 'li.type-product',
                            layoutMode: 'fitRows'
                        });
    
                        imagesLoaded(element, function() {
                            element.find('.products-content.grid .products').isotope('layout');
                        });
                    }, 100);
                }
            },

    Hope this help and sorry for this issue! Maybe you need clear cache to see changes.

    ******
    Regards,
    HaruTheme

    #3438

    Hello,

    Thanks for your replay. I will add above code and inform you.

    Thanks.

    #3440
    This reply has been marked as private.
    #3442

    Hi,
    You can read on step 1

    ****
    Regards

    #3443
    This reply has been marked as private.
    #3444

    Hi,
    You can see this function to know result after you add the code:
    haru_product_ajax_category_isotope (you can see the code above)

    *****
    Regards

    #3445

    Hello,

    I have added above code in JS file. Now Ajax product load issues fixed.

    Thanks for you support.

    #3451

    Thanks for your feedback!
    If you like our product please vote 5* for us to help us improve Clarivo in future!

    ******
    Regards,
    HaruTheme

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.