Skip to main content
FORT WORTH
817-546-0790
GRANBURY
817-910-2057
Follow us on facebbok opens in a new window
Follow us on instagram opens in a new window
Your closest location is
SHREVEPORT, LA
792 miles from
43085
Click to call the closest location
318-636-3010
Brands
About
Gallery
Click for locations
Locations
#sitecontact
Schedule a Design Consultation
Click to Login
Login
View My Wishlist
0
View Menu
Search
Search product number or search words
click to navigate to home
Bathroom
View All Bathroom Fixtures
Fan
Bathroom Faucets
Widespread Faucets
Centerset Faucets
Wall Mounted Faucets
Vessel Faucets
Bathroom Sinks
Pedestal Sinks
Drop In Sinks
Shower Heads
Showers
Bathroom Vanities
Shower Doors
Toilets
Bidets
Bathtubs
Whirlpool Tubs
Bathroom Lighting
Bathroom Accessories
Wall Mirrors
Towel Accessories
Medicine Cabinets
Cabinet Knobs & Door Hardware
Bathroom Fans
Kitchen
All Kitchen Products
Kitchen Faucets
Bar Sink Faucets
Kitchen Accessories
Drop In Sinks
Kitchen Lighting
Kitchen Pot Fillers
Kitchen Sinks
Faucets
View All Faucets
View All Bathroom Sink Faucets
Centerset Bathroom Sink Faucets
Mini Widespread Bath Sink Faucets
Pillar Bathroom Sink Faucets
Single Hole Bathroom Sink Faucets
Vessel Bathroom Sink Faucets
Wall Mounted Bathroom Sink Faucets
Widespread Bathroom Sink Faucets
View All Kitchen Sink Faucets
Bar Faucets
Bridge Kitchen Sink Faucets
Deck Mount Kitchen Sink Faucets
Pot Filler Faucets
Single Hole Kitchen Sink Faucets
Wall Mount Kitchen Sink Faucets
Water Dispensers
Bidet Faucets
Commercial Faucets
Drinking Fountains
Laundry/Utility Sink Faucets
Shower Only Faucets with Head
Tub Fillers
Tub & Shower Faucets
Tub Spouts
Faucet Parts
Sinks
View All Sinks
View All Bathroom Sinks
Drop In Bathroom Sinks
Pedestal Bathroom Sinks
Undermount Bathroom Sinks
Vanity Top Bathroom Sinks
Vessel Bathroom Sinks
Wall Mount Bathroom Sinks
View All Kitchen Sink Faucets
View All Kitchen Sinks
Bar Sinks
Drop In Kitchen Sinks
Farmhouse Kitchen Sinks
Undermount Kitchen Sinks
Laundry / Utility Sinks
Commercial Sinks
Garbage Disposals
Sink Parts
Showers / Toilets
View All Showers
Shower Heads
Tub & Shower Faucets
Shower Only Faucets
Shower Arms
Shower Heads
Tub & Shower Faucets
Shower Only Faucets
Shower Arms
View All Toilets
One Piece Toilets
Two Piece Toilets
Toilet Seats
Urinals
Bidets
Toilet Parts
Bathtubs
View All Tubs
Soaking Tubs
Air Tubs
Whirlpool Tubs
Tub & Shower Faucets
Bathtub Parts
Vanity
View All Vanities
Consoles
Floor Mount
Vanity Tops
Wall Mount
Lighting
View All Lighting
Indoor Lighting
Wall Lighting
Parts
Glass
Parts
View All Parts
Bathtub Parts
Faucet Parts
Parts
Glass
Shower Parts
Sink Parts
Toilet Parts
Door Hardware
Garbage Disposals
Hardware
Home Decor
Water Heaters
click to view wishlist
(
0
)
Where to find us.
Shopping for bathroom and kitchen fixtures, choose National Wholesale Supply in SAN ANTONIO, TX
<h2 class="h4 d-none d-lg-block">SAN ANTONIO</h2> <ul class="fa-ul locations"> <li class="mb-2 lead" itemprop="telephone"><span class="fa-li fal fa-phone locations-i" aria-hidden="true"></span>210-366-2225</li> <li class="mb-2 lead" itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> <span class="fa-li fal fa-map-marker-alt locations-i" aria-hidden="true"> </span> <span itemprop="streetAddress">3115 NW LOOP 410<br />SAN ANTONIO, TX 78230<br></span> </li> <li class="mb-2 lead"> <span class="fa-li fal fa-location" aria-hidden="true"></span> <span class="font-weight-bold">940 miles</span> from your location!<br> <a itemprop="URL" href="http://maps.google.com/maps?daddr=National%20Wholesale%20Supply%2C3115%20NW%20LOOP%20410%2CSAN%20ANTONIO%2C%20TX%2078230" target="_blank" style="text-decoration:underline;">click for driving directions</a> </li> <li class="mb-2 lead"> <span class="fa-li fal fa-at" aria-hidden="true"></span> <a itemprop="email" href="mailto:g.christilles@nationalwholsale.biz" data-toggle="tooltip" title="Send an Email to g.christilles@nationalwholsale.biz"><span class="font-weight-bold">Email Us</span></a> </li> </ul> <p></p> <li class="mb-2 lead" itemprop="openingHours"> <span class="fa-li fal fa-clock" aria-hidden="true"></span> <span class="font-weight-bold">Showroom Hours:</span><br> <table class="table-responsive"> <tr><td>Monday:</td><td> 8:00 AM - 5:00 PM CST</td></tr> <tr><td>Tuesday:</td><td> 8:00 AM - 5:00 PM CST</td></tr> <tr><td>Wednesday:</td><td> 8:00 AM - 5:00 PM CST</td></tr> <tr><td>Thursday:</td><td> 8:00 AM - 5:00 PM CST</td></tr> <tr><td>Friday:</td><td> 8:00 AM - 5:00 PM CST</td></tr> <tr><td>Saturday:</td><td> Closed</td></tr> <tr><td>Sunday:</td><td> Closed</td></tr> </table> </li> <h3 class="h4 mt-3 d-none d-lg-block">Plumbing Kitchen Bath Showroom In SAN ANTONIO, TX</h3> <p class="d-none d-lg-block"> With friendly, knowledgeable product experts, and the latest selection of plumbing products for the kitchen and bath, National Wholesale Supply helps make your dream home a reality around SAN ANTONIO. At National Wholesale Supply, you'll find a large selection of quality brands for the kitchen and bath and dedicated showroom specialists to help coordinate your projects. When you visit National Wholesale Supply, you'll find incredible quality; from sinks, faucets, bath tubs, shower systems, and toilets, to lighting fixtures, cabinets and many more home decor and design products. Let one of our expert product specialists guide you to products that fit the scope of your job and budget. When you need help finding the right kitchen and bath products, National Wholesale Supply is the place to shop in and around SAN ANTONIO, TX. </p> <a class="btn btn-primary mt-3 mr-auto" href="#sitecontact">Schedule a Design Consultation</a> </div> </div> <div class="bg-light"> <div class="container py-4"> <h2>A Sampling of Our Brands.</h2> <p class="bullet"> <a href="/Fanimation-v1.htm">Fanimation in SAN ANTONIO, TX</a> <a href="/Currey-and-company-v1.htm">Currey And Company in SAN ANTONIO, TX</a> <a href="/Golden-lighting-v1.htm">Golden Lighting in SAN ANTONIO, TX</a> <a href="/Hinkley-lighting-v1.htm">Hinkley Lighting in SAN ANTONIO, TX</a> <a href="/Progress-lighting-v1.htm">Progress Lighting in SAN ANTONIO, TX</a> <a href="/Elk-lighting-v1.htm">Elk Lighting in SAN ANTONIO, TX</a> <a href="/Hansgrohe-v1.htm">Hansgrohe in SAN ANTONIO, TX</a> <a href="/Moen-v1.htm">Moen in SAN ANTONIO, TX</a> <a href="/American-standard-v1.htm">American Standard in SAN ANTONIO, TX</a> <a href="/Grohe-v1.htm">Grohe in SAN ANTONIO, TX</a> </p> <h2 class="mt-3 d-none d-xl-block">Convenient to the following locations.</h2> <p class="bullet d-none d-xl-block"> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Adkins-TX-v6.HTML">Adkins, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Atascosa-TX-v6.HTML">Atascosa, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Bergheim-TX-v6.HTML">Bergheim, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Boerne-TX-v6.HTML">Boerne, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Bulverde-TX-v6.HTML">Bulverde, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Castroville-TX-v6.HTML">Castroville, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Cibolo-TX-v6.HTML">Cibolo, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Converse-TX-v6.HTML">Converse, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Elmendorf-TX-v6.HTML">Elmendorf, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Helotes-TX-v6.HTML">Helotes, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-La-Coste-TX-v6.HTML">La Coste, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Lakehills-TX-v6.HTML">Lakehills, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Macdona-TX-v6.HTML">Macdona, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Marion-TX-v6.HTML">Marion, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Rio-Medina-TX-v6.HTML">Rio Medina, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Saint-Hedwig-TX-v6.HTML">Saint Hedwig, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-San-Antonio-TX-v6.HTML">San Antonio, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Schertz-TX-v6.HTML">Schertz, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Somerset-TX-v6.HTML">Somerset, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Spring-Branch-TX-v6.HTML">Spring Branch, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Universal-City-TX-v6.HTML">Universal City, TX</a> <a href="/Plumbing-Kitchen-Bath-Showroom-In-Von-Ormy-TX-v6.HTML">Von Ormy, TX</a> </p> </div> </div> </section> <div class="m-3"> </div> </main> <footer class="bg-light"> <script type="text/javascript"> function validateContactForm(){ var myReturn = false; checked = $("input[type=checkbox]:checked").length; if(!checked) { document.getElementById('checkboxMessage').style.display='block'; myReturn = false; } else { document.getElementById('checkboxMessage').style.display='none'; myReturn = true; } if(document.getElementById('EMMailCheck').value != document.getElementById('verification').value){ document.getElementById('verificationMessage').style.display='block'; myReturn = false; } else { document.getElementById('verificationMessage').style.display='none'; myReturn = true; } return myReturn; } </script> <div class="container d-print-none py-4"> <div class="row d-flex justify-content-center"> <div class="col-12 col-lg-6" id="sitecontact"> <h3 class="h4 font-weight-bold">Schedule a Design Consultation</h3> <p class="mb-2">Use the form below to schedule an appointment or submit a question or comment.</p> <form id="contactForm" class="needs-validation" name="contactForm" method="post" action="/Contact.HTML" novalidate> <input type="hidden" name="sendEmail" value="1" /> <input type="hidden" name="subject" value="Question from website" /> <input type="hidden" name="returnTo" value="/ThankYou.HTML" /> <input type="hidden" id="verification" name="verification" value="219767" /> <div class="form-row"> <div class="col"> <label for="name" class="sr-only">Full Name</label> <input class="form-control mb-2" id="name" name="name" type="text" placeholder="Full Name" required /> </div> </div> <div class="form-row"> <div class="col"> <label for="email" class="sr-only">Email Address</label> <input class="form-control mb-2" id="email" name="email" type="email" placeholder="Email Address" required /> </div> <div class="col"> <label for="phone" class="sr-only">Phone</label> <input class="form-control mb-2" id="phone" name="phone" type="text" placeholder="Phone" /> </div> </div> <div class=""> <label for="message" class="sr-only">What can we help you with?</label> <textarea class="form-control" rows="5" name="message" id="message" placeholder="What can we help you with?" required></textarea> </div> <div class="form-inline d-flex pt-2"> <label for="EMMailCheck" class="p-1">Verification: </label> <input name="EMMailCheck" id="EMMailCheck" type="text" class="form-control flex-grow-1 p-1" placeholder="Enter the 6 digits from image" required onKeyUp="validateContactForm()" /> <p class="p-1"> <img src="/CFFileServlet/_cf_captcha/_captcha_img-3712621975731193398.png" alt="" height="36" width="157" /> </p> </div> <div id="verificationMessage" class="text-danger" style=" display:none;">Must match the 6 digits from image</div> <input type="submit" value="Submit" class="btn btn-primary mt-2" /> </form> <script> (function() { 'use strict'; window.addEventListener('load', function() { // Fetch all the forms we want to apply custom Bootstrap validation styles to var forms = document.getElementsByClassName('needs-validation'); // Loop over them and prevent submission var validation = Array.prototype.filter.call(forms, function(form) { form.addEventListener('submit', function(event) { if (form.checkValidity() === false || validateContactForm() === false) { event.preventDefault(); // event.stopPropagation(); } validateContactForm(); form.classList.add('was-validated'); }, false); }); }, false); })(); </script> </div> </div> </div> </footer> <div class="container-fluid d-print-none p-2 lower-footer"> <ul class="list-inline"> <li class="list-inline-item"> © 2024 National Wholesale Supply. </li> <li class="list-inline-item"> Site Powered By <a target="_blank" href="https://unilogcorp.com/showroom/">Unilog CX1 Showroom</a>. </li> <li class="list-inline-item"> <a href="/pages/privacy">Privacy</a> </li> <li class="list-inline-item"> <a href="/pages/accessibility-statement">Accessibility Statement</a> </li> <li class="list-inline-item"> <a href="/pages/product-descriptions">Product Descriptions</a> </li> <li class="list-inline-item"> <a class="d-print-none" href="/login.HTML">Login</a> </li> </ul> </div> <div class="btn-back-to-top bg0-hov d-print-none" id="myBtn"> <span class="symbol-btn-back-to-top"> <span class="fa fa-angle-double-up"></span> <span class="sr-only">Navigate to top of page</span> </span> </div> <div id="dropDownSelect1"></div> <div id="dropDownSelect2"></div> <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script src="/productImages/assets/js/B41/animsition.min.js"></script> <script src="/productImages/assets/js/B41/slick-custom.js"></script> <script src="/productImages/assets/js/B41/main.js"></script> <script src="/productImages/assets/js/jquery.bootstrap-responsive-tabs.js"></script> <script src="/productImages/assets/js/offcanvas.js"></script> <script src="/productImages/assets/js/B41/MegaNavbarBS4.js"></script> <script>$('.responsive-tabs').responsiveTabs({accordionOn: ['xs']});</script> <script src="/productImages/assets/js/B41/bootstrap-multiselect.js"></script> <script src="/productImages/assets/js/B41/pagetop.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.1/js/bootstrapValidator.min.js"></script> <script> let anchorlinks = document.querySelectorAll('a[href^="#"]'); for (let item of anchorlinks) { // relitere item.addEventListener('click', (e)=> { let hashval = item.getAttribute('href'); let target = document.querySelector(hashval); target.scrollIntoView({ behavior: 'smooth' }); history.pushState(null, null, hashval); e.preventDefault(); }) } </script> <script> $(document).ready(function () { $('#sidebarCollapse').on('click', function () { $('#sidebar').toggleClass('active'); }); }); </script> <script> $(document).ready(function () { $('#sidebarCollapse2').on('click', function () { $('#sidebar').toggleClass('active'); }); $(function (){$('[data-toggle="popover"]').popover()} ); }); </script> <script src="https://cdn.jsdelivr.net/sharer.js/latest/sharer.min.js"></script> <script> document.addEventListener("DOMContentLoaded", function(event) { // Uses sharer.js // https://ellisonleao.github.io/sharer.js/#twitter var url = window.location.href; var title = document.title; var subject = "Read this good article"; var via = "bootstrapC"; console.log( url ); console.log( title ); //whatsapp $('#share-wa').attr('data-url', url).attr('data-title', title).attr('data-sharer', 'whatsapp'); //facebook $('#share-fb').attr('data-url', url).attr('data-sharer', 'facebook'); //twitter $('#share-tw').attr('data-url', url).attr('data-title', title).attr('data-via', via).attr('data-sharer', 'twitter'); //linkedin $('#share-li').attr('data-url', url).attr('data-sharer', 'linkedin'); // google plus $('#share-gp').attr('data-url', url).attr('data-title', title).attr('data-sharer', 'googleplus'); // email $('#share-em').attr('data-url', url).attr('data-title', title).attr('data-subject', subject).attr('data-sharer', 'email'); //Prevent basic click behavior $( ".sharer button" ).click(function() {event.preventDefault();}); // only show whatsapp on mobile devices var isMobile = false; //initiate as false // device detection if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) { isMobile = true; } if ( isMobile == true ) { $("#share-wa").hide(); } }); </script> <script>$('[data-toggle="tooltip"]').tooltip();</script> <script src="/productImages/assets/js/jquery.spinner.min.js"></script> <script> $(function(){$('#customize-spinner').spinner('changed',function(e, newVal, oldVal){ $('#old-val').text(oldVal); $('#new-val').text(newVal);});}) </script> <script> (function($) { var $target = $('#header'); var $main = $('main'); var mainMarginTop = $main.css('marginTop'); var offset = $target.offset().top; var targetHeight = $target.height(); $(window).scroll(function() { // if (!$target.hasClass('fixed-onscroll')) { // return false; // } if ($(window).scrollTop() >= offset) { $target.addClass('fixed-top'); $main.css({'margin-top': targetHeight}); } else { $target.removeClass('fixed-top'); $main.css({'margin-top': mainMarginTop}); } }); })(jQuery); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); // create Tracker Information ga('create', 'UA-32816889-1', 'auto'); ga('create', 'UA-52346547-19', 'auto', 'siteTracker'); // for custom dimensions edit lines below // ga('set', {'dimension5': 'custom dimension data','metric5': 'custom metric data'}); //ga('siteTracker.set', 'dimension3', 'custom dimension 3 Data'); // send Tracker Information ga('send', 'pageview'); ga('siteTracker.send', 'pageview'); </script> <script src="/productImages/assets/js/B41/wishlist.js"></script> <script> $('.block2-btn-addwishlist').on('click', function(e){ e.preventDefault(); $(this).addClass('block2-btn-towishlist'); $(this).removeClass('block2-btn-addwishlist'); $(this).off('click'); }); </script> <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script> <script src="/productImages/assets/js/B41/jquery.exzoom.js"></script> <script> $('.container').imagesLoaded( function() { $("#exzoom").exzoom({ autoPlay: false, }); $("#exzoom").removeClass('hidden') }); </script> <script> $(document).ready(function () { var itemsMainDiv = ('.MultiCarousel'); var itemsDiv = ('.MultiCarousel-inner'); var itemWidth = ""; $('.leftLst, .rightLst').click(function () { var condition = $(this).hasClass("leftLst"); if (condition) click(0, this); else click(1, this) }); ResCarouselSize(); $(window).resize(function () { ResCarouselSize(); }); //this function define the size of the items function ResCarouselSize() { var incno = 0; var dataItems = ("data-items"); var itemClass = ('.item'); var id = 0; var btnParentSb = ''; var itemsSplit = ''; var sampwidth = $(itemsMainDiv).width(); var bodyWidth = $('body').width(); $(itemsDiv).each(function () { id = id + 1; var itemNumbers = $(this).find(itemClass).length; btnParentSb = $(this).parent().attr(dataItems); itemsSplit = btnParentSb.split(','); $(this).parent().attr("id", "MultiCarousel" + id); if (bodyWidth >= 1200) { incno = itemsSplit[3]; itemWidth = sampwidth / incno; } else if (bodyWidth >= 992) { incno = itemsSplit[2]; itemWidth = sampwidth / incno; } else if (bodyWidth >= 768) { incno = itemsSplit[1]; itemWidth = sampwidth / incno; } else { incno = itemsSplit[0]; itemWidth = sampwidth / incno; } $(this).css({ 'transform': 'translateX(0px)', 'width': itemWidth * itemNumbers }); $(this).find(itemClass).each(function () { $(this).outerWidth(itemWidth); }); $(".leftLst").addClass("over"); $(".rightLst").removeClass("over"); }); } //ResCarousel is invoked every 5 seconds // var autoScroll = setInterval(function(){ResCarousel(0,'MultiCarousel',1)},5000); //this function used to move the items function ResCarousel(e, el, s) { var leftBtn = ('.leftLst'); var rightBtn = ('.rightLst'); var translateXval = ''; var divStyle = $(el + ' ' + itemsDiv).css('transform'); var values = divStyle.match(/-?[\d\.]+/g); var xds = Math.abs(values[4]); if (e == 0) { translateXval = parseInt(xds) - parseInt(itemWidth * s); $(el + ' ' + rightBtn).removeClass("over"); if (translateXval <= itemWidth / 2) { translateXval = 0; $(el + ' ' + leftBtn).addClass("over"); } } else if (e == 1) { var itemsCondition = $(el).find(itemsDiv).width() - $(el).width(); translateXval = parseInt(xds) + parseInt(itemWidth * s); $(el + ' ' + leftBtn).removeClass("over"); if (translateXval >= itemsCondition - itemWidth / 2) { translateXval = itemsCondition; $(el + ' ' + rightBtn).addClass("over"); } } $(el + ' ' + itemsDiv).css('transform', 'translateX(' + -translateXval + 'px)'); } //It is used to get some elements from btn function click(ell, ee) { var Parent = "#" + $(ee).parent().attr("id"); var slide = $(Parent).attr("data-slide"); ResCarousel(ell, Parent, slide); } }); </script> <script> $('.btn-number').click(function(e){ e.preventDefault(); fieldName = $(this).attr('data-field'); type = $(this).attr('data-type'); var input = $("input[name='"+fieldName+"']"); var currentVal = parseInt(input.val()); if (!isNaN(currentVal)) { if(type == 'minus') { if(currentVal > input.attr('min')) { input.val(currentVal - 1).change(); } if(parseInt(input.val()) == input.attr('min')) { $(this).attr('disabled', true); } } else if(type == 'plus') { if(currentVal < input.attr('max')) { input.val(currentVal + 1).change(); } if(parseInt(input.val()) == input.attr('max')) { $(this).attr('disabled', true); } } } else { input.val(0); } }); $('.input-number').focusin(function(){ $(this).data('oldValue', $(this).val()); }); $('.input-number').change(function() { minValue = parseInt($(this).attr('min')); maxValue = parseInt($(this).attr('max')); valueCurrent = parseInt($(this).val()); name = $(this).attr('name'); if(valueCurrent >= minValue) { $(".btn-number[data-type='minus'][data-field='"+name+"']").removeAttr('disabled') } else { alert('Sorry, the minimum value was reached'); $(this).val($(this).data('oldValue')); } if(valueCurrent <= maxValue) { $(".btn-number[data-type='plus'][data-field='"+name+"']").removeAttr('disabled') } else { alert('Sorry, the maximum value was reached'); $(this).val($(this).data('oldValue')); } }); $(".input-number").keydown(function (e) { // Allow: backspace, delete, tab, escape, enter and . if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 || // Allow: Ctrl+A (e.keyCode == 65 && e.ctrlKey === true) || // Allow: home, end, left, right (e.keyCode >= 35 && e.keyCode <= 39)) { // let it happen, don't do anything return; } // Ensure that it is a number and stop the keypress if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) { e.preventDefault(); } }); </script> <div class="modal fade" id="myModal" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered modal-lg"> <div class="modal-content"> </div> </div> </div> <div class="modal fade" id="myModalMd" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered modal-md"> <div class="modal-content"> </div> </div> </div> <div class="modal fade" id="myModalSm" tabindex="-1" role="dialog"> <div class="modal-dialog modal-dialog-centered modal-sm"> <div class="modal-content"> </div> </div> </div> <script> $('body').on('click', '[data-toggle="modal"]', function(){ $($(this).data("target")+' .modal-content').load($(this).attr("href")); }); </script> <script> $('body').on('hidden.bs.modal', '.modal', function () { $(this).removeData('bs.modal'); document.location.reload(); }); </script> </body> </html>
