0

I have added 8 products in the cart and now I would like to show three products on Order Summary section on Checkout page with a Load More button. And, if we click on Load More button, it will show some other products.

See the example demo : https://jsfiddle.net/z9f35ha1/3/

Please review the attached screenshot. It hides all li

enter image description here

Kindly suggest a solution.

1 Answer 1

0

Jquery

$(function () {
    x=3;
    $('.minicart-items li').slice(0, 3).show();
    $('#loadMore').on('click', function (e) {
        e.preventDefault();
        x = x+5;
        $('.minicart-items li').slice(0, x).slideDown();
    });
});

css

.minicart-items li{
    display:none;
}
#loadMore {
    color:green;
    cursor:pointer;
}
#loadMore:hover {
    color:black;
}
1
  • Hi @Padhiyar Gaurang this is not working same issue Commented Dec 25, 2019 at 5:38

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.