weebly

How do I set a minimum amount of items required before checkout for my online store?


How do I set a minimum quantity in order to checkout in my online store?

Each item in my store can be added to the cart in a quantity of "1" but I'd like a minimum of 12 items total before allowing to checkout.

Any easy fixes on how to do this?

I am using Weebly for my site and all I've been able to do is set each item at a minimum of 12 items each but I need a total of 12 items minimum before allowing checkout.

Therefore, as the user clicks the checkout button, and the minimum is not reached I'd like there to be a notice saying "add more items to your cart".

http://poloniafoods.weebly.com/store/p10/kozackie


Solution

  • Unfortunately, I do not have enough reputation to comment on stackoverflow, so this is coming as a 'answer'.

    I'm not sure of any way to do this with Weebly. The carts count/content seams to load last, so any JQuery ect.. wouldn't be able to count the contents. Even using something like var str = $( "span#wsite-nav-cart-num" ).text(); returns a dash - and not the actual number that appears in the CART (1).

    I'm not sure why you would want this anyway, but that's up to you. I would suggest submitting a features request to Weebly.

    P.S.. Weebly has community.weebly.com where your Weebly questions might get some better results,.. that is, unless someone directed you here.

    EDIT:

    Actually,.. After seeing your comment, it popped into my head, you can do a 'touchstart mouseover' event. Try this, in your Settings > SEO > Footer Code.

    <script>
    jQuery(function() {
    var $ = jQuery;
      $(document).on('touchstart mouseover', 'a#wsite-com-minicart-checkout-button', function(e) {
          var totalCount = $( "span#wsite-nav-cart-num" ).text();
          var totalNeeded = 12;
          if (totalCount < totalNeeded) {
             var totalItems = totalNeeded - totalCount;
             $("a#wsite-com-minicart-checkout-button").click(function(event){
                event.stopImmediatePropagation();
                alert('We require ' + totalNeeded + ' items in order to checkout. You currently have ' + totalCount + '. Please add ' + totalItems + ' more items to the cart.');
               return false;
             });
          }
      });
    });
    </script>
    

    The downside, something with the cart causes the alert to appear twice. And while it should work with a Responsive Theme(your current Theme), this wont work with Weebly's classic mobile Themes.

    In the end, it will still be better if Weebly builds this into their system. Hope that helps!