CINXE.COM

Barcode Scanning:: Knowledge Base | Zoho Inventory

<!-- htmlhint tagname-lowercase: true,attr-lowercase:false,doctype-first:false,tag-pair: true,id-unique: true,src-not-empty: true,attr-no-duplication: true,title-require: true --> <!DOCTYPE html> <html lang="en"> <head> <title>Barcode Scanning:: Knowledge Base | Zoho Inventory</title> <meta name="description" content="Yes, Zoho Inventory supports bar code scanning in the web app. You have to key in the bar code of the item in the SKU field of the said item in Zoho Inventory. Learn more."/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="SHORTCUT ICON" href="https://www.zohowebstatic.com/sites/zweb/images/favicon.ico" type="image/x-icon"> <link href="/inventory/styles/common/zoho-puvi.css" rel="stylesheet" type="text/css"> <link href="/inventory/styles/bootstrap.min.css" rel="stylesheet" type="text/css"> <link href="/inventory/help/styles/help.css" rel="stylesheet" type="text/css"> <link rel="alternate" hreflang="x-default" href="https://www.zoho.com/inventory/kb/general-overview/barcode-scanning.html"> <link rel="alternate" hreflang="de-de" href="https://www.zoho.com/de-de/inventory/kb/general-overview/barcode-scanning.html"> <link rel="alternate" hreflang="en-gb" href="https://www.zoho.com/uk/inventory/kb/general-overview/barcode-scanning.html"> <link rel="alternate" hreflang="es-mx" href="https://www.zoho.com/es-mx/inventory/kb/general-overview/barcode-scanning.html"> <link rel="alternate" hreflang="en-us" href="https://www.zoho.com/us/inventory/kb/general-overview/barcode-scanning.html"> <link rel="alternate" hreflang="en-ca" href="https://www.zoho.com/ca/inventory/kb/general-overview/barcode-scanning.html"> <link rel="alternate" hreflang="en-au" href="https://www.zoho.com/au/inventory/kb/general-overview/barcode-scanning.html"> <link rel="alternate" hreflang="en-in" href="https://www.zoho.com/in/inventory/kb/general-overview/barcode-scanning.html"> <link rel="alternate" hreflang="en-sa" href="https://www.zoho.com/sa/inventory/kb/general-overview/barcode-scanning.html"> <link rel="alternate" hreflang="en-ae" href="https://www.zoho.com/ae/inventory/kb/general-overview/barcode-scanning.html"> <link rel="alternate" hreflang="en-bh" href="https://www.zoho.com/bh/inventory/kb/general-overview/barcode-scanning.html"> <link rel="alternate" hreflang="en-za" href="https://www.zoho.com/za/inventory/kb/general-overview/barcode-scanning.html"> <link rel="alternate" hreflang="en-kw" href="https://www.zoho.com/kw/inventory/kb/general-overview/barcode-scanning.html"> <link rel="alternate" hreflang="en-om" href="https://www.zoho.com/om/inventory/kb/general-overview/barcode-scanning.html"> <link rel="alternate" hreflang="en-qa" href="https://www.zoho.com/qa/inventory/kb/general-overview/barcode-scanning.html"> <link rel="alternate" hreflang="en-ke" href="https://www.zoho.com/ke/inventory/kb/general-overview/barcode-scanning.html"> <link rel="canonical" href="https://www.zoho.com/inventory/kb/general-overview/barcode-scanning.html"> <style> h1 { font-size: 24px; } </style> </head> <body> <div class="navbar-header" style="position:fixed;z-index:200;"> <a class="navbar-brand" href="/inventory/" style="padding:15px 58px;position:relative;z-index:200;"> <img alt="Zoho Inventory" src="/inventory/images/inventory-logo-new-faq.svg"/> </a> <div class="edition-box-placing"> <div class="col-md-1 col-xs-2 edition-topx" style="padding-left:0;"> <div class="edition-selection-block"> <div onfocusout="hideSelectList()"> <div class="edition-select-box" onclick="selectListAction()"> <a href="javascript:void(0)"> <div class="edition-image-global"></div> <div class="edition-dropdown"><b class="select-caret"></b></div> </a> </div> <div class="edition-select-list"> <div class="edition-select-list-item" onclick="switchEdition('global')"> <a href="javascript:void(0)"> <div class="edition-image-global"></div> <div class="edition-label">Global</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('au')"> <a href="javascript:void(0)"> <div class="edition-image-australia"></div> <div class="edition-label">Australia</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('bh')"> <a href="javascript:void(0)"> <div class="edition-image-bahrain"></div> <div class="edition-label">Bahrain</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('ca')"> <a href="javascript:void(0)"> <div class="edition-image-canada"></div> <div class="edition-label">Canada</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('de-de')"> <a href="javascript:void(0)"> <div class="edition-image-germany"></div> <div class="edition-label">Germany</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('in')"> <a href="javascript:void(0)"> <div class="edition-image-india"></div> <div class="edition-label">India</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('ke')"> <a href="javascript:void(0)"> <div class="edition-image-ke"></div> <div class="edition-label">Kenya</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('kw')"> <a href="javascript:void(0)"> <div class="edition-image-kw"></div> <div class="edition-label">Kuwait</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('es-mx')"> <a href="javascript:void(0)"> <div class="edition-image-es-mx"></div> <div class="edition-label">Mexico</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('om')"> <a href="javascript:void(0)"> <div class="edition-image-oman"></div> <div class="edition-label">Oman</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('qa')"> <a href="javascript:void(0)"> <div class="edition-image-qa"></div> <div class="edition-label">Qatar</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('sa')"> <a href="javascript:void(0)"> <div class="edition-image-saudi"></div> <div class="edition-label">Saudi Arabia</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('za')"> <a href="javascript:void(0)"> <div class="edition-image-south-africa"></div> <div class="edition-label">South Africa</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('ae')"> <a href="javascript:void(0)"> <div class="edition-image-uae"></div> <div class="edition-label">U.A.E</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('uk')"> <a href="javascript:void(0)"> <div class="edition-image-uk"></div> <div class="edition-label">United Kingdom</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('us')"> <a href="javascript:void(0)"> <div class="edition-image-us"></div> <div class="edition-label">United States</div> </a> </div> </div> </div> </div> </div> </div> </div> <div class="modal-edition-box" id="modal-edition-box" style="display: none;"> <div class="modal-edition-box-backdrp"></div> <div class="modal-edition-box-container" id="modal-edition-box-container"> <div class="modal-edition-box-content"> <h4 id="edition-box-title"></h4> <div class="edition-box-desc" id="edition-box-desc"></div> <div class="edition-box-prim-button" id="edition-box-prim-button"> </div> <div class="edition-box-sec-button" id="edition-box-sec-button"> </div> </div> </div> </div> <div class="searchband no-print" style="top: 0px;background:white;"> <button type="button" class="navbar-toggle collapsed" id="main-menu" style="z-index:10; margin: 0px; background:none;border:none;"> <div class="mobile-home-icon"></div> </button> <button type="button" class="navbar-toggle collapsed sidebar-toggler" style=" margin-top:10px" id="toggler"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="logo-mobile col-xs-4"> <a href="/inventory/"> <img alt="Zoho Inventory" src="/inventory/images/inventory-logo-new-faq.svg"/> </a> <div class="col-md-1 col-xs-2 edition-topx"> <div class="edition-selection-block"> <div onfocusout="hideSelectList()"> <div class="edition-select-box" onclick="selectListAction()"> <a href="javascript:void(0)"> <div class="edition-image-global"></div> <div class="edition-dropdown"><b class="select-caret"></b></div> </a> </div> <div class="edition-select-list"> <div class="edition-select-list-item" onclick="switchEdition('global')"> <a href="javascript:void(0)"> <div class="edition-image-global"></div> <div class="edition-label">Global</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('au')"> <a href="javascript:void(0)"> <div class="edition-image-australia"></div> <div class="edition-label">Australia</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('bh')"> <a href="javascript:void(0)"> <div class="edition-image-bahrain"></div> <div class="edition-label">Bahrain</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('ca')"> <a href="javascript:void(0)"> <div class="edition-image-canada"></div> <div class="edition-label">Canada</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('de-de')"> <a href="javascript:void(0)"> <div class="edition-image-germany"></div> <div class="edition-label">Germany</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('in')"> <a href="javascript:void(0)"> <div class="edition-image-india"></div> <div class="edition-label">India</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('ke')"> <a href="javascript:void(0)"> <div class="edition-image-ke"></div> <div class="edition-label">Kenya</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('kw')"> <a href="javascript:void(0)"> <div class="edition-image-kw"></div> <div class="edition-label">Kuwait</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('es-mx')"> <a href="javascript:void(0)"> <div class="edition-image-es-mx"></div> <div class="edition-label">Mexico</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('om')"> <a href="javascript:void(0)"> <div class="edition-image-oman"></div> <div class="edition-label">Oman</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('qa')"> <a href="javascript:void(0)"> <div class="edition-image-qa"></div> <div class="edition-label">Qatar</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('sa')"> <a href="javascript:void(0)"> <div class="edition-image-saudi"></div> <div class="edition-label">Saudi Arabia</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('za')"> <a href="javascript:void(0)"> <div class="edition-image-south-africa"></div> <div class="edition-label">South Africa</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('ae')"> <a href="javascript:void(0)"> <div class="edition-image-uae"></div> <div class="edition-label">U.A.E</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('uk')"> <a href="javascript:void(0)"> <div class="edition-image-uk"></div> <div class="edition-label">United Kingdom</div> </a> </div> <div class="edition-select-list-item" onclick="switchEdition('us')"> <a href="javascript:void(0)"> <div class="edition-image-us"></div> <div class="edition-label">United States</div> </a> </div> </div> </div> </div> </div> </div> <div class="mobile-version text-right"> <div class="col-lg-11 col-md-10 col-sm-10 search-box" style="z-index:1;"> <form action="/inventory/kb/search/results.html" class="srchbox clearfix"> <input class="src-input no-print" name="search" placeholder="Search Document" type="text" value=""> </form> </div> </div> <div class="navbar-collapse collapse" id="help-main-menu"> <ul class="nav navbar-nav navbar-right nav-list-position"> <li ><a href="/inventory/help/" target="_blank">Help</a></li> <li><a href="/inventory/api/v1/" target="_blank">Developers</a></li> <li><a href="/inventory/support/" target="_blank">Resources</a></li> <li id="help-kb-signup-button"><a class="signin" href="https://accounts.zoho.com/signin?servicename=ZohoInventory&signupurl=https://www.zoho.com/inventory/signup?kb.header" target="_blank">Sign In</a></li> </ul> </div> </div> <div class="mobile-search"> <form action="/inventory/kb/search/results.html" class="srchbox clearfix"> <input class="src-input no-print" name="search" placeholder="Search Document" type="text" value=""> </form> </div> <div class="help-container" id="help-container"> <div class="help-sidebar sidebar-nav"> <div class="sidebar-close"> <span class="icon-close">x</span> CLOSE </div> <ul class="help-main-menu nav nav-pills nav-stacked sidebar"> <li class="active"> <a href="/inventory/kb/general-overview">General Overview</a> </li> <li class=""> <a href="/inventory/kb/settings">Settings</a> </li> <li class=""> <a href="/inventory/kb/templates">Templates</a> </li> <li class=""> <a href="/inventory/kb/advanced-inventory-tracking">Advanced Inventory Tracking</a> </li> <li class=""> <a href="/inventory/kb/import-export">Imports and Exports</a> </li> <li class=""> <a href="/inventory/kb/warehouses">Warehouses</a> </li> <li class=""> <a href="/inventory/kb/contacts">Contacts</a> </li> <li class=""> <a href="/inventory/kb/locations">Locations</a> </li> <li class=""> <a href="/inventory/kb/items">Items</a> </li> <li class=""> <a href="/inventory/kb/marketplace-integration">Marketplace Integrations</a> </li> <li class=""> <a href="/inventory/kb/composite-items">Composite Items</a> </li> <li class=""> <a href="/inventory/kb/taxes">Taxes</a> </li> <li class=""> <a href="/inventory/kb/currencies">Multi Currency</a> </li> <li class=""> <a href="/inventory/kb/price-lists">Price Lists</a> </li> <li class=""> <a href="/inventory/kb/sales-order">Sales Orders</a> </li> <li class=""> <a href="/inventory/kb/drop-shipment">Drop shipments</a> </li> <li class=""> <a href="/inventory/kb/invoice">Invoices and Payments</a> </li> <li class=""> <a href="/inventory/kb/package">Packages and Shipments</a> </li> <li class=""> <a href="/inventory/kb/sales-returns">Sales Returns</a> </li> <li class=""> <a href="/inventory/kb/purchase-order">Purchase Orders</a> </li> <li class=""> <a href="/inventory/kb/bill">Bills</a> </li> <li class=""> <a href="/inventory/kb/integrations">Integrations</a> </li> <li class=""> <a href="/inventory/kb/payment-gateway">Online Payment Gateways</a> </li> <li class=""> <a href="/inventory/kb/reports">Reports</a> </li> <li class=""> <a href="/inventory/kb/expense/">Expense</a> </li> </ul> </div> <div class="help-content" id="content"> <h5 class="no-print" style="text-transform: capitalize;color: #8c8c8c;"><b> <span class="pull-left line-arrow left back-arrow mt-1 mr-0"></span>&nbsp;&nbsp;<a href= "../general-overview">general-overview</a> </b> </h5> <form class="print-form"> <input type="button" class="print-icon" name="print" value="" title="Print this page" alt="Print this page" onclick="javascript:window.print()"> </form> <h1 class="product-logo to-print"><img src="/inventory/images/inventory-icon-default.svg?v=2" translate="no"/>Inventory</h1> <div class="answer" id="answer"> <h1 id="does-zoho-inventory-support-bar-code-scanning-if-yes-how-does-it-work">Does Zoho Inventory support bar code scanning? If yes, how does it work?</h1> <p>Yes, Zoho Inventory supports bar code scanning in the web app. Here is how it works:</p> <div class="embed video-player"> <iframe class="youtube-player" type="text/html" src="//www.youtube-nocookie.com/embed/ayOGGOMUCiA?rel=0" frameborder="0" allowfullscreen></iframe> </div> <h4 id="for-line-items">For Line Items:</h4> <blockquote> <p><strong>Prerequisite:</strong> You have to key in the bar code of the item as the <strong>SKU</strong> of said item in Zoho Inventory manually or using a barcode scanner.</p> </blockquote> <ul> <li>Open a new transaction(like an Invoice or a Bill).</li> <li>Place your cursor on the <strong>Item Details</strong> field.</li> <li>Scan the bar code of the item. You&rsquo;ll see that the line item is automatically added.</li> <li>Follow the above step to scan more items, which will be added consecutively.</li> </ul> <h4 id="for-serial-numbers">For Serial Numbers:</h4> <p>Barcode scanning feature can also be used on serial numbers</p> <ul> <li>In Bills</li> <li>In Invoices</li> </ul> <h5 id="serial-scanning-for-bills">In Bills:</h5> <blockquote> <p><strong>Prerequisite:</strong> You have to enable <em>Track Serial Number</em> feature at the time of item creation.</p> </blockquote> <ul> <li>Open a bill and select the item to be purchased.</li> <li>Click on the <em>Add Serial Number(s)</em> option under the Quantity section of the invoice.</li> <li>A dialogue box pops-up prompting you to enter the serial numbers for the specified quantity.</li> <li>You can either manually feed the serial numbers(comma separated) or scan the serial number of each unit of the item using a barcode scanner.</li> </ul> <h5 id="serial-scanning-for-invoices">In Invoices:</h5> <blockquote> <p><strong>Prerequisite:</strong> You have to key in the serial numbers either at the time of item creation or while creating a bill.</p> </blockquote> <ul> <li>Open an invoice and select an item that is serial number tracked.</li> <li>Once the items have been selected, click on the <em>Select Serial Number(s)</em> option under the Quantity section of the invoice.</li> <li>A dialogue box pops-up prompting you to select the serial numbers for the given quantity of items.</li> <li>You can either manually select the serial numbers or scan the serial number of the item using a barcode scanner.</li> <li>You&rsquo;ll see that the serial number will be automatically added to your transaction.</li> </ul> <p><strong>Note:</strong> Similar to invoices and bills, barcode scanning can be used wherever serial number is applicable.</p> </div> </div> <div id="zom-app-popup" class="popup-banner scroll-hidden no-print"> <div style="position: relative;"> <div id="popup-close" class="popup-close-btn"> <img alt="Zoho Inventory" src="/inventory/help/images/common/close.svg"> </div> <img class="popup-img-style" alt="Zoho Inventory" src="/inventory/images/inventory-logo-new-white.svg"> <p class="popup-text-style">Simplifying inventory and order management</p> <div> <a class="btn zom-btn-filled zom-access" id="banner-signup-button" href="/inventory/signup?utm_source=help&utm_medium=popup" target="_blank" rel="noopener noreferrer"> SIGN UP - IT'S FREE </a> </div> </div> </div> <div id="zom-app-popup-signed" class="popup-banner scroll-hidden no-print signed"> <div style="position: relative;"> <div id="popup-close-signed" class="popup-close-btn"> <img alt="Zoho Inventory" src="/inventory/help/images/common/close.svg"> </div> <img class="support-agent" alt="Zoho Inventory" src="/inventory/help/images/common/support-agent.png"> <img class="popup-img-style" alt="Zoho Inventory" src="/inventory/images/inventory-logo-new-white.svg"> <p class="popup-text-style">Cannot find what you&apos;re looking for&quest;</p> <p class="popup-text-style popup-text-font">We&apos;re just a call away.</p> <div> <a class="btn zom-btn-filled zom-access" href="https://assist.zohobookings.com/#/customer/zohoinventorycall?Source=help_docs" target="_blank" rel="noopener noreferrer" style="font-size: 12px !important; padding: 2px; width: 54%;"> Request a callback </a> </div> </div> </div> </div> <div class="help-footer row" id="footer"> <div class="col-md-3 mobile-img-section"> <img src="/inventory/help/images/getting-started/Inventory-mobile.png" alt="Zoho Inventory - Customer Support" class="footer-mobile pull-right"/> </div> <div class="col-sm-5 col-md-3 mobile-apps-description"> <div class="mobile-apps"> <b>Mobile Apps</b> </div> <p style="line-height:1;margin-top:5px;"> Available in all mobile platforms </p> <div> <a href="https://play.google.com/store/apps/details?id=com.zoho.inventory&referrer=utm_source%3Dzom_helpdoc%26utm_medium%3Dfooter_mobile_banner" rel="nofollow" target="_blank" class="mobile-apps-icon"> <img class="icon mobile-icon" src="/inventory/help/images/getting-started/android.svg"> </a> <a href="https://apps.apple.com/app/apple-store/id1037960494?pt=423641&ct=help_page_footer&mt=8" rel="nofollow" target="_blank" class="mobile-apps-icon"> <img class="icon mobile-icon" src="/inventory/help/images/getting-started/apple.svg"> </a> </div> <span class="font-xs lg-show">漏 2023, Zoho Corporation Pvt. Ltd. All Rights Reserved.</span> </div> <div class="col-sm-7 col-md-6 contact-us-section"> <img class="icon contact-icon" src="/inventory/help/images/getting-started/phone.svg"/> <div class="contact-header"> <b>1800911076</b> </div> <div class="contact-desc">Monday - Friday (9:00 AM to 7:00 PM)</div> <div class="email-section" style="padding-right:0px;margin-top: 20px;"> <img class="icon contact-icon" src="/inventory/help/images/getting-started/mail.svg"/> <div class="contact-header">Email</div> <a class="contact-desc" href="mailto:support@zohoinventory.com">support@zohoinventory.com</a> </div> <div class="forum-section" style="margin-top: 20px;margin-bottom: 20px;"> <div class="contact-header">Join our discussions</div> <span class="contact-desc"> Connect with the Zoho Inventory <a href="https://help.zoho.com/portal/en/community/zoho-inventory" target="_blank" rel="noopener noreferrer">Forum</a> </span> </div> <span class="font-xs lg-hide">漏 2023,Zoho Corporation Pvt. Ltd. All Rights Reserved.</span> </div> </div> <script type="text/javascript" src="/inventory/js/jquery-2.1.0.min.js"></script> <script type="text/javascript" src="/finance/js/finance.js"></script> <script type="text/javascript" src="/inventory/js/index.js"></script> <script type="text/javascript">"use strict";var globalSearchIndex=location.search.indexOf("zgs=1");$(document).ready(function(){-1!==globalSearchIndex&&(document.body.classList.add("global-search"),$("a[href]").attr("target","_blank"))});</script> <script src="/inventory/js/edition.js" type="text/javascript"></script> <script type="text/javascript">"use strict";function getCookieValue(e){return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*"+encodeURIComponent(e).replace(/[\-\.\+\*]/g,"\\$&")+"\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1"))||null}document.onreadystatechange=function(){if("complete"===document.readyState){var e,o=!!(window.zohouser||{}).DISPLAY_NAME;if(!o&&!getCookieValue("hidePopup"))(e=document.getElementById("zom-app-popup")).classList.remove("scroll-hidden"),e.classList.add("scroll-visible");if(o&&!getCookieValue("hidePopup"))(e=document.getElementById("zom-app-popup-signed")).classList.remove("scroll-hidden"),e.classList.add("scroll-visible")}},document.getElementById("popup-close").addEventListener("click",function(){document.getElementById("zom-app-popup").classList.add("scroll-hidden");var e=new Date;e.setDate(e.getDate()+1),cookieCheck()&&(document.cookie=encodeURIComponent("hidePopup")+"=hidden; path=/; expires="+e)}),document.getElementById("popup-close-signed").addEventListener("click",function(e){document.getElementById("zom-app-popup-signed").classList.add("scroll-hidden");var o=new Date;o.setDate(o.getDate()+1),cookieCheck()&&(document.cookie=encodeURIComponent("hidePopup")+"=hidden; path=/; expires="+o)});</script> <script type="text/javascript"> var $helpContainer = $('#help-container'); var $sideBar = $('.sidebar-nav'); var $topband = $('#top-band'); var $searchband = $('.searchband'); var $windowHeight = $(window).height(); var $windowWidth = $(window).width(); var $footer; var $footerBoundingRect; var initialFooterTopPos; var isStickySidebar = true; $(document).ready(function() { $('#content').addClass('show'); $footer = $('#footer'); initialFooterTopPos = $footer.offset().top; }); $(window).scroll(function () { var $scrollTopNavigator = $('#scroll-top-navigator'); var presentScrollTop = $(window).scrollTop(); if( presentScrollTop < lastScrollTop) { $scrollTopNavigator.removeClass('scroll-hidden'); $scrollTopNavigator.addClass('scroll-visible'); $searchband.css({position: 'fixed', top: 0, visibility: 'visible', opacity: '1', transition: 'all 0.2s ease 0.2s'}); checkFooterPos(); } else { $searchband.css({position: 'fixed', visibility: 'hidden', opacity: '0', transition: 'all 0.2s ease 0.2s'}); } if (presentScrollTop == 0) { $scrollTopNavigator.removeClass('scroll-visible'); $scrollTopNavigator.addClass('scroll-hidden'); $searchband.css({position: 'relative', top: 0, visibility: 'visible'}); } lastScrollTop = presentScrollTop; }); $(document).click(toggleSideNav); function checkFooterPos() { if ($footer) { $footerBoundingRect = $footer[0].getBoundingClientRect(); if ($footerBoundingRect.top <= $windowHeight) { if(isStickySidebar && $windowWidth > 768) { $sideBar.css({position: 'fixed', top: 60 - ($windowHeight - $footerBoundingRect.top) + 'px'}); isStickySidebar = false; } else if (!isStickySidebar) { isStickySidebar = true; } } else { if ($windowWidth > 768) { $sideBar.css({top: '60px'}); } else { $sideBar.css({top: '0'}); } } } } function toggleSideNav (event) { var $target = $(event.target); if ($target.closest('#toggler').length) { $helpContainer.toggleClass('open'); } else if ($target.closest('.sidebar-close').length) { $helpContainer.removeClass('open'); } else if ($target.closest('.help-content').length) { $helpContainer.removeClass('open'); } if($target.closest('#main-menu').length) { $('#help-main-menu').toggleClass('in') } } </script> <script type="text/javascript" defer>"use strict";document.addEventListener("DOMContentLoaded",function(){var e=document.querySelector(".nested-menu.open");if(e)e.scrollIntoView({behavior:"smooth"});else{var o=document.querySelector("li.active");o&&o.scrollIntoView({behavior:"smooth"})}});</script> <script type="text/javascript"> var name = "ZInventoryRef"; var pageURL = "ZInventoryPageURL"; createCookie(name,pageURL); function zohoGASignupEvent() { } function zohoFedClickEvent() { } function zcTrackClick() { } </script> <script type="text/javascript">(function(w,s){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://zohotagmanager.cdn.pagesense.io/ztmjs/9e14ca550fb345518206a5a65a40a7a9.js";var x=document.getElementsByTagName("script")[0];x.parentNode.insertBefore(e,x);})(window,"script");</script> </body> </html>

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