Order ONDC Grocery in on mappls mall & save more.

<!DOCTYPE html> <html lang="en"> <head> <title>Order ONDC Grocery in on mappls mall & save more.</title> <meta property="og:title" content="Order ONDC Grocery in on mappls mall & save more." /> <meta property="og:image" itemprop="image" content="https://mappls.com/mall/ondc/images/ogimage.png"> <meta property="og:image:height" content="140"> <meta property="og:image:width" content="140"> <link rel="icon" href="https://mappls.com/mall/ondc/images/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="https://mappls.com/mall/ondc/images/favicon.ico" type="image/x-icon"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="theme-color" content="#007BBE" /> <meta property="og:title" content="Order ONDC Grocery in on mappls mall & save more."> <meta property="og:description" content="Order ONDC Grocery in on mappls mall & save more., get fast delivery of your ONDC order"> <meta property="og:keywords" content=""> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="mappls" /> <meta property="twitter:title" content="Order ONDC Grocery in on mappls mall & save more."> <meta property="twitter:description" content="Order ONDC Grocery in on mappls mall & save more., get fast delivery of your ONDC order"> <meta name="twitter:image" content="" /> <link rel="canonical" href="https://www.mappls.com/mall/ondc/?categoryPage=Grocery&Grocery" /> <link href="css/robocss.css?0133" rel="stylesheet"> <link rel="stylesheet" href="css/bootstrap-grid.min.css?0133" /> <link rel="stylesheet" href="css/bootstrap.min.css?0133" /> <link rel="stylesheet" href="css/owl.carousel.css?0133"> <link rel="stylesheet" href="css/rangeSlider.css?0133"> <link rel="stylesheet" href="css/style.css?0133" > <script src="js/jquery-3.7.0.min.js?0133" ></script> <script src="js/rangeSlider.js?0133" async=""></script> <script src="js/bootstrap.min.js?0133" async=""></script> <script src="js/owl.carousel.js?0133" ></script> <script src="js/?function.js&0133" ></script> <script src="js/auto_search_product.js?0133" async=""></script> <script src="search_delivery_location.js?0133" ></script> </head> <body id="top"> <div class="loaderDiv1" id="loader"> <div class="spinner bottomSpinner"> <span> <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" focusable="false"> <circle cx="14" cy="14" r="12" fill="none" stroke="#000" stroke-width="2" opacity=".15"></circle> <circle pathLength="1" cx="14" cy="14" r="12" fill="none" stroke="#339E82" stroke-width="3" stroke-dasharray="27 57" stroke-linecap="round" stroke-linejoin="round"></circle> </svg> </span> </div> </div> <div id="alert" style="width:100%;height:100vh;position: fixed;z-index: 99999;top:0;display:none;background: rgba(0,0,0, .2)"> <div class="soon-pp" style="top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute;;background: #fff;padding:16px;min-width:300px;border-radius: 10px;"> <span style="display: inline-block;margin-bottom:16px"></span><br> <div class="bttn-wrapper justify-content-end"> <button style="display:none !important;width: 70px;height: 37px;display: flex;" class="cmn-bttn justify-content-center d-flex align-items-center" id="alert_ok">Yes</button> <button mpjs="$|'#alert').hide|)" style="" class="br-bttn">Close</button> </div> </div> </div> <div id="cstm_div" style="width:100%;height:100vh;position: fixed;z-index: 99999;top:0;display:none;background: rgba(0,0,0, .2)"></div> <div class="modal fade" id="exampleModalToggle2" aria-hidden="true" aria-labelledby="exampleModalToggle2Label" tabindex="-1"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content soon-pp"> <div class="modal-header pop-header" style="padding:12px 16px"> <h1 class="modal-title" id="exampleModalToggle2Label">Unlock payment access</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body pop-body"> <div id="f_d_s"> <p style="font-size: 12px;margin-bottom:16px">Enter the details to whitelist your mobile number to unlock payment & delivery access. </p> <p id="emsg_1"></p> <form id="whiteListForm" style="display: flex;flex-direction:column;gap:16px"> <div class="input-box"> <label for="">Name </label> <input type="text" name="name" value="" placeholder="Enter name of recipient" required> <p style="display:none;" id="emsg_name"></p> </div> <div class="input-box"> <label for="">Mobile number </label> <input type="tel" name="number" value="" placeholder="Enter name of mobile number" pattern="[0-9]{10}" required> <p style="display:none;" id="emsg_num"></p> </div> <div class="input-box"> <label for="">City </label> <input type="text" name="city" value="" placeholder="Enter name of city" required> <p style="display:none;" id="emsg_cty"></p> </div> </form> </div> <div id="c_s_mg" style="display:none;"> <p style="font-size: 14px;margin-bottom:16px">Your whitelisting request for the mobile number has been sent. The <strong> Mappls Mall ONDC</strong> team will contact you shortly to enable access. </p> <div class="alert alert-success" style="text-align: center;width: 100%;color: green;font-size: 14px;"> <center> <div class="feedback-sucess"><img src="images/succes-thumb.svg" alt="sucess" height="48px"></div> </center>Submitted Successfully! </div> </div> </div> <div class="bttn-wrapper " id ="WhiteListBtnWrapper" style="padding: 16px;justify-content:end;"> <button style="" class="br-bttn justify-content-center d-flex align-items-center" onclick="$('#exampleModalToggle2').modal('hide');">Close</button> <button onclick="WhiteList();" id="" style="" class="cmn-bttn">Submit</button> </div> </div> </div> </div> <div class="modal fade" id="verifyOTPmodal" aria-hidden="true" aria-labelledby="verifyOTPmodalLabel" tabindex="-1"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content soon-pp"> <div class="modal-header pop-header" style="padding:12px 16px"> <h1 class="modal-title" id="verifyOTPmodalLabel">Unlock ONDC promos</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body pop-body"> <div id="f_otpPre">  <p id="emsg_otpModal"></p> <form id="OTPformNumber"> <div class="input-box"> <label for="">Mobile number </label> <input type="tel" name="phnNotp" id="phnNotp" value="" placeholder="Enter your number here" pattern="[0-9]{10}" required> <p style="display:none;" id="emsg_phnNotp"></p> </div> </form> <form id="OTPformOtp" style="display:none;"> <p id="maskedNumber"></p> <div class="input-box"> <label for="">OTP </label> <input type="password" name="OtpNReg" id="OtpNReg" placeholder="Enter your OTP" required> <p style="display:none;" id="emsg_otpN"></p> </div> <br> <div style="display:flex;justify-content:center;gap:8px;"> <p class="Otp_exp_msg" style="margin-bottom: 0">Your OTP expires in:</p> <div style="color: #339e82;" id="count_down_opt"> </div> </div> </form> </div> <div id="f_otpPost" style="display:none;"> <div class="alert alert-success" style="text-align: center;width: 100%;color: green;font-size: 14px;"> <center> <div class="feedback-sucess"><img src="images/succes-thumb.svg" alt="sucess" height="48px"></div> </center>You are now eligible for promos and offers. </div> </div> </div> <div class="bttn-wrapper " id="formOTPBtnWrapper" style="padding: 16px;justify-content:end;"> <button class="br-bttn justify-content-center d-flex align-items-center" onclick="$('#verifyOTPmodal').modal('hide');">Close</button> <button onclick="sendOtpwithMobile();" id="sendOtpwithMobile" class="cmn-bttn">Send OTP</button> <button onclick="VerifyOTPwithMobile();" id="VerifyOTPwithMobile" class="cmn-bttn">Submit</button> </div> </div> </div> </div> <section class="top-section "> <div class="inner-top-section"> <script> try { if (localStorage.getItem('location') !== null) { var larr = localStorage.location.split('!'); if ( larr[1] && larr[2] && larr[3] && larr[4]) { setCity(larr[0], larr[4], larr[2].split(',')[0], larr[2].split(',')[1], larr[3]); } } } catch (e) {} </script> <header> <div class="logo-section"> <a mpjs="logoClk|)"> <img src="images/logo.svg" alt="mappls"> </a> <div class="loc-add"> <img src="images/location-pin.svg" alt=""> <p style="position: absolute;top: -6px;left: 12px;font-weight: 400;font-size:16px">Delivery to</p> <input value="" placeholder="Delivery Location" class="border-0"></input>  <img src="images/down-arrow.svg" alt=""> </div> </div> <div class="back-bttn" id="mob_search_back"></div> <section class="srch-bar desk-show"> <div class="src-bar-wrapper"> <div class="srch-body"> <div class="srch-prdct"> <form action="" onsubmit="return false;"> <button class="src-bttn"> <img src="images/search-md.svg" alt="search"> </button> <input id="product-search" type="text" placeholder="Search by store or product" autocomplete="off" value=""> <span id="prodCross" class="mmi_rtDv" style="font-size: 14px;width: 20px;height: 20px;text-align: center;vertical-align: middle;line-height: 20px;box-sizing: inherit;color: rgb(17, 17, 17);cursor: pointer;background: rgb(255, 255, 255);top: 0px; background-size: 18px;background-repeat: no-repeat;z-index: 99999 !important;display:none; ">✕</span> </form> <div class="auto-suggest" id="search_ul"> <ul class="auto-suggest-list"> </ul> </div> </div> <div class="bg-overlay"> <div class="location-pp-section desk-show" style="display: none !important;"> <div class="location-pp"> <img src="images/location-pin.svg" alt="location" height="24px"> <div class="lt-content"> <div style="display: flex;"> <p>Please set your delivery location to shop</p>  </div> <div class="btn-wrapper"> <button class="cmn-bttn" onclick='locationModalOpen();'>Use Map</button> <button class="br-bttn" onclick='setCurrent();'>Current Location</button> </div> </div> </div> </div> </div> <script>$('body').addClass('overflow-hidden');</script> </div> </div> </section> <script> $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 200) { $(".top-section").addClass("wht-header"); } else { $(".top-section").removeClass("wht-header"); } }); </script> <script> try { if (localStorage.getItem('location') == null || localStorage.getItem('location').indexOf('') == -1 || localStorage.getItem('location').indexOf('') == -1) { localStorage.setItem('location', "!!!!"); } } catch (error) {} </script> <div class="action-section"> <ul class="action-container"> <li id="userProfile"> <div class="dropdown"> <button class="dropbtn" id="profileId"> <img src="images/user.svg" alt="user"> </button> <div class="dropdown-content" id="dropdownContent"> <div class="wel-temp"> <h2>Welcome</h2> <p>To access account and manage orders</p> <button class="br-bttn" mpjs="chkLogin|)">Login/Signup</button> </div> <a class="dropdown-item" mpjs="rateus|)"><img src="images/review.svg" alt="review" height="20px" width="20px">Rate Us</a> </div> </div> </li> <li> <div class="cart-section" id="cart-trigger"> <a><img src="images/cart1.svg" alt=""></a> <div class="cart-value">0</div> </div> </li> </ul> </div> </header> </div> </section> <div id="scrollButton"> <button class="scroll-btn"> <span class="material-icons-round"> expand_less </span> </button> </div> <script> window.addEventListener('scroll', function() { const scrollButton = document.getElementById('scrollButton'); if (window.scrollY > 100) { // Adjust this value as needed scrollButton.style.display = 'block'; } else { scrollButton.style.display = 'none'; } }); // Scroll to Section 2 document.getElementById('scrollButton').addEventListener('click', function() { const section2 = document.getElementById('top'); section2.scrollIntoView({ behavior: 'smooth' }); }); </script> <script> try { if (localStorage.getItem('location') !== null) { var larr = localStorage.location.split('!'); if ( !larr[1] && !larr[2] && !larr[3] && !larr[4]) { $('.location-pp-section').show(); } } } catch (e) {}</script> <script> getCrowselNow(); $(".loc-add,.location-address").click(function(e) { locationModalOpen(); e.stopPropagation(); }); $('#auto').on('keypress', function() { setTimeout(function(){if ($('#auto').val().length > 0) { $(".loc-add").siblings(".addr_options").hide(); $("#loc-dd-li").hide(); }},500) }); $('#profileId').on('click', function(e) { toggleDropdown(); e.stopPropagation(); }); $("#prodCross").on("click", function() { $("#loader").hide(); $("#search_ul").hide(); $("#prodCross").hide(); $("#product-search").val("").focus(); }); $(document).on('click', function(e) { if (e.target.id !== 'profileId') { $("#dropdownContent").hide(); } if (e.target.className !== 'loc-add') { $(".loc-add").removeClass("active"); if ($('.addr_options:visible').length == 1) { $(".loc-add").siblings(".addr_options").hide(); } } }); function logoClk() { window.location.href=crurl()?"./":"../"; } if("undefined"!==typeof Native){ try{token = Native.getAccessToken();/*ANDROID*/}catch(e){} if(token) readAccessToken(token); } appDeepLink('getAccessToken','');setTimeout(function(){appDeepLink('requestAccessToken','');},1000); function readAccessToken(t) { if(t) $.ajax({url: "./autoLogin?dt="+btoa(t),timeout:2000, success: function(d){if(d=='401' && product.readToken!==1) {appDeepLink('requestNewAccessToken',''); }else if(d && d!=0 && d!=='already') {$("#userProfile").html(d);}product.readToken=1; }}); } function readTokenFromiOS(s,t,v){readAccessToken(t);} </script> <input type="hidden" id="usrfname" value="3cab5ae2d57c501bb77694f9a5f3f3b24b35accae553f2265e9b41f1cea630a4"> <div id="chkout"></div> <div id="product-detail"></div> <div id="loginModalShow"></div> <div class="modal fade " id="login_msg" tabindex="-1" role="dialog" style="z-index:1000000;"> </div> <div class="modal fade " id="deliveryLocation" tabindex="-1" role="dialog" style="z-index:1000000;" data-bs-backdrop="static" data-bs-keyboard="false"> </div> <div id="main"> <div class="whitelist-section"> <marquee direction="left" behavior="scroll"><p>Unlock Payment & Delivery Access! 👉 <a style="text-decoration: none;color: #fff" data-bs-toggle='modal' href='#exampleModalToggle2' role='button'>Tap here to whitelist your mobile number!</a></p></marquee> </div> <section class="menu-top desk-show"> <div class="container-lg"> <div class=""> <ul class="statsCarousel owl-carousel owl-theme cat-list-items gc-cat-lisr m-0 p-0" style="padding:0px"> <li class="item" onclick="window.location.href='./'"><p style="height:39px;display:flex;justify-content:center;align-items:center"><span class="material-icons-outlined"> home </span></p></li><li class="item"><a style="height:39px;display:flex;justify-content:center;align-items:center" class="cs-tab " href="sale">Sale</a></li><li class="item"> <p class="cs-tab " mpjs="categoryPage|'F&B','F&B','ondc')">Food</p> </li><li class="item"> <p class="cs-tab active" mpjs="categoryPage|'Grocery','Grocery','ondc')">Grocery</p> </li><li class="item"> <p class="cs-tab " mpjs="categoryPage|'Electronics','Electronics','ondc')">Electronics</p> </li><li class="item"> <p class="cs-tab " mpjs="categoryPage|'Fashion','Fashion','ondc')">Fashion</p> </li><li class="item"> <p class="cs-tab " mpjs="categoryPage|'Home & Decor','Home+&+Decor','ondc')">Home & Kitchen</p> </li><li class="item"> <p class="cs-tab " mpjs="categoryPage|'BPC','BPC','ondc')">Beauty & Personal Care</p> </li><li class="item"> <p class="cs-tab " mpjs="categoryPage|'Appliances','Appliances','ondc')">Appliances</p> </li><li class="item"> <p class="cs-tab " mpjs="categoryPage|'Health & Wellness','Health+&+Wellness','ondc')">Health & Wellness</p> </li> </ul> </div> </div> </section> <section class="newhome-banner-container showBannerN" style="background-color: #ADF0B0;display:none;"> <a mpjs="searchCategory|'Grocery','Grocery','')" class="banner-image"><img class="" src="images/category-banner/grocery/grocery-banner.svg" alt=""></a> </section> <div class="product-slider offer-slider " style="position: relative;"> <div class="" style="max-height: 500px;"> <div id="sync1" class="owl-carousel owl-theme" style="margin-bottom: 0"> </div> </div> <div id="sync2" class="owl-carousel owl-theme" style="display: none;"> </div> </div> <div class="offer-panel"> <img src="images/offer-icon.svg" alt=""> <p>Use <strong>MapplsONDC50</strong> promo code to get extra <strong>30% Off</strong> upto <strong>₹ 50</strong></p> </div> <section class=""> <div class="container-lg"> <div class="product-list home-ct p-0"> <ul class="statsCarousel owl-carousel owl-theme cat-list-items gc-cat-lisr"> <li class="item"> <a mpjs="searchCategory|'Grocery','','','Vegetables and Fruits')"><img src="images/category-banner/grocery/cat-icon/Fruits-and-Vegetables.png" alt=""> <p class="elipse2">Vegetables and Fruits</p> </a> </li><li class="item"> <a mpjs="searchCategory|'Grocery','','','Dairy & Breads')"><img src="images/category-banner/grocery/cat-icon/Bakery,-Cakes-&-Dairy.png" alt=""> <p class="elipse2">Dairy & Breads</p> </a> </li><li class="item"> <a mpjs="searchCategory|'Grocery','','','Snacks & Dry Fruits')"><img src="images/category-banner/grocery/cat-icon/Snacks -&-Branded-Foods.png" alt=""> <p class="elipse2">Snacks & Dry Fruits</p> </a> </li><li class="item"> <a mpjs="searchCategory|'Grocery','','','Oil, Ghee & Masala')"><img src="images/category-banner/grocery/cat-icon/Oil-&-Ghee.png" alt=""> <p class="elipse2">Oil, Ghee & Masala</p> </a> </li><li class="item"> <a mpjs="searchCategory|'Grocery','','','Gourmet & World Foods')"><img src="images/category-banner/grocery/cat-icon/Gourmet-&-World-Foods.png" alt=""> <p class="elipse2">Gourmet & World Foods</p> </a> </li><li class="item"> <a mpjs="searchCategory|'Grocery','','','Meats, Fish & Eggs')"><img src="images/category-banner/grocery/cat-icon/Eggs,-Meat-&-Fish.png" alt=""> <p class="elipse2">Meats, Fish & Eggs</p> </a> </li><li class="item"> <a mpjs="searchCategory|'Grocery','','','Atta, Rice, Dal & Millets')"><img src="images/category-banner/grocery/foodgrains-banner.svg" alt=""> <p class="elipse2">Atta, Rice, Dal & Millets</p> </a> </li><li class="item"> <a mpjs="searchCategory|'Grocery','','','Breakfast & Instant Food')"><img src="images/category-banner/grocery/cat-icon/breakfast-instant-food.png" alt=""> <p class="elipse2">Breakfast & Instant Food</p> </a> </li><li class="item"> <a mpjs="searchCategory|'Grocery','','','Tea, Coffee & Health Drinks')"><img src="images/category-banner/grocery/cat-icon/healty-drinks.png" alt=""> <p class="elipse2">Tea, Coffee & Health Drinks</p> </a> </li><li class="item"> <a mpjs="searchCategory|'Grocery','','','Cleaning & Household')"><img src="images/category-banner/grocery/cat-icon/Cleaning-&-Household.png" alt=""> <p class="elipse2">Cleaning & Household</p> </a> </li><li class="item"> <a mpjs="searchCategory|'Grocery','','','Stationery')"><img src="images/category-banner/grocery/cat-icon/Stationery.png" alt=""> <p class="elipse2">Stationery</p> </a> </li><li class="item"> <a mpjs="searchCategory|'Grocery','','','Beauty & Personal Care')"><img src="images/category-banner/grocery/cat-icon/Beauty-&-Hygiene.png" alt=""> <p class="elipse2">Beauty & Personal Care</p> </a> </li><li class="item"> <a mpjs="searchCategory|'Grocery','','','Cold Drinks & Juices')"><img src="images/category-banner/grocery/cat-icon/Beverages.png" alt=""> <p class="elipse2">Cold Drinks & Juices</p> </a> </li><li class="item"> <a mpjs="searchCategory|'Grocery','','','Kitchen Accessories')"><img src="images/category-banner/grocery/cat-icon/Kitchen-Accessories.png" alt=""> <p class="elipse2">Kitchen Accessories</p> </a> </li><li class="item"> <a mpjs="searchCategory|'Grocery','','','Baby Care')"><img src="images/category-banner/grocery/cat-icon/Baby-Care.png" alt=""> <p class="elipse2">Baby Care</p> </a> </li><li class="item"> <a mpjs="searchCategory|'Grocery','','','Pet Care')"><img src="images/category-banner/grocery/cat-icon/Pet-Care.png" alt=""> <p class="elipse2">Pet Care</p> </a> </li> </ul> </div> </div> </section> <section class="store-near-section"> <div class="container-lg"> <div class="brand-heading" id="nrbrnad"> <h3>Nearby Stores</h3> <div class="d-flex" style="gap:16px"> <form action="" onsubmit="return false"> <div class="search-box mob-16" style="border: 1px solid #E6E6E6;border-radius:4px;padding:4px;min-width:200px;margin:2px;"> <img src="images/search-md-black.svg" alt=""> <input style="border:none" type="text" id="searchwithinPrvinCat" placeholder=" Search Shops" autocomplete="off"> <input type="text" style="display:none;" value="Grocery;Grocery"> </div> </form> </div> </div> <div class="store-card-wrapper" id="catProviders"> </div> <div style="text-align:center;display:none;"><a class="br-bttn" mpjs="providerLoad('','stores','prCatId','catProviders','Grocery;Grocery','XtqsZavNL9kK6/8mloV87lQpE6OrCdUZI4+MU7UlSG7zgpnv7z4yletOI3XH4+RvKa4WbgrmrtrKzKVa60R7XWDZA6VY5ZD7RqL4m8wd+GyQ0vDzZyPHmwIAOKWiZYqKM2D+BwkYhnw0xa3rk5IdMcVLGytBajcsvRk/pMYEkaAlLCwz9CfBrMCCXuJnbEz2WQ4Dg+8H9r829rjEISmFMlotDk1pJe3osRVDR253Pd16TUAqjj7KjeVep2uTjlrTEJ+STOlu0gOpRkHnrYYa8DkU9WLIkDun87fz96hVSCMjKvV4kROp67e+JAEke0lGmy6lyDa+ZxU+hXpA+Rk2+jryKlJYc240Bm46XgXgMPcdmORUio7WQWm3DOT9SQHsQw0DEY09UvDqY+eAd1Nsei5jLEnBIBDGPNwEBZW0jy9lfPzxa1AqEumZNazHGJB1hg+Rbvh5n7RRNBfnWptDKg==');return false;"> <span class="d-block" id="prCatId" style="color:#212121;font-weight:500;font-size:14px !important">Load more</span> </a></div> </div> </section> <section class="store-near-section" id="brand_section" style="display:none"> <div class="container-lg"> <div class="brand-heading"> <h3>Nearby Brands For You</h3> <a mpjs="providerLoad('','brands','brndhomeId','providers');return false;" style="visibility: hidden"><span class="" id="brndhomeId">View all</span> </a> </div> <div class="brand-shop" id="brandsHTML"> </div> </div> </section> <script> providerLoad(0,'','prCatId', 'catProviders', 'Grocery;Grocery', 'XtqsZavNL9kK6/8mloV87lQpE6OrCdUZI4+MU7UlSG7zgpnv7z4yletOI3XH4+RvKa4WbgrmrtrKzKVa60R7XWDZA6VY5ZD7RqL4m8wd+GyQ0vDzZyPHmwIAOKWiZYqKM2D+BwkYhnw0xa3rk5IdMcVLGytBajcsvRk/pMYEkaAlLCwz9CfBrMCCXuJnbEz2WQ4Dg+8H9r829rjEISmFMlotDk1pJe3osRVDR253Pd16TUAqjj7KjeVep2uTjlrTEJ+STOlu0gOpRkHnrYYa8DkU9WLIkDun87fz96hVSCMjKvV4kROp67e+JAEke0lGmy6lyDa+ZxU+hXpA+Rk2+jryKlJYc240Bm46XgXgMPcdmORUio7WQWm3DOT9SQHsQw0DEY09UvDqY+eAd1Nsei5jLEnBIBDGPNwEBZW0jy9lfPzxa1AqEumZNazHGJB1hg+Rbvh5n7RRNBfnWptDKg=='); </script> <section class="category-banner" > <section class="product-list-container" style="padding-top: 0px;" > <div class="container-lg"> <div class="brand-heading banner-heading"> <h3>Fruits and Vegetables</h3> </div> <div class="" > <a mpjs="searchCategory|'Grocery','','','Vegetables and Fruits')" class="banner-image" style="background-color: #E1F8CF;"> <img class="lazy" data-src="images/category-banner/grocery/fruits-banner.svg" alt=""> </a> </div> </div> </section> <section class="product-list-container" style="padding-top: 0px;"> <div class="container-lg"> <div class=""> <ul class="statsCarousel owl-carousel owl-theme nav-show"> </ul> </div> </div> </section> </section> <section class="category-banner" > <section class="product-list-container" style="padding-top: 0px;" > <div class="container-lg"> <div class="brand-heading banner-heading"> <h3>Dairy & Breads</h3> </div> <div class="" > <a mpjs="searchCategory|'Grocery','','','Dairy & Breads')" class="banner-image" style="background-color: #FFE5D4;"> <img class="lazy" data-src="images/category-banner/grocery/bakery-banner.svg" alt=""> </a> </div> </div> </section> <section class="product-list-container" style="padding-top: 0px;"> <div class="container-lg"> <div class=""> <ul class="statsCarousel owl-carousel owl-theme nav-show"> </ul> </div> </div> </section> </section> <section class="category-banner" > <section class="product-list-container" style="padding-top: 0px;" > <div class="container-lg"> <div class="brand-heading banner-heading"> <h3>Snacks & Dry Fruits</h3> </div> <div class="" > <a mpjs="searchCategory|'Grocery','','','Snacks & Dry Fruits')" class="banner-image" style="background-color: #ffdad1;"> <img class="lazy" data-src="images/category-banner/grocery/snacks-banner.svg" alt=""> </a> </div> </div> </section> <section class="product-list-container" style="padding-top: 0px;"> <div class="container-lg"> <div class=""> <ul class="statsCarousel owl-carousel owl-theme nav-show"> </ul> </div> </div> </section> </section> <section class="category-banner" > <section class="product-list-container" style="padding-top: 0px;" > <div class="container-lg"> <div class="brand-heading banner-heading"> <h3>Oil, Ghee & Masala</h3> </div> <div class="" > <a mpjs="searchCategory|'Grocery','','','Oil, Ghee & Masala')" class="banner-image" style="background-color: #F9E3A6;"> <img class="lazy" data-src="images/category-banner/grocery/oil-banner.svg" alt=""> </a> </div> </div> </section> <section class="product-list-container" style="padding-top: 0px;"> <div class="container-lg"> <div class=""> <ul class="statsCarousel owl-carousel owl-theme nav-show"> </ul> </div> </div> </section> </section> <section class="category-banner" > <section class="product-list-container" style="padding-top: 0px;" > <div class="container-lg"> <div class="brand-heading banner-heading"> <h3>Gourmet & World Foods</h3> </div> <div class="" > <a mpjs="searchCategory|'Grocery','','','Gourmet & World Foods')" class="banner-image" style="background-color: #C7EFC9;"> <img class="lazy" data-src="images/category-banner/grocery/gourmet-banner.svg" alt=""> </a> </div> </div> </section> <section class="product-list-container" style="padding-top: 0px;"> <div class="container-lg"> <div class=""> <ul class="statsCarousel owl-carousel owl-theme nav-show"> </ul> </div> </div> </section> </section> <section class="category-banner" > <section class="product-list-container" style="padding-top: 0px;" > <div class="container-lg"> <div class="brand-heading banner-heading"> <h3>Meats, Fish & Eggs</h3> </div> <div class="" > <a mpjs="searchCategory|'Grocery','','','Meats, Fish & Eggs')" class="banner-image" style="background-color: #FFD9D9;"> <img class="lazy" data-src="images/category-banner/grocery/egg-banner.svg" alt=""> </a> </div> </div> </section> <section class="product-list-container" style="padding-top: 0px;"> <div class="container-lg"> <div class=""> <ul class="statsCarousel owl-carousel owl-theme nav-show"> </ul> </div> </div> </section> </section> <section class="category-banner" > <section class="product-list-container" style="padding-top: 0px;" > <div class="container-lg"> <div class="brand-heading banner-heading"> <h3>Atta, Rice, Dal & Millets</h3> </div> <div class="" > <a mpjs="searchCategory|'Grocery','','','Atta, Rice, Dal & Millets')" class="banner-image" style="background-color: #FFDDC8;"> <img class="lazy" data-src="images/category-banner/grocery/foodgrains-banner.svg" alt=""> </a> </div> </div> </section> <section class="product-list-container" style="padding-top: 0px;"> <div class="container-lg"> <div class=""> <ul class="statsCarousel owl-carousel owl-theme nav-show"> </ul> </div> </div> </section> </section> <section class="category-banner" > <section class="product-list-container" style="padding-top: 0px;" > <div class="container-lg"> <div class="brand-heading banner-heading"> <h3>Cleaning & Household</h3> </div> <div class="" > <a mpjs="searchCategory|'Grocery','','','Cleaning & Household')" class="banner-image" style="background-color: #C6D3E9;"> <img class="lazy" data-src="images/category-banner/grocery/cleaning-banner.svg" alt=""> </a> </div> </div> </section> <section class="product-list-container" style="padding-top: 0px;"> <div class="container-lg"> <div class=""> <ul class="statsCarousel owl-carousel owl-theme nav-show"> </ul> </div> </div> </section> </section> <section class="category-banner" > <section class="product-list-container" style="padding-top: 0px;" > <div class="container-lg"> <div class="brand-heading banner-heading"> <h3>Stationery</h3> </div> <div class="" > <a mpjs="searchCategory|'Grocery','','','Stationery')" class="banner-image" style="background-color: #E4D9F8;"> <img class="lazy" data-src="images/category-banner/grocery/stationery-banner.svg" alt=""> </a> </div> </div> </section> <section class="product-list-container" style="padding-top: 0px;"> <div class="container-lg"> <div class=""> <ul class="statsCarousel owl-carousel owl-theme nav-show"> </ul> </div> </div> </section> </section> <section class="category-banner" > <section class="product-list-container" style="padding-top: 0px;" > <div class="container-lg"> <div class="brand-heading banner-heading"> <h3>Beauty & Personal Care</h3> </div> <div class="" > <a mpjs="searchCategory|'Grocery','','','Beauty & Personal Care')" class="banner-image" style="background-color: #f6d4e4;"> <img class="lazy" data-src="images/category-banner/grocery/beauty-banner.svg" alt=""> </a> </div> </div> </section> <section class="product-list-container" style="padding-top: 0px;"> <div class="container-lg"> <div class=""> <ul class="statsCarousel owl-carousel owl-theme nav-show"> </ul> </div> </div> </section> </section> <section class="category-banner" > <section class="product-list-container" style="padding-top: 0px;" > <div class="container-lg"> <div class="brand-heading banner-heading"> <h3>Cold Drinks & Juices</h3> </div> <div class="" > <a mpjs="searchCategory|'Grocery','','','Cold Drinks & Juices')" class="banner-image" style="background-color: #F9EAA6;"> <img class="lazy" data-src="images/category-banner/grocery/beverages-banner.svg" alt=""> </a> </div> </div> </section> <section class="product-list-container" style="padding-top: 0px;"> <div class="container-lg"> <div class=""> <ul class="statsCarousel owl-carousel owl-theme nav-show"> </ul> </div> </div> </section> </section> <section class="category-banner" > <section class="product-list-container" style="padding-top: 0px;" > <div class="container-lg"> <div class="brand-heading banner-heading"> <h3>Kitchen Accessories</h3> </div> <div class="" > <a mpjs="searchCategory|'Grocery','','','Kitchen Accessories')" class="banner-image" style="background-color: #DAD7D7;"> <img class="lazy" data-src="images/category-banner/grocery/kitchen-banner.svg" alt=""> </a> </div> </div> </section> <section class="product-list-container" style="padding-top: 0px;"> <div class="container-lg"> <div class=""> <ul class="statsCarousel owl-carousel owl-theme nav-show"> </ul> </div> </div> </section> </section> <section class="category-banner" > <section class="product-list-container" style="padding-top: 0px;" > <div class="container-lg"> <div class="brand-heading banner-heading"> <h3>Baby Care</h3> </div> <div class="" > <a mpjs="searchCategory|'Grocery','','','Baby Care')" class="banner-image" style="background-color: #D8FCF6;"> <img class="lazy" data-src="images/https://mmi-cdn.s3.ap-south-1.amazonaws.com/mappls_web/mall/Banner/bbbb.jpg" alt=""> </a> </div> </div> </section> <section class="product-list-container" style="padding-top: 0px;"> <div class="container-lg"> <div class=""> <ul class="statsCarousel owl-carousel owl-theme nav-show"> </ul> </div> </div> </section> </section> <section class="category-banner" > <section class="product-list-container" style="padding-top: 0px;" > <div class="container-lg"> <div class="brand-heading banner-heading"> <h3>Pet Care</h3> </div> <div class="" > <a mpjs="searchCategory|'Grocery','','','Pet Care')" class="banner-image" style="background-color: #FDE9BC;"> <img class="lazy" data-src="images/category-banner/grocery/pet-banner.svg" alt=""> </a> </div> </div> </section> <section class="product-list-container" style="padding-top: 0px;"> <div class="container-lg"> <div class=""> <ul class="statsCarousel owl-carousel owl-theme nav-show"> </ul> </div> </div> </section> </section> <script> var BannerCall = ""; $(document).ready(function () { if(BannerData){ AddBanner(BannerData,"Grocery"); }else { BannerCall = setInterval(() => { if (BannerData) { clearInterval(BannerCall); BannerCall = ""; AddBanner(BannerData,"Grocery"); } }, 100); } $('.statsCarousel').owlCarousel({ dots: false, margin: 10, touchDrag: true, mouseDrag: true, autoWidth: true, nav: true, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1000: { items: 1 } } }) $(".cube").click(function () { $(".cube").addClass("trans"); }) }); $("#categories-section,.home-banner-container").hide(); $('.top-section').addClass('bg-cmn'); $('#loader').hide(); </script> </div> <div class="links-section"> <div class="container-lg">  <div class="category-list"> <div class="list-one"> <h5>Category</h5> <ul> <li><a href="../">Mappls mall</a></li> <li><a href="../mappls-gadgets">GPS Gadgets</a></li> <li><a href="../mappls-sanskriti">Map Art</a></li> <li><a href="https://travel.mappls.com/hotels">Hotel Booking</a></li> <li><a href="https://travel.mappls.com/zoomcar">Car Rentals</a></li> <li><a href="./">ONDC Store</a></li> <li><a href="./?categoryPage=F%26B&Food">Food Delivery</a></li> <li><a href="./?categoryPage=Grocery&Grocery">Grocery</a></li> <li><a href="./?categoryPage=BPC&Beauty+&+Personal+Care">Beauty & personal care</a></li> <li><a href="./?categoryPage=Home%20%26%20Decor&Home+&+Decor">Home & Decor</a></li> <li><a href="./?categoryPage=Appliances&Appliances">Appliances</a></li> <li><a href="./?categoryPage=Health%20%26%20Wellness&Health+&+Wellness">Health & Wellness</a></li> <li><a href="./?categoryPage=Electronics&Electronics">Electronics</a></li> </ul> </div> <div class="list-two"> <h5>Useful Links</h5> <ul> <li><a href="./terms-conditions">Terms & Conditions</a></li> <li><a href="cancellation-n-refund">Cancellation & Refund</a></li> <li><a href="./privacy-policy">Privacy Policy</a></li> <li><a href="shipping_policies">Shipping Policy</a></li> </ul>  </div> <div class="list-0"> <h5>Contact us</h5> <ul style="display:flex;"> <li style="line-height:20px"><a href="javascript:;">Vidteq India Private Limited <br>1134, Sree Ram Nivas, 4th Floor, 100 Feet Road, Indira Nagar, Bengaluru, Karnataka, 560008 <br><strong>Email </strong> - mall_support@mappls.com <br> <strong>GSTN </strong>- 29AACCV7358K1ZN <br> <strong>CIN </strong>- U72200KA2008PTC046593</a></li> </ul> </div> </div> </div> </div> <section class="footer-section"> <div class="container-lg"> <div class="footer-wraper"> <div class="social-icons"> <ul> <li><a href="https://www.facebook.com/Mapplsofficial"><img src="images/social-icons/facebook.svg" alt="Facebook"></a></li> <li><a href="https://twitter.com/mappls"><img src="images/social-icons/twitter.svg" alt="Twitter"></a></li> <li><a href="https://www.instagram.com/mapplsofficial/"><img src="images/social-icons/instagram.svg" alt="Instagram"></a></li> <li><a href="https://www.linkedin.com/company/mappls/"><img src="images/social-icons/linkedin.svg" alt="Linkedin"></a></li> <li><a href="https://www.youtube.com/channel/UCAWvWsh-dZLLeUU7_J9HiOA?themeRefresh=1"><img src="images/social-icons/youtube.svg" alt="Youtube"></a></li> </ul> </div> <p>Vidteq India Private Limited.</p> <div class="apk-dwnld"> <a href="https://apps.apple.com/us/app/mappls-mapmyindia/id723492531"><img src="images/social-icons/download_apple.svg" alt=""></a> <a href="https://play.google.com/store/apps/details?id=com.mmi.maps&hl=en&gl=US&pli=1"><img src="images/social-icons/download_play.svg" alt=""></a> </div> </div> </div>  </section> <section class="cart-added-section" id="cart--footer" style="display:none;"> <div class="card-added-wrapper"> <div class="card-added-body"> <div class="prc-qua-section"> <p><span class="cart--count"></span>  item added</p> <h3> ₹ <span class="cart--value"></span> </h3> </div> <div class="view-cart"> <p mpjs="showCart|)">View Cart <span class="material-icons">chevron_right </span></p> <div class="close_icon" onclick="$('#cart--footer').hide();"> <a href="javascript:;"><span class="material-icons-round"> close </span> </a> </div> </div> </div> </div> </section>  <script src="https://www.mappls.com/apis/logs/visits.js?appid=mappls-mall&gtag" defer="" async=""></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4FC7ZLH5N0"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-4FC7ZLH5N0'); </script> </body> </html>

CINXE.COM

Order ONDC Grocery in on mappls mall & save more.