<iframe></noscript> <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='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-NN3V97');</script> <!-- End Google Tag Manager --> <nav class="navbar navbar-inverse" id="top-nav"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#account_nav" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div id="account_nav" class="navbar-collapse collapse" aria-expanded="false"> <p class="navbar-text navbar-right account-info"> <a href="/login" class="navbar-link"> <span class="glyphicon glyphicon-user" aria-hidden="true"></span> Login/My Account</a> <a href="/cart" class="navbar-link"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> View Cart</a> </p> </div> <!--/.navbar-collapse --> </div> </nav> <header id="siteHeader"> <div class="container"> <div class="row"> <div class="col-md-7"><a href="/"> <!--<img src="https://static.moorebrothers.com/static/images/moore-brothers_logo.png" class="img-responsive" alt="Moore Brothers Wine Company"/>--> <h1 class="text-hide site-logo">Moore Brothers Wine Company</h1></a></div> <div class="col-md-5"> <p class="text-right"> <strong>My Store:</strong> New Jersey (<a class="fb-modal" href="#change-store-modal">change store</a>) <a id="store-phone" href="tel:+1-888-686-6673"> 888-686-6673</a> </p> <form action="/search/" method="get" class="navbar-form align-right hidden-xs" role="search"> <div class="form-group"> <input name="q" type="text" class="form-control" placeholder="Search"> </div> <button type="submit" class="btn btn-default">Submit</button> </form> </div> </div> </div> </header> <nav class="navbar navbar-default"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mainNavigation"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> <span class="navbar-brand visible-xs">Navigation</span> </div> <div class="collapse navbar-collapse" role="navigation" id="mainNavigation"> <ul class="nav navbar-nav"> <li ><a href="/">Home<span class="sr-only">(current)</span></a> </li> <li ><a href="/about">About Us</a></li> <li ><a href="/events">Store Events</a></li> <li ><a href="/specials">Special Offers</a></li> <li > <a href="/inventory">Browse Wines</a> </li> <li ><a href="/blog">Blog</a></li> <li ><a href="/support">Support</a></li> </ul> </div> </div> </nav> <div class="container"> <ol class="breadcrumb"> <li><a href="/">Home</a></li> <li><a href="/inventory/">Browse Wines</a></li> <li class="active">Syrah</li> </ol> <a name="top"></a> <div class="well well-sm" id="filter-form-well"> <h4>Filter Options</h4> <form role="form" id="filter-form"> <div class="row wine-item"> <div class="col-sm-3"> <div class="form-group"> <label>Name</label> <input type="text" class="form-control" placeholder="Wine name" ng-model="invCtrl.form.wine_name"> </div> </div> <div class="col-sm-2"> <div class="form-group"> <label class="control-label" for="color">Color</label><br/> <select class="form-control" id="color" name="color" ng-model="invCtrl.form.wine_color_name"><option value="">All</option><option value="RED">RED</option></select> </div> </div> <div class="col-sm-3"> <div class="form-group"> <label class="control-label" for="grape">Grape</label><br/> <select class="form-control" id="grape" name="grape" ng-model="invCtrl.form.wine_grape_name"><option value="">All</option><option value="Syrah">Syrah</option></select> </div> </div> <div class="col-sm-4"> <div class="form-group"> <label class="control-label" for="producer">Producer</label><br/> <select class="form-control" id="producer" name="producer" ng-model="invCtrl.form.wine_producer_name"><option value="">All</option><option value="Ojai Vineyard">Ojai Vineyard</option><option value="Stolpman Vineyards">Stolpman Vineyards</option></select> </div> </div> </div> <div class="row"> <div class="col-sm-3"> <div class="form-group"> <label class="control-label" for="appellation">Appellation</label><br/> <select class="form-control" id="appellation" name="appellation" ng-model="invCtrl.form.wine_appellation_name"><option value="">All</option><option value="Ballard Canyon">Ballard Canyon</option><option value="Santa Barbara County">Santa Barbara County</option></select> </div> </div> <div class="col-sm-2"> <div class="form-group"> <label class="control-label" for="region">Region</label><br/> <select class="form-control" id="region" name="region" ng-model="invCtrl.form.wine_region_name"><option value="">All</option><option value="California">California</option></select> </div> </div> <div class="col-sm-2"> <div class="form-group"> <label class="control-label" for="country">Country</label><br/> <select class="form-control" id="country" name="country" ng-model="invCtrl.form.wine_country_name"><option value="">All</option><option value="USA">USA</option></select> </div> </div> <div class="col-sm-5"> <label>Price Range ({[invCtrl.priceRanges.minValue|currency]} - {[invCtrl.priceRanges.maxValue|currency]})</label> <div> <rzslider rz-slider-model="invCtrl.priceRanges.minValue" rz-slider-high="invCtrl.priceRanges.maxValue" rz-slider-options="invCtrl.priceRanges.options"></rzslider> </div> </div> </div> </form> <a class="btn btn-link" ng-click="invCtrl.form.clearForm()">Clear Filters</a> </div> <div ng-hide="invCtrl.loading" class="page"> <div ng-controller="CartController as cartCtrl"> <div dir-paginate="item in filteredItems = (invCtrl.items | filter:invCtrl.form:strict | rangeFilter:invCtrl.priceRanges) | filter:q | itemsPerPage: 10"> <div class="row"> <div class="col-xs-12 col-sm-4 col-md-3 wine-image"> <a href="{[item.inventory_url]}"> <img src="{[item.wine_image_url]}" alt="" class="img-responsive"> </a> </div> <div class="col-xs-12 col-sm-8 col-md-7 wine-description"> <h3><a href="{[item.inventory_url]}">{[item.name]}</a></h3> <p ng-show="item.wine_exists"> <a href="{[item.country_url]}">{[ item.wine_appellation_country_name ]}</a> - <a href="{[item.producer_url]}">{[item.wine_producer_name]}</a> - <a href="{[item.grape_url]}">{[item.wine_grape_name]}</a> </p> <p>{[item.wine_description|limitTo:150]}</p> <p><a href="{[item.inventory_url]}">Learn More ></a></p> <div class="visible-xs visible-sm"> <h4 ng-show="item.on_sale">{[item.formatted_final_price]}</h4> <h4 ng-show="item.suggested_price != item.price">{[item.formatted_price]}</h4> <p ng-show="item.suggested_price != item.price"> <em>Regularly <span class="text-danger">{[item.formatted_suggested_price]}</span></em> </p> <h4 ng-hide="item.on_sale || item.suggested_price != item.price"> {[item.formatted_suggested_price]}</h4> <button type="submit" class="btn btn-info" ng-click="cartCtrl.addItem(item)">Add to Cart </button> </div> </div> <div class="hidden-xs hidden-sm col-md-2 wine-buy"> <h4 ng-show="item.on_sale">{[item.formatted_final_price]}</h4> <h4 ng-hide="item.suggested_price == item.price">{[item.formatted_price]}</h4> <p ng-hide="item.suggested_price == item.price"> <em>Regularly <span class="text-danger">{[item.formatted_suggested_price]}</span> </em></p> <h4 ng-hide="item.on_sale || item.suggested_price != item.price">{[item.formatted_suggested_price]}</h4> <button type="submit" class="btn btn-info" ng-click="cartCtrl.addItem(item)">Add to Cart </button> </div> </div> <div ng-if="!$last"> <hr> </div> </div> <p ng-show="!filteredItems.length" class="lead text-center">No results found. <a ng-click="invCtrl.form.clearForm()" href="">Start over?</a></p> <div id="fixed-alert" ng-show="cartCtrl.msg" ng-class="cartCtrl.itemAdded ? 'alert alert-success' : 'alert alert-danger'" role="alert"> <div class="container-fluid"> <div class="col-xs-8"> <h4 ng-show="cartCtrl.itemAdded">SUCCESS!</h4> <h4 ng-show="!cartCtrl.itemAdded">FAILED!</h4> <span>{[cartCtrl.msg]}</span> </div> <div class="col-xs-4"> <p> <strong>Items in cart:</strong> {[cartCtrl.qty]} | <strong>Subtotal:</strong> {[cartCtrl.subtotal|currency]} </p> <p> <a href="/cart" class="btn btn-default">View Cart</a> <a href="/checkout/" class="btn btn-info">Checkout</a> </p> </div> </div> </div> </div> </div> <dir-pagination-controls template-url="https://static.moorebrothers.com/static/js/angularutils/directives/pagination/dirPagination.tpl.html"></dir-pagination-controls> </div> <div ng-show="invCtrl.loading" class="text-center"> <p> <img src="https://static.moorebrothers.com/static/images/loading.gif"><br> Loading inventory... Please wait </p> </div> <div ng-hide="invCtrl.total || invCtrl.loading"> <h4>Thank you for your interest. Buying directly from small, artisan winegrowers sometimes means we're "out-of-stock" of any particular wine. If something you're looking for doesn't show up in your search, <a href="mailto:info@moorebrothers.com">please email us</a>, and we'll do our best to let you know when the wine returns.</h4> </div> <script type="text/javascript"> (function (){ jQuery("#country option:contains('Email Offer')").remove() }); </script> </div> <!-- Container --> <footer id="footer"> <div class="container"> <div class="row"> <div class="col-md-8" id="seoText"> <p>Shopping at Moore Brothers Wine Company is a unique experience. We work directly with artisan winegrowers; individuals and families who produce beautiful wines, naturally. We present their wines in pristine, temperature-controlled condition which guarantees their quality, and do so in an entertaining, family-friendly environment. Welcome to Moore Brothers!</p> </div> <div class="col-md-4" id="footerLogo"> <h3>Moore Brothers Wine Company</h3> <ul class="socialLinks"> <li class="facebook"><a href="https://www.facebook.com/moorebrotherswine">Facebook</a></li> <li class="twitter"><a href="https://twitter.com/moorebroswine">Twitter</a></li> <li class="googleplus"><a href="https://plus.google.com/108383630891408239472/about">Google+</a></li> <li class="youtube"><a href="https://www.youtube.com/MooreBrothersWine">YouTube</a></li> </ul> </div> </div> <div class="row"> <div class="col-md-12" id="footerLinks"> <div class="pull-left"> <ul> <li><a href="/about/">About Us</a></li> <li><a href="/privacy-policy/">Privacy Policy</a></li> <li><a href="/terms-and-conditions/">Terms & Conditions</a></li> <li><a href="/shipping/">Shipping</a></li> </ul> </div> <div class="pull-right" id="copyright"> <p>© 2018 Moore Brothers Wine Company. All Rights Reserved.</p> </div> </div> </div> </div> </footer> <div id="change-store-modal" style="display:none"> <div style="text-align: center"> <img src="https://static.moorebrothers.com/static/images/logo_retina.png" style="height: 45px;"/> </div> <br> <p> If you’re already a Moore Brothers customer, please choose your store below. If you’ve never been to Moore Brothers Wine Company, please choose the store below which best suits your interests. Thank you for visiting! </p> <form method="get" id="change-store-form"> <table id="store-list"> <tr> <td> <input type="radio" name="url" value="/store/change/1" checked="checked" id="store1-radio-button"> </td> <td> <label for="store1-radio-button"> <strong>Shop in our New Jersey store</strong> <em>(just across the river from Philadelphia) for in-store pickup, or shipping within the State of New Jersey.</em> </label> </td> </tr> <tr> <td> <input type="radio" name="url" value="/store/change/3" id="store3-radio-button"> </td> <td> <label for="store3-radio-button"> <strong>Shop in our Wilmington, Delaware store</strong> <em>for in-store pickup only.</em> </label> </td> </tr> <tr> <td> <input type="radio" name="url" value="/store/change/2" id="store2-radio-button"> </td> <td> <label for="store2-radio-button"> <strong>Shop in our New York City store</strong> <em> - our New York store has just opened in Industry City, a vibrant community of innovative companies in Brooklyn. We offer both in-store pickup or delivery.</em> </label> </td> </tr> </table> <div style="text-align: center"> <input type="submit" value="Submit" class="btn btn-primary btn-large"> </div> </form> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angularjs-slider/7.0.0/rzslider.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/angular-utils-pagination@0.11.1/dirPagination.js"></script> <script src="https://static.moorebrothers.com/static/js/angular.inventory.app.js?ver=20190620"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.7/js/jquery.fancybox.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function () { jQuery(".fb-modal").fancybox({ maxWidth: 550, maxHeight: 600, fitToView: true, modal: true, closeBtn: false, autoSize: true, closeClick: false, openEffect: 'none', closeEffect: 'none' }); jQuery('#change-store-form').submit(function (event) { document.location = jQuery('#change-store-form input[name=url]:checked').val(); event.preventDefault(); }); }); </script> <script type="text/javascript"> jQuery(document).ready(function () { jQuery.fancybox.open([ { href: '#change-store-modal', maxWidth: 550, maxHeight: 600, fitToView: true, modal: true, closeBtn: false, autoSize: true, closeClick: false, openEffect: 'none', closeEffect: 'none' } ]); }); </script> </body> </html>