Become Owner Operator | Foodstuffs Careers North Island

<!DOCTYPE html>      <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="author" content="Foodstuffs" /> <meta name="description" content="If you鈥檙e looking to change careers or own your own business already, and have the capital to invest, then you鈥檙e at the right place. Register your interest now." /> <meta name="keywords" content="Foodstuffs Careers, Foodstuffs North Island, New World jobs, Pak鈥檔 Save jobs, Retail Store roles, Food industry jobs in North Island, Food manufacturing jobs in North Island, Grocery jobs in North Island, Foodstuff careers in North Island, Owner Operator North island"> <meta name='viewport' content='width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0' />  <title>Become Owner Operator | Foodstuffs Careers North Island</title>  <link rel="apple-touch-icon" sizes="57x57" href="/images/favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/images/favicon/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/images/favicon/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/images/favicon/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/images/favicon/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/images/favicon/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/images/favicon/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/images/favicon/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/images/favicon/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/images/favicon/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png"> <link rel="manifest" href="/images/favicon/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/images/favicon//ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff">  <link href="css/bootstrap.min.css" rel="stylesheet">  <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="css/pe-icon-7-stroke.css" rel="stylesheet">  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,500,700,900" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,600,700" rel="stylesheet">  <link href="css/owl.carousel.min.css" rel="stylesheet"> <link href="css/owl.theme.default.min.css" rel="stylesheet" > <link href="css/flexslider.css" rel="stylesheet"> <link href="css/magnific-popup.css" rel="stylesheet"> <link href="css/slick.css" rel="stylesheet"> <link href="css/slick-theme.css" rel="stylesheet">  <link href="css/animate.min.css" rel="stylesheet">  <link href="css/style.css" rel="stylesheet">           <link href="css/responsive.css" rel="stylesheet"> <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/211f8e9ee9fa517d6b52c3b40/be844944a0be040dffecf7fbf.js");</script> <style> #classification::-moz-placeholder {opacity: 0.3 !important;} #classification:-moz-placeholder {opacity: 0.3 !important;} #classification:-ms-input-placeholder {opacity: 0.3 !important;} #classification::-webkit-input-placeholder {opacity: 0.3 !important;} #classification1::-moz-placeholder {opacity: 0.3 !important;} #classification1:-moz-placeholder {opacity: 0.3 !important;} #classification1:-ms-input-placeholder {opacity: 0.3 !important;} #classification1::-webkit-input-placeholder {opacity: 0.3 !important;} </style> </head> <body>  <div id="loader-wrapper"> <div id="loader"></div> </div>  <div id="page" class="page">  <header id="header" class="header wow fadeIn navbar-fixed-top">  <nav class="navbar">   <div class="container">   <div class="row"> <div class="col-md-6 col-sm-5"> <div class="navbar-header">  <button type="button" id="nav-toggle" class="navbar-toggle text-right" data-toggle="collapse" data-target="#navigation-menu"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar icon-bar1"></span> <span class="icon-bar icon-bar2"></span> <span class="icon-bar icon-bar3"></span> </button>   <a class="navbar-brand logo-white" href="index.php"><img src="images/foodstuff-logo.png" width="100%" height="auto" alt="Foodstuffs Logo" title="Foodstuffs Logo"></a> <a class="navbar-brand logo-black" href="index.php"><img src="images/foodstuff-logo.png" width="100%" height="auto" alt="Foodstuffs Logo" title="Foodstuffs Logo"></a> </div> </div> <div class="col-md-6 col-sm-7"> <div id="navigation-menu" class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li class="nav-link"><a href="about-us.php">Who We Are</a></li> <li class="nav-link"><a href="our-careers.php">Our Careers</a></li>    <li class="nav-link"><a data-toggle="modal" href="#fullScreen_modal" class="header-btn btn-tra hideInXs">Search Jobs ></a></li> <li class="nav-link"><a href="index.php#grad" class="header-btn btn-tra hashscroll hidden viewInXs" onclick="document.getElementById('nav-toggle').click()">Search Jobs ></a></li> <div class="modal fade" id="fullScreen_modal"> <div class="modal-dialog wow zoomIn"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <div class="container"> <h3 class="color_white">Search Jobs</h3> <h1 class="color_white">We are looking for <span class="color_high_yellow" id="count_role1"></span> people to join our support centre & <span class="color_high_yellow" id="count_location1"></span> people to join our stores</h1> <div class="section jobsearch"> <form action=""> <div class="row"> <div class="col-sm-6"> <div class="col-selector"> <div class="jobForm_wrap"> <div action="" class="jobform"> <label for="">I'm looking for a </label> <input type="hidden" id="roleId1" value=""> <input type="text" class="input_line" id="classification1" list="languages" placeholder="Please use full words" > <datalist id="languages"> </datalist> <div class="help-box" id="help-box2"></div> <label for=""> role in</label> </div> </div> </div> </div> <div class="col-md-3 col-sm-4"> <div class="col-selector"> <select class="custom_select" id="location_box"> <option>Select location</option> <option value='all' >All</option> </select> <div class="help-box" id="help-box3"></div> <input type="hidden" id="locationId1" value=""> </div> </div> <div class="col-md-3 col-sm-3"> <div class="col-selector"> <button type="button" class="btn btn-default clearfix job_search_submit search1"><span class="pull-left">Search</span> <i class="fa fa-angle-right pull-right" style="position: relative;top: 5px;"></i></button> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div>     </ul> </div> </div> </div>   </div>  </nav>  </header>   <section id="hero-6" class="bg-scroll hero-section"> <div class="hero-overlay division"> <div class="container"> <div class="row hero-row-140">   <div class="col-sm-12 hero-txt white-color text-center m-top-150"> <h2 style="max-width: 520px; margin: 0 auto;" class="h3-hero-lg m-bottom-50">Ownership</h2> <h2 class="support-banner-header-border"></h2>   </a> </div>  </div>  </div>  <a href="#grad" class="hashscroll o_arrow"><i class="fa fa-angle-down"></i></a> </div>  </section>  <div style="max-width: 100%; margin: 0 auto;" class="row"> <div class="col-md-12 col-md-12-np">  <div style="padding: 0; margin-top: -1px;" class="col-sm-4 animated fadeIn visible" data-animation="fadeIn" data-animation-delay="100">  <div class="hero-video">  <div class="hero-video-btn">  <a class="video-popup" href="https://vimeo.com/265089457">  <div class="video-block-wrapper"> <div class="play-icon"></div> <h3 class="text-center white-color play-header-text">Our Cooperative</h3> <h3 class="play-header-border"></h3> </div>  <img class="img-responsive" src="images/damon-coop.jpg" alt="Foodstuffs Banner" title="Foodstuffs Banner"> </a> </div> </div>  </div>  <div style="padding: 0; margin-top: -1px;" class="col-sm-4 animated fadeIn visible" data-animation="fadeIn" data-animation-delay="100">  <div class="hero-video">  <div class="hero-video-btn">  <a class="video-popup" href="https://vimeo.com/265103664">  <div class="video-block-wrapper"> <div class="play-icon"> </div> <h3 class="text-center white-color play-header-text">Path to Ownership</h3> <h3 class="play-header-border"></h3> </div>  <img class="img-responsive" src="images/clare.jpg" alt="Foodstuffs Careers" title="Foodstuffs Careers"> </a> </div> </div>  </div>  <div style="padding: 0; margin-top: -1px;" class="col-sm-4 animated fadeIn visible" data-animation="fadeIn" data-animation-delay="100">  <div class="hero-video">  <div class="hero-video-btn">  <a class="video-popup" href="https://vimeo.com/265103999">  <div class="video-block-wrapper"> <div class="play-icon"></div> <h3 class="text-center white-color play-header-text">Think Customer</h3> <h3 class="play-header-border"></h3> </div>  <img class="img-responsive" src="images/amanda.jpg" alt="Foodstuffs Careers" title="Foodstuffs Careers"> </a> </div> </div>  </div> </div>  </div> <style type="text/css"> @media (min-width: 768px) and (max-width: 991px) { #myCarousel .carousel-inner .item .item-item:last-child { display: none; } } @media (max-width: 768px) { #mymyCarousel .carousel-inner { height: 320px; } } .carousel-inner { overflow-y: hidden; } .carousel-inner .active.left { left: -25%; } .carousel-inner .next { left: 25%; } .carousel-inner .prev { left: -25%; } .carousel-control { width: 4%; } .carousel-control.left, .carousel-control.right { margin-left: 15px; background-image: none; } .carousel-inner .item-item { padding: 0!important; } .mfp-bg{height:100%!important;bottom:0;} .mfp-wrap{height:100vh!important;overflow-y:hidden!important;top:0!important;position:fixed!important;width:100%!important;} .mfp-container{height:100vh!important;} #video-popup-overlay{bottom:0;} </style>  <div id="grad"> <section id="features-2" class="wide-40 job-role-padding-t-b features-section division"> <div class="container">  <div class="row">  <div class="col-md-12">  <h4 style="max-width: 800px; margin: 0 auto;" class="text-left text-center white-color txt-thin p-owner"><p>Searching, selecting and developing future owners is one of the most important things we do, and we take it very seriously. There are two paths to ownership, straight into a Four Square or our Supermarket Trainee Operator Programme (TOP).</p> <p>If you are looking to change careers or own your own business already, and have capital to invest, then a Four Square could be a good option for you. In these businesses you鈥檒l experience what it鈥檚 like to be a retailer, the grocery trade, and the leadership skills and commercial acumen that are essential to run a successful store.</p> <p>Register your interest below.</p> </h4>  <div class="col-md-12 text-center p-top-40 p-bottom-40"> <a style="color: #000;" href="https://jobs.lever.co/foodstuffs/2616fc74-685c-488e-abbd-247abe61b0e1" target="_blank" class="btn btn-small">Register</a> </div> <h4 style="max-width: 800px; margin: 0 auto;" class="text-left text-center white-color txt-thin p-owner"> <p>To become a supermarket owner, you will need to find a suitable role in store to learn about the industry, this role could then provide you with the path to our Trainee Operator Programme. It requires dedication and commitment to learning about the grocery trade, alongside an owner operator who will support and mentor you through to our ownership assessment centres. You need to complete our Trainee Operator programme before you are eligible to purchase a New World or PAK鈥檔SAVE.</p> <p>To hear from some of our Owner Operators check out the videos above.</p> </h4> </div> </div>  </div> </section>  </div>   <div style="max-width: 100%; margin: 0 auto;" class="row"> <div class="col-md-12 col-md-12-np">  <div style="padding: 0; margin-top: -1px;" class="col-sm-6 animated" data-animation="fadeIn" data-animation-delay="100">  <div class="hero-video">  <div class="hero-video-btn">  <div class="video-block-wrapper"> <h3 class="text-center white-color support-header-text"><a href="https://foodstuffs.careers/support-centre.php">Support centre & <span style="display: block;">supply chain roles</span></a></h3> <h3 class="support-header-border"></h3> </div>  <img style="width: 100%;" class="img-responsive" src="images/support-centre-and-supply-chain-roles.jpg" alt="support-centre-and-supply-chain-roles" title="support-centre-and-supply-chain-roles"> </div> </div>  </div>  <div style="padding: 0; margin-top: -1px;" class="col-sm-6 animated" data-animation="fadeIn" data-animation-delay="100">  <div class="hero-video">  <div class="hero-video-btn">  <div class="video-block-wrapper"> <h3 class="text-center white-color store-header-text"><a href="https://foodstuffs.careers/store-roles.php">Store roles</a></h3> <h3 class="store-header-border"></h3> </div>  <img style="width: 100%;" class="img-responsive" src="images/store-roles.jpg" alt="store-roles" title="store-roles"> </div> </div>  </div> </div> </div>  </div> </div>  </div>  </section>    <div style="max-width: 100%; margin: 0 auto;" class="row"> <div class="col-md-12 col-md-12-np">  <div style="padding: 0; margin-top: -1px;" class="col-sm-6 animated" data-animation="fadeIn" data-animation-delay="100">  <div class="hero-video">  <div class="hero-video-btn">   <div class="video-block-wrapper"> <h3 class="text-center white-color ownership-header-text"><a href="https://foodstuffs.careers/ownership.php">Ownership</a></h3> <h3 class="ownership-header-border"></h3> </div>  <img style="width: 100%;" class="img-responsive" src="images/ownership.jpg" alt="ownership" title="ownership"> </div> </div>  </div>  <div style="padding: 0; margin-top: -1px;" class="col-sm-6 animated" data-animation="fadeIn" data-animation-delay="100">  <div class="hero-video">  <div class="hero-video-btn">   <div class="video-block-wrapper"> <h3 class="text-center white-color lwye-header-text"><a href="https://foodstuffs.careers/lwye.php">Learn while you earn</a></h3> <h3 class="lwye-header-border"></h3> </div>  <img style="width: 100%;" class="img-responsive" src="images/lwye.jpg" alt="lwye.jpg" title="lwye"> </div> </div>  </div> </div> </div>  </div> </div>  </div>  </section>  <div style="max-width: 100%; margin: 0 auto;" class="row"> <div class="col-md-12 col-md-12-np"> <div class="dark-green-divider"></div> </div> </div>   <div style="max-width: 100%; margin: 0 auto;" class="row"> <div class="col-md-12 col-md-12-np">  <div style="padding: 0; margin-top: -1px;" class="col-sm-4 animated" data-animation="fadeIn" data-animation-delay="100">  <div class="hero-video">  <div class="hero-video-btn">  <a class="video-popup" href="https://vimeo.com/261183437">  <div class="video-block-wrapper"> <div class="play-icon"></div> <h3 class="text-center white-color play-header-text">Love</h3> <h3 class="play-header-border"></h3> </div>  <img class="img-responsive" src="images/love-image.jpg" alt="Foodstuffs Careers" title="Foodstuffs Careers"> </a> </div> </div>  </div>  <div style="padding: 0; margin-top: -1px;" class="col-sm-4 animated" data-animation="fadeIn" data-animation-delay="100">  <div class="hero-video">  <div class="hero-video-btn">  <a class="video-popup" href="https://vimeo.com/261182983">  <div class="video-block-wrapper"> <div class="play-icon"> </div> <h3 class="text-center white-color play-header-text">Know</h3> <h3 class="play-header-border"></h3> </div>  <img class="img-responsive" src="images/know-image.jpg" alt="Foodstuffs Careers" title="Foodstuffs Careers"> </a> </div> </div>  </div>  <div style="padding: 0; margin-top: -1px;" class="col-sm-4 animated" data-animation="fadeIn" data-animation-delay="100">  <div class="hero-video">  <div class="hero-video-btn">  <a class="video-popup" href="https://vimeo.com/261184023">  <div class="video-block-wrapper"> <div class="play-icon"></div> <h3 class="text-center white-color play-header-text">Share</h3> <h3 class="play-header-border"></h3> </div>  <img class="img-responsive" src="images/share-image.jpg" alt="Foodstuffs Careers" title="Foodstuffs Careers"> </a> </div> </div>  </div> </div>  </div> </div>  </div>  </section>   <div style="max-width: 100%; margin: 0 auto;" class="row"> <div class="col-md-12 col-md-12-np"> <section id="content-1" class="content-section division"> <div class="container-fliud"> <div class="row nogutter"> <div style="max-height: 250px;" class="col-md-12"> <div class="content-row nogutter">  <div class="col-sm-4 col-lg-4">  <h3 class="turquoise-color txt-medium p-left-30 our-brand">Our Brands</h3> </div>  <div class="col-md-1 empty-div"></div>  <div style="z-index: 0" class="col-sm-8 col-lg-8 border-l"> <style type="text/css"> @media (min-width: 768px) and (max-width: 991px) { #myCarousel .carousel-inner .item .item-item:last-child { display: none; } } @media (max-width: 768px) { #mymyCarousel .carousel-inner { height: 320px; } } .carousel-inner { overflow-y: hidden; } .carousel-inner .active.left { left: -25%; } .carousel-inner .next { left: 25%; } .carousel-inner .prev { left: -25%; } .carousel-control { width: 4%; } .carousel-control.left, .carousel-control.right { margin-left: 15px; background-image: none; } .carousel-inner .item-item { padding: 0!important; } .mfp-wrap{height:100% !important; overflow-y:hidden !important; top:0 !important;position:fixed !important; width:100% !important; margin: 0 !important;} .mfp-container{height:100% !important; margin: 0 !important; overflow: hidden !important;} #video-popup-overlay{bottom:0;} </style> <style> @media only screen and (max-width: 2500px){ .mfp-close.fa{ left: 25px !important; } } @media only screen and (max-width: 1700px){ .mfp-close.fa{ left: 25px !important; } } @media only screen and (max-width: 1790px){ .mfp-close.fa{ left: 130px !important; } } @media only screen and (max-width: 1820px){ .mfp-close.fa{ left: 25px !important; } } @media only screen and (max-width: 1870px){ .mfp-close.fa{ left: 180px !important; } } @media only screen and (max-width: 1900px){ .mfp-close.fa{ left: 25px !important; } } </style> <style> .mfp-iframe-scaler iframe { max-height: 100vh!important; } iframe.mfp-iframe { max-height: 100vh; } @media only screen and (max-width: 2500px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } .mfp-close.fa { left: calc(50% - 280px) !important; top: calc(50% - 195px) !important; } } @media only screen and (max-width: 1700px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } .mfp-close.fa { left: calc(50% - 280px) !important; top: calc(50% - 165px) !important; } } @media only screen and (max-width: 1790px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } .mfp-close.fa { left: calc(50% - 280px) !important; top: calc(50% - 165px) !important; } } @media only screen and (max-width: 1820px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } } @media only screen and (max-width: 1870px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } .mfp-close.fa { left: calc(50% - 280px) !important; top: calc(50% - 165px) !important; } } @media only screen and (max-width: 1900px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } .mfp-close.fa { left: calc(50% - 280px) !important; top: calc(50% - 165px) !important; } } @media only screen and (max-width: 980px){ .mfp-iframe-holder .mfp-close { top: 20px !important; } .mfp-close.fa { left: 50px !important; top: 20px !important; } .mfp-iframe-holder .mfp-content { height: auto; } .mfp-iframe-scaler iframe { max-width: 100%!important; } } @media only screen and (max-width: 735px){ .mfp-iframe-holder .mfp-close { top: 20px !important; } } @media only screen and (max-width: 415px){ .mfp-iframe-holder .mfp-close { top: 20px !important; } } @media only screen and (max-width: 375px){ .mfp-iframe-holder .mfp-close { top: 20px !important; left: 25px !important; } .mfp-iframe-holder .mfp-close { top: 0px; left: 25px !important; } } @media only screen and (max-width: 536px){ #video-popup-close { top: 20px!important; } } @media only screen and (max-width: 479px){ #video-popup-close { top: 20px!important; } } .mfp-iframe-scaler iframe { max-height: 100vh!important; } iframe.mfp-iframe { max-height: 100vh; } #video-popup-iframe { max-height: 100vh !important; min-height: 100px !important; } .mfp-iframe-scaler iframe{max-width:600px;} </style>  <div class="row"> <div class="col-md-12"> <div class="client_holder client_holder_landscape parent child">  <div class="owl-carousel owl-theme" id="owl-demo"> <div class="item"><img src="images/clients/foodstuffs-ni.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/foodstuffs-nz.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/fresh-collective-logo.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/gilmours-logo.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/liqour-logo.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/4-square-logo.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/new-world-logo.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/pak-and-stuff-logo.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/pams-finest.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/pams-logo.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> <div class="item"><img src="images/clients/value-logo.png" alt="Foodstuffs Careers" title="Foodstuffs Careers"></div> </div> </div> </section>   <div class="row bg-darker bg-darker-footer"> <div style="max-width: 100%; margin: 0 auto;" class="col-md-12"> <footer id="footer-4" class="footer division"> <div class="container"> <div class="row"> <div class="col-md-12 white-color p-top-20 p-bottom-20">  <div class="col-md-6 foo-links white-color">  <ul class="footer-links clearfix p-top-5"> <li><span class="p-xsmall fw-medium">Copyright © Foodstuffs North Island 2017</span></li> </ul> </div>  <div class="col-md-2 foo-links white-color">  <ul class="footer-links clearfix p-top-5"> <li><a href="https://foodstuffs.careers/privacy-and-terms.php" class="p-xsmall fw-medium">Privacy & Terms</a></li> </ul> </div>  <div class="col-md-4 foo-links text-right white-color">  <ul class="clearfix txt-medium footer-p-right"> <li><p class="p-medium">Go to <a style="color: #00bdbe;" href="https://www.foodstuffs.co.nz/" class="fw-bold" target="_blank"><span>Foodstuffs NZ</span></a></p></li> </ul> </div> </div> </div> </div> </footer>  </div> </div> </div>   <script src="js/jquery-2.2.4.min.js" type="text/javascript"></script> <script src="js/bootstrap.min.js" type="text/javascript"></script> <script> var base_url = window.location.origin; function list_id(data) { var value = $("#"+data).text(); $('.btn.dropdown-location').text(value); $('#locationId').val(data); $('.btn.dropdown-location').attr("id", data); $('.dropdown-location').val(value); $(".location-margin .dropdown-toggle").wrapInner('<span class="location_wrapper"></span>'); } </script> <script> function drop_id(Id) { var value = $("#"+Id).text(); $('.select-styled').text(value); $('#locationId1').val(Id); } </script> <script> $(function(){ $('#classification').change(function(){ var id = $("#languagess option[value='" + $('#classification').val() + "']").attr('id'); $('#roleId').val(id); }); }); </script> <script> $(function(){ $('#classification1').change(function(){ var id = $("#languages option[value='" + $('#classification1').val() + "']").attr('id'); $('#roleId1').val(id); }); }); </script> <script> $(document).ready(function() { var keys = ' '; $.ajax({ type: "POST", url: base_url+"/php/sample.php", data: { 'key':keys }, dataType: "text", success: function(msg){ if(msg != false) { var det = JSON.parse(msg); var support = det.support; var store = det.store; $('#count_location').append(+store); $('#count_location1').append(+store); $('#count_role').append(+support); $('#count_role1').append(+support); }else { $('#count_role').append(0); $('#count_role1').append(0); } } }); }); /* $(document).ready(function() { var keys = ' '; $.ajax({ type: "POST", url: "https://hueyhutch.com/foodstuff_jan18/sites/php/sample.php", data: { 'key':keys }, dataType: "text", success: function(msg){ if(msg != false) { var det = JSON.parse(msg); var roles = det.length; $('#count_role').append(+roles); $('#count_role1').append(+roles); for(i = 0; i < det.length; i++) { var posting = det[i]; var charName = posting.title; $('#languagess').append('<option value="'+charName+'"></option>'); $('#languages').append('<option value="'+charName+'"></option>'); } }else { $('#languagess').append('<option value="Unavailable"></option>'); $('#languages').append('<option value="Unavailable"></option>'); } } }); });*/ </script> <script> $(document).ready(function(){ var Id ="test"; $.ajax({ type: "POST", url: base_url+"/php/sample.php", data: { 'data_type' : Id, }, dataType: "text", success: function(msg){ if(msg != false) { var data = JSON.parse(msg); var support = data.length; $('.select-options').html('<li class="list-item" onclick="return drop_id(this.id )" id=all>All</li>'); for(i = 0; i < data.length; i++) { var posting = data[i] ; var locationId = posting.Id; var locationName = posting.Name; $('#locations').append('<a class="dropdown-item" onclick=" return list_id(this.id )" href="javascript:void(0);" id='+locationId+'>'+locationName+'</a>'); $('#location_box').append('<option value='+locationId+'>'+locationName+'</option>'); $('.select-options').append('<li class="list-item" onclick="return drop_id(this.id )" id='+locationId+'>'+locationName+'</li>'); } }else { $('#locations').append( '<option value="" >Select location</option>' ); } } }); }); </script> <script> $('.dropdown-location').click(function(){ $('#help-box1').hide(); }); </script> <script> $('.select').click(function(){ $('#help-box3').hide(); }); </script> <script> var explode = function(){ $('#help-box').text('Please enter job role.'); }; var implode = function(){ $('#help-box1').text('Please select location.'); }; $(".search").click(function() { //var clasification = $('#languagess option:selected').val(); var clasification = $('#classification').val(); var Location = $('#locationId').val(); var Locationtext = $('.dropdown-location').val(); if(clasification.trim() === "" ) { $('#help-box').text('Please enter job role.').show(); setTimeout(function(){ $('#help-box').hide() }, 3000); }else if(Location === "" || Locationtext === "" ) { $('#help-box1').text('Please select location.').show(); setTimeout(function(){ $('#help-box1').hide() }, 3000); }else { setTimeout(function(){ $('#help-box1').hide() }, 3000); if(Locationtext === "Taranaki & Wanganui") { Locationtext = "Taranaki Wanganui"; } if(Locationtext === "Nelson City & Marlborough") { Locationtext = "Nelson City Marlborough"; } if(Locationtext === "Mid & South Canterbury") { Locationtext = "Mid South Canterbury"; } document.location.href= base_url+"/search-jobs.php?classification="+clasification+"&location="+Location+"&locatext="+Locationtext; } }); </script> <script> $(".search1").click(function() { //var clasification = $('#languagess option:selected').val(); var clasification = $('#classification1').val(); var Location = $('#locationId1').val(); var Locationtext = $(".select-styled").text(); if(clasification.trim() === "") { $('#help-box2').text('Please enter job role.').show(); setTimeout(function(){ $('#help-box2').hide() }, 3000); }else if(Location === "") { $('#help-box3').text('Please select location.').show(); setTimeout(function(){ $('#help-box3').hide() }, 2000); }else { if(Locationtext === "Taranaki & Wanganui") { Locationtext = "Taranaki Wanganui"; } if(Locationtext === "Nelson City & Marlborough") { Locationtext = "Nelson City Marlborough"; } if(Locationtext === "Mid & South Canterbury") { Locationtext = "Mid South Canterbury"; } document.location.href = base_url+"/search-jobs.php?classification="+clasification+"&location="+Location+"&locatext="+Locationtext; } }); </script> <script> $(".close").on("click", function () { $('#classification1').val(''); $('#roleId1').val(''); $('#locationId1').val(''); var title = "select location"; $('.select-styled').text(title); $('#help-box2').hide(); $('#help-box3').hide(); }); </script> <link rel="stylesheet" type="text/css" href="css/breakpoints.css"> <script src="js/modernizr.custom.js" type="text/javascript"></script> <script src="js/jquery.easing.js" type="text/javascript"></script>  <script src="js/jquery.stellar.min.js" type="text/javascript"></script> <script src="js/jquery.scrollto.js" type="text/javascript"></script> <script src="js/jquery.appear.js" type="text/javascript"></script> <script src="js/jquery.vide.min.js" type="text/javascript"></script> <script src="js/owl.carousel.min.js" type="text/javascript"></script> <script src="js/slick.min.js" type="text/javascript"></script> <script src="js/jquery.magnific-popup.min.js" type="text/javascript"></script> <script src="js/jquery.flexslider.js" type="text/javascript"></script> <script src="js/jquery.ajaxchimp.min.js" type="text/javascript"></script> <script src="js/faqs-form.js" type="text/javascript"></script> <script src="js/contact-form.js" type="text/javascript"></script> <script src="js/jquery.validate.min.js" type="text/javascript"></script> <script src="js/pag.js" type="text/javascript"></script> <script src="https://player.vimeo.com/api/player.js"></script> <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/froogaloop.js"></script> <script src="https://a.vimeocdn.com/js/froogaloop2.min.js"></script>  <script src="js/custom.js" type="text/javascript"></script>      <style> .select-options { overflow-y: scroll; max-height: 250px; } .dropdown-item { border: 1px solid !important; } .dropdown-menu{ padding:0 !important; } .loader { position: absolute; left: 0px; top: 0px; width: 100%; height: 120%; z-index: 9999; background: url('images/loader1.gif') 50% 50% no-repeat rgb(249,249,249); background-color: transparent; } #help-box{ color: #ffe960; position: absolute; right: 0; left: 39px; top:35px; } #help-box1{ color: #ffe960; position: absolute; right: 0px; left: 1px; top: 45px; display: inline-block; } #help-box2{ color: #ffe960; position: absolute; right: 0; left: 74px; top: 42px; } #help-box3{ color: #ffe960; position: absolute; right: 0px; left: 1px; top: 53px; display: inline-block; } #fullScreen_modal .jobform .input_line,#features-2 .input_line{background:no-repeat ;} #hero-6 .hero-overlay { border-bottom: none; } </style> <style> .mfp-iframe-scaler iframe { max-height: 100vh!important; } iframe.mfp-iframe { max-height: 100vh; } @media only screen and (max-width: 2500px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } .mfp-close.fa { left: calc(50% - 280px) !important; top: calc(50% - 195px) !important; } } @media only screen and (max-width: 1700px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } .mfp-close.fa { left: calc(50% - 280px) !important; top: calc(50% - 165px) !important; } } @media only screen and (max-width: 1790px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } .mfp-close.fa { left: calc(50% - 280px) !important; top: calc(50% - 165px) !important; } } @media only screen and (max-width: 1820px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } } @media only screen and (max-width: 1870px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } .mfp-close.fa { left: calc(50% - 280px) !important; top: calc(50% - 165px) !important; } } @media only screen and (max-width: 1900px){ #video-popup-close { left: 25px !important; } .mfp-close.fa{ left: 25px !important; } .mfp-close.fa { left: calc(50% - 280px) !important; top: calc(50% - 165px) !important; } } @media only screen and (max-width: 980px){ .mfp-iframe-holder .mfp-close { top: 20px !important; } .mfp-close.fa { left: 50px !important; top: 20px !important; } .mfp-iframe-holder .mfp-content { height: auto; } .mfp-iframe-scaler iframe { max-width: 100%!important; } } @media only screen and (max-width: 735px){ .mfp-iframe-holder .mfp-close { top: 20px !important; } } @media only screen and (max-width: 415px){ .mfp-iframe-holder .mfp-close { top: 20px !important; } } @media only screen and (max-width: 375px){ .mfp-iframe-holder .mfp-close { top: 20px !important; left: 25px !important; } .mfp-iframe-holder .mfp-close { top: 0px; left: 25px !important; } } @media only screen and (max-width: 536px){ #video-popup-close { top: 20px!important; } } @media only screen and (max-width: 479px){ #video-popup-close { top: 20px!important; } } .mfp-iframe-scaler iframe { max-height: 100vh!important; } iframe.mfp-iframe { max-height: 100vh; } #video-popup-iframe { max-height: 100vh !important; min-height: 100px !important; } .mfp-iframe-scaler iframe{max-width:600px;} </style> </body> </html>

CINXE.COM

Become Owner Operator | Foodstuffs Careers North Island