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.

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;
}
| improve this answer | |
  • Hi @Padhiyar Gaurang this is not working same issue – hweb87 Dec 25 '19 at 5:38

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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