CINXE.COM

Dairy Shops across the South Island | On the Spot » On The Spot

<!doctype html> <html class="no-js" lang="en"> <head> <base href="https://www.onthespot.co.nz/"><!--[if lte IE 6]></base><![endif]--> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-MB5WR5T');</script> <!-- End Google Tag Manager --> <title>Dairy Shops across the South Island | On the Spot &raquo; On The Spot</title> <meta charset='utf-8'> <meta http-equiv='Content-type' content='text/html; charset=utf-8' /> <meta generator="SilverStripe" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="At On the Spot stores, we are passionate about providing great service &amp; products to cover every need: grocery products, drinks &amp; food to go. We&#039;re here when you need us." /> <meta robots="index, follow" /> <meta twitter:title="Dairy Shops across the South Island | On the Spot" /> <meta twitter:description="At On the Spot stores, we are passionate about providing great service &amp; products to cover every need: grocery products, drinks &amp; food to go. We&#039;re here when you need us." /> <meta property="og:title" content="Dairy Shops across the South Island | On the Spot" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.onthespot.co.nz/" /> <meta property="og:description" content="At On the Spot stores, we are passionate about providing great service &amp; products to cover every need: grocery products, drinks &amp; food to go. We&#039;re here when you need us." /> <meta property="og:site_name" content="On The Spot" /> <meta name="csrf-token" content="eda79cd30da29f58c92d777c5cdde5e1b7676056"> <link rel="apple-touch-icon" sizes="180x180" href="/resources/themes/base/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/resources/themes/base/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/resources/themes/base/favicon/favicon-16x16.png"> <link rel="manifest" href="/resources/themes/base/favicon/site.webmanifest"> <link rel="mask-icon" href="/resources/themes/base/favicon/safari-pinned-tab.svg" color="#5bbad5"> <meta name="theme-color" content="#ffffff"> <link rel="shortcut icon" href="/resources/themes/base/favicon/favicon.ico"> <meta name="msapplication-TileColor" content="#ff0000"> <meta name="msapplication-config" content="/resources/themes/base/favicon/browserconfig.xml"> <link rel="stylesheet" href="https://use.typekit.net/hzq7kwk.css"> <link rel="stylesheet" type="text/css" href="/resources/themes/base/css/app.css?m=1698785624" /> </head> <body class="HomePage"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MB5WR5T" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="off-canvas position-right" id="off-canvas" data-off-canvas> <nav id="secondary-navigation" aria-label="navigation" role="navigation"> <ul class="off-canvas__nav drilldown" data-drilldown data-parent-link="true"> <li class="off-canvas__item"> <a href="" class="off-canvas__link off-canvas__link--current" aria-label="Home"> Home </a> </li> <li class="off-canvas__item off-canvas__item--has-subnav"> <a href="/our-range/" class="off-canvas__link off-canvas__link--link" aria-label="Our Range "> Our Range </a> <ul class="off-canvas__subnav"> <li class="off-canvas__item"> <a href="/our-range/hot-and-cold-drinks/" class="off-canvas__link off-canvas__link--link" aria-label="Beverages "> Beverages </a> </li> <li class="off-canvas__item"> <a href="/our-range/sweet-treats/" class="off-canvas__link off-canvas__link--link" aria-label="Sweet Treats "> Sweet Treats </a> </li> <li class="off-canvas__item"> <a href="/our-range/food-to-go/" class="off-canvas__link off-canvas__link--link" aria-label="Food to go "> Food to go </a> </li> <li class="off-canvas__item"> <a href="/our-range/grocery-supplies/" class="off-canvas__link off-canvas__link--link" aria-label="Grocery Supplies "> Grocery Supplies </a> </li> </ul> </li> <li class="off-canvas__item"> <a href="/promotions/" class="off-canvas__link off-canvas__link--link" aria-label="Promotions"> Promotions </a> </li> <li class="off-canvas__item"> <a href="/our-story/" class="off-canvas__link off-canvas__link--link" aria-label="Our Story"> Our Story </a> </li> <li class="off-canvas__item off-canvas__item--has-subnav"> <a href="/join-the-family/" class="off-canvas__link off-canvas__link--link" aria-label="Join The Family"> Join The Family </a> <ul class="off-canvas__subnav"> <li class="off-canvas__item"> <a href="/join-the-family/become-an-owner/" class="off-canvas__link off-canvas__link--link" aria-label="Register your interest"> Register your interest </a> </li> </ul> </li> <li class="off-canvas__item"> <a href="/contact-us/" class="off-canvas__link off-canvas__link--link" aria-label="Contact Us"> Contact Us </a> </li> <li class="off-canvas__item off-canvas__item--no-border"> <a class="off-canvas__btn" href="/store-locations/">Find Your Nearest Store</a> </li> </ul> </nav> </div> <div class="off-canvas-content" data-off-canvas-content> <div class="notification-strip js-message hidden"> <div class="grid-x grid-margin-x align-middle align-justify"> <div class="cell small-9 text-center start js-message-text"> <p>Follow us on Facebook <a href="https://www.facebook.com/profile.php?id=61552197362325" >Click here </a></p> </div> <div class="cell small-3 end"> <a href="#" class=" js-close-message close absolute"><i class="fas fa-times"></i></a> </div> </div> </div> <header id="header" class="header grid-container grid-container--wide" role="header"> <div class="grid-x grid-margin-x align-middle align-justify"> <div class="cell small-7 large-2"> <a class="header__logo" href=""> <img src="/resources/themes/base/images/logo.png" alt="On The Spot"></a> </div> <div class="cell small-5 text-right hide-for-xlarge flex align-middle align-right"> <button class="locations-icon-button"> <a href="/store-locations/"> <i class="fas fa-map-marker-alt locations-icon"></i> </a> </button> <button class="nav-icon" aria-label="Open Menu" data-toggle="off-canvas"> <span></span> <span></span> <span></span> <span></span> </button> </div> <div class="cell large-10 medium-text-right show-for-xlarge"> <nav id="primary-navigation" aria-label="navigation" role="navigation"> <ul class="nav"> <li class="nav__item nav__item--has-subnav"> <a href="/our-range/" class="nav__link nav__link--link GeneralPage" > Our Range </a> <ul class="nav__subnav text-left" data-submenu> <li class="nav__item"> <a href="/our-range/hot-and-cold-drinks/" class="nav__link nav__link--link GeneralPage" > Beverages </a> </li> <li class="nav__item"> <a href="/our-range/sweet-treats/" class="nav__link nav__link--link GeneralPage" > Sweet Treats </a> </li> <li class="nav__item"> <a href="/our-range/food-to-go/" class="nav__link nav__link--link GeneralPage" > Food to go </a> </li> <li class="nav__item"> <a href="/our-range/grocery-supplies/" class="nav__link nav__link--link GeneralPage" > Grocery Supplies </a> </li> </ul> </li> <li class="nav__item"> <a href="/promotions/" class="nav__link nav__link--link GeneralPage" > Promotions </a> </li> <li class="nav__item"> <a href="/our-story/" class="nav__link nav__link--link GeneralPage" > Our Story </a> </li> <li class="nav__item nav__item--has-subnav"> <a href="/join-the-family/" class="nav__link nav__link--link GeneralPage" > Join The Family </a> <ul class="nav__subnav text-left" data-submenu> <li class="nav__item"> <a href="/join-the-family/become-an-owner/" class="nav__link nav__link--link SilverStripe\UserForms\Model\UserDefinedForm" > Register your interest </a> </li> </ul> </li> <li class="nav__item"> <a href="/contact-us/" class="nav__link nav__link--link ContactPage" > Contact Us </a> </li> <li class="nav__item"> <a class="nav__btn" id="nav-button" href="/store-locations/">Find Your Nearest Store</a> </li> </ul> </nav> </div> </div> </header> <div class="section"> <picture class="banner"> <source data-srcset="/assets/Uploads/Screenshot-2023-06-22-091316__FocusFillWyIwLjAwIiwiMC4wMCIsMTkyMCw3MDBd.jpg" media="(min-width: 1024px)"></source> <source data-srcset="/assets/Uploads/Screenshot-2023-06-22-091316__FocusFillWyIwLjAwIiwiMC4wMCIsMTIwMCw0ODBd.jpg" media="(min-width: 640px)"></source> <source data-srcset="/assets/Uploads/Screenshot-2023-06-22-091316__FocusFillWyIwLjAwIiwiMC4wMCIsNjQwLDIwMF0.jpg" media="(min-width: 300px)"></source> <img data-src="/assets/Uploads/Screenshot-2023-06-22-091316__FocusFillWyIwLjAwIiwiMC4wMCIsMTkyMCw3MDBd.jpg" class="lazy" alt="Screenshot 2023 06 22 091316"> </picture> <div class="banner__gradient"></div> <div class="banner__container grid-container grid-container--wide"> <div class="grid-x grid-margin-x"> <div class="cell small-10 xlarge-8 banner__text flex"> <h1 class="banner__title align-self-middle wow wow-fade-slide-in-left">There when you need it</h1> </div> </div> <div class="tag bg-pink text-center"> <a class="tag__link" id="banner-tag-link" href="/store-locations/"> <span class="tag__link-text"> Find your nearest store</span> </a> </div> </div> </div> <div class="hide-for-large"> <div class="tag bg-pink text-center small-tag"> <a class="tag__link" id="mobile-banner-tag-link" href="/store-locations/"> <span class="tag__link-text"> Find your nearest store</span> </a> </div> </div> <div id="since-1992" class="section section--margin-y bg-white"> <div class="grid-container"> <div class="grid-x grid-padding-x grid-padding-y align-center"> <div class="cell large-10 xlarge-9 text-center typography"> <div class="leader"> <p>Since 1992, we've been in your neck of the woods with all the essentials. Whether it's ingredients to complete dinner, a snack, a sweet treat, or a hot meal and a top up. We're proud to stock everything you need under one roof.</p> </div> </div> </div> </div> </div> <div id="" class="section section--margin-y"> <div class="grid-container"> <div class="grid-x grid-margin-x grid-margin-y"> <div class="cell wow wow-fade-in full-width-image"> </div> </div> <div class="section__divider section--margin-y"></div> </div> </div> <div id="new-products" class="section section--margin-y"> <div class="grid-x grid-padding-x grid-padding-y"> <div class="cell text-center"> <h2 class="h2">New Products</h2> </div> </div> <div class="gallery-slideshow"> <div class="gallery-slideshow__inner"> </div> <div class="text-center "> <a class='btn' href="/promotions/"> All promotions </a> </div> </div> </div> <div class="section section--margin-y bg-white content-section"> <div class="grid-container"> <div class="grid-x grid-padding-x grid-padding-y align-middle w-full"> <div class="cell medium-12 typography video-block"> <iframe class="w-full" height="315" src="https://www.youtube.com/embed/HiXvZUJuQaQ?rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div> </div> </div> </div> <div id="our-range" class="section section--margin-y bg-white content-section"> <div class="grid-container"> <div class="grid-x grid-padding-x grid-padding-y align-middle"> <div class="cell medium-6 large-4 typography "> <h2>At your local</h2><p>At On the Spot, we are passionate about providing great service and products to cover every need. Although our stores differ in size, depending on location and community requirements, all cover grocery essentials. Food to go, drinks and snacks.</p> <a class='btn' href="/our-range/"> Our Range </a> </div> <div class="cell medium-6 large-8 wow wow-fade-in "> <div class="image-and-tag-wrapper"> <img class="lazy" data-interchange="[/assets/Uploads/Pams-shot__FocusFillWyIwLjAwIiwiMC4wMCIsNTgwLDM0MF0.png, small], [/assets/Uploads/Pams-shot__FocusFillWyIwLjAwIiwiMC4wMCIsNTgwLDQ4MF0.png, medium], [/assets/Uploads/Pams-shot__FocusFillWyIwLjAwIiwiMC4wMCIsNzQwLDUwMF0.png, large]" alt="Pams shot" /> </div> </div> </div> </div> </div> <div class="section section--margin-y bg-white"> <div class="grid-container"> <div class="grid-x grid-padding-x grid-padding-y"> <div class="cell text-center"> <h2>What we&#039;re all about</h2> </div> <div class="cell large-4 typography"> <h3>We've got what you're looking for</h3><p>With grocery items, meal solutions, frozen food and treats, confectionary, and classic food-to-go - we can top up your cupboard or satisfy your hunger at any time of day. Some of our stores are licensed too.&nbsp;</p> </div> <div class="cell medium-6 large-4 typography"> <h3>We're proud to be local</h3><p>We're more than a familiar face in your neighbourhood. All our stores are run by our owners/operators that love giving back to their community; getting involved with local schools, sports teams and groups regularly.&nbsp;</p> </div> <div class="cell medium-6 large-4 typography"> <h3>We're right across the South Island</h3><p>With stores across the South Island, there's a good chance you can find a store nearby. Our South Island wide promotions are just that, and you can expect the same level of quality and service wherever you see us.&nbsp;</p> </div> </div> <div class="grid-x grid-padding-x grid-padding-y text-center"> <div class="cell"> <a href="/our-story/" class="btn" >Our Story</a> </div> </div> </div> </div> <div class="section section--margin-y"> <div class="grid-container grid-container--xwide"> <div class="grid-x grid-padding-x grid-padding-y"> <div class="cell small-12 large-6"> <a href="/store-locations/" class="bottom-cta-button" id="bottom-cta-button-left">Find Your Nearest Store <i class="fas fa-chevron-circle-right"></i></a> </div> <div class="cell small-12 large-6"> <a href="/join-the-family/" class="bottom-cta-button" id="bottom-cta-button-right">Join The Family <i class="fas fa-chevron-circle-right"></i></a> </div> </div> </div> </div> <footer class="footer section bg-white" role="footer"> <div class="grid-container"> <div class="section__divider section--margin-bottom"></div> <div class="footer__lists grid-x grid-padding-x grid-padding-y"> <div class="cell small-6 medium-4"> <h6 class="footer__heading">Explore</h6> <ul class="footer-list"> <li class="footer-list__item"><a class="footer-list__link" href="/our-range/">Our Range</a></li> <li class="footer-list__item"><a class="footer-list__link" href="/our-story/">Our Story</a></li> <li class="footer-list__item"><a class="footer-list__link" href="/join-the-family/">Join The Family</a></li> <li class="footer-list__item"><a class="footer-list__link" href="/store-locations/">Find Your Nearest Store</a></li> </ul> </div> <div class="cell small-6 medium-4"> <h6 class="footer__heading">Our Range</h6> <ul class="footer-list"> <li class="footer-list__item"><a class="footer-list__link" href="/our-range/hot-and-cold-drinks/">Hot &amp; Cold Drinks</a></li> <li class="footer-list__item"><a class="footer-list__link" href="/our-range/sweet-treats/">Sweet Treats</a></li> <li class="footer-list__item"><a class="footer-list__link" href="/our-range/food-to-go/">Food To Go</a></li> <li class="footer-list__item"><a class="footer-list__link" href="/our-range/grocery-supplies/">Grocery Supplies</a></li> </ul> </div> <div class="cell small-6 medium-4"> <h6 class="footer__heading">Join The Family</h6> <ul class="footer-list"> <li class="footer-list__item"><a class="footer-list__link" href="/join-the-family/">Become An Owner</a></li> </ul> </div> </div> <div class="grid-x grid-padding-x grid-padding-y"> <div class="cell"> <div class="social-media-icons"> <h6 class="cell small-12 medium-6 large-4 typography">Find us on <a href="https://www.facebook.com/profile.php?id=61552197362325" target="_blank"><i class="fab fa-facebook"></i></a></h6> </div> <p class="footer__copyright" rel="license">&copy; On The Spot 2024 <span class="footer__bullet">&bull;</span> Website by <a href="http://www.platocreative.co.nz" target="_blank">Plato Creative</a></p> </div> </div> </div> <div class="footer-bar clearfix"> <img src="/resources/themes/base/images/footer-bar-right.png" class="float-right show-for-xlarge" /> </div> </footer> </div> <script type="application/javascript" src="/resources/themes/base/javascript/manifest.js?m=1567039802"></script> <script type="application/javascript" src="/resources/themes/base/javascript/vendor.js?m=1567649305"></script> <script type="application/javascript" src="/resources/themes/base/javascript/app.js?m=1698785624"></script> <script type="application/javascript">//<![CDATA[ /** Enables the use of the key press to access cms page edit use: ctrl+e use: alt+e */ function doc_keyUp(e) { if(e.altKey && e.keyCode == 69) { window.open("https://www.onthespot.co.nz/admin/pages/edit/show/1"); } } if (document.addEventListener) { document.addEventListener('keyup', doc_keyUp, false); } else if (document.attachEvent) { document.attachEvent('keyup', doc_keyUp); } //]]></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10