CINXE.COM
Add a product
<!-- start templates/web/common/site_layout.tt.html --> <!doctype html> <html class="no-js" lang="en" data-serverdomain="openfoodfacts.org" dir="ltr"> <head> <meta charset="utf-8"> <title>Add a product</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta property="fb:app_id" content="219331381518041"> <meta property="og:type" content="food"> <meta property="og:title" content=""> <meta property="og:url" content="https://world.openfoodfacts.org"> <meta property="og:image" content="https://static.openfoodfacts.org/images/logos/off-logo-vertical-white-social-media-preview.png"> <meta property="og:description" content=""> <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/off/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/off/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/off/favicon-16x16.png"> <link rel="manifest" href="/images/favicon/off/site.webmanifest"> <link rel="mask-icon" href="/images/favicon/off/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="/images/favicon/off/favicon.ico"> <meta name="msapplication-TileColor" content="#00aba9"> <meta name="msapplication-config" content="/images/favicon/off/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <meta name="apple-itunes-app" content="app-id=588797948"> <link rel="canonical" href="https://world.openfoodfacts.org"> <link rel="stylesheet" href="https://static.openfoodfacts.org/css/dist/app-ltr.css?v=1733407151" data-base-layout="true"> <link rel="stylesheet" href="https://static.openfoodfacts.org/css/dist/jqueryui/themes/base/jquery-ui.css" data-base-layout="true"> <link rel="stylesheet" href="https://static.openfoodfacts.org/css/dist/select2.min.css"> <link rel="search" href="https://world.openfoodfacts.org/cgi/opensearch.pl" type="application/opensearchdescription+xml" title="Open Food Facts"> <style media="all"> .show-when-no-access-to-producers-platform {display:none} .show-when-logged-in {display:none} </style> </head> <body class="other_page"> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(["setDocumentTitle", document.domain + "/" + document.title]); _paq.push(["setCookieDomain", "*.openfoodfacts.org"]); _paq.push(["setDomains", ["*.openfoodfacts.org"]]); _paq.push(["setDoNotTrack", true]); _paq.push(["disableCookies"]); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//analytics.openfoodfacts.org/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '5']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <noscript><p><img src="//analytics.openfoodfacts.org/matomo.php?idsite=5&rec=1" style="border:0;" alt="" /></p></noscript> <!-- End Matomo Code --> <div class="skip"><a href="#content" tabindex="0">Skip to Content</a></div> <div id="page"> <div class="upper-nav contain-to-grid" id="upNav"> <nav class="top-bar " data-topbar role="navigation"> <section class="top-bar-section"> <!-- Left Nav Section --> <ul class="left"> <li class="has-dropdown"> <a id="menu_link"> <span class="material-icons"> menu </span> </a> <ul class="dropdown"> <li><a href="/discover">Discover</a></li> <li><a href="/contribute">Contribute</a></li> <li class="divider"></li> <li><label>Add products</label></li> <!-- For reference: get_the_app_link_off" = /open-food-facts-mobile-app" --> <li><a href="/open-food-facts-mobile-app?utm_source=off&utf_medium=web&utm_campaign=pro_platform_install_the_app_to_add_products_en">Install the app to add products</a></li> <li><a href="/cgi/product.pl?type=search_or_add&action=display">Add a product</a></li> <li class="divider"></li> <li><label>Search and analyze products</label></li> <li> <a href="/cgi/search.pl">Advanced search</a> </li> <li> <a href="/cgi/search.pl?graph=1">Graphs and maps</a> </li> </ul> </li> <li> <ul class="country_language_selection"> <li class="has-form has-dropdown" id="select_country_li"> <select id="select_country" style="width:100%" data-placeholder="Country"> <option></option> </select> </li> <li class="has-dropdown"> <a href="https://world.openfoodfacts.org/">English</a> <ul class="dropdown"> </ul> </li> </ul> </li> </ul> <!-- Right Nav Section --> <ul class="right"> <li class="h-space-tiny has-form"> <a href="/cgi/session.pl" class="round button secondary"> <span class="material-icons material-symbols-button">account_circle</span> Sign in </a> </li> </ul> </section> </nav> </div> <div id="main_container" style="position:relative" class="block_latte"> <div class="topbarsticky"> <div class="contain-to-grid " id="offNav" > <nav class="top-bar" data-topbar role="navigation" > <ul class="title-area"> <li class="name"> <div style="position:relative;max-width:292px;"> <a href="/"> <img id="logo" src="https://static.openfoodfacts.org/images/logos/off-logo-horizontal-light.svg" alt="Open Food Facts" style="margin:8px;height:48px;width:auto;"> </a> </div> </li> </ul> <section class="top-bar-section"> <ul class="left small-4" style="margin-right:2rem;"> <li class="search-li"> <form action="/cgi/search.pl"> <div class="row"><div class="small-12"> <div class="row collapse postfix-round"> <div class="columns"> <input type="text" placeholder="Search for a product" name="search_terms" value="" style="background-color:white"> <input name="search_simple" value="1" type="hidden"> <input name="action" value="process" type="hidden"> </div> <div class="columns"> <button type="submit" title="Search" class="button postfix" style="line-height:normal"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" aria-hidden="true" focusable="false"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/><path d="M0 0h24v24H0z" fill="none"/></svg></button> </div> </div> </div></div> </form> </li> </ul> <ul class="search_and_links"> <li><a href="/discover" class="top-bar-links">Discover</a></li> <li><a href="/contribute" class="top-bar-links">Contribute</a></li> <li class="show-for-xlarge-up"><a href="https://world.pro.openfoodfacts.org/" class="top-bar-links">Producers</a></li> <li class="flex-grid getapp"><a href="/open-food-facts-mobile-app?utm_source=off&utf_medium=web&utm_campaign=search_and_links_promo_en" class="buttonbar button" style="top:0;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" aria-hidden="true" focusable="false"><path d="M16 1H8C6.34 1 5 2.34 5 4v16c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3V4c0-1.66-1.34-3-3-3zm-2 20h-4v-1h4v1zm3.25-3H6.75V4h10.5v14z"/><path d="M0 0h24v24H0z" fill="none"/></svg> <span class="bt-text">Get the app</span></a></li> <!-- For reference: get_the_app_link_off" = /open-food-facts-mobile-app" --> </ul> </section> </nav> </div> </div> <nav class="tab-bar hide"> <div class="left-small"> <a href="#idOfLeftMenu" role="button" aria-controls="idOfLeftMenu" aria-expanded="false" class="left-off-canvas-toggle button postfix anonymous"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" aria-hidden="true" focusable="false"><path d="M3 5v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5c-1.11 0-2 .9-2 2zm12 4c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3zm-9 8c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1H6v-1z"/><path d="M0 0h24v24H0z" fill="none"/></svg> </a> </div> <div class="middle tab-bar-section"> <form action="/cgi/search.pl"> <div class="row collapse"> <div class="small-8 columns"> <input type="text" placeholder="Search for a product" name="search_terms"> <input name="search_simple" value="1" type="hidden"> <input name="action" value="process" type="hidden"> </div> <div class="small-2 columns"> <button type="submit" class="button postfix"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" aria-hidden="true" focusable="false"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/><path d="M0 0h24v24H0z" fill="none"/></svg></button> </div> <div class="small-2 columns"> <a href="/cgi/search.pl" title="Advanced search"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" aria-hidden="true" focusable="false"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" aria-hidden="true" focusable="false"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/><path d="M0 0h24v24H0z" fill="none"/></svg></a> </div> </div> </form> </div> </nav> <div id="content" class="off-canvas-wrap block_latte" data-offcanvas> <div class="inner-wrap"> <a class="exit-off-canvas"></a> <!-- full width banner on mobile --> <div class="main block_light"> <div id="main_column"> <!-- start templates/web/common/includes/donate_banner.tt.html --> <!-- Donation banner @ footer --> <!-- end templates/web/common/includes/donate_banner.tt.html --> <section id="donation-banner-top" class="donation-banner row"> <div class="donation-banner__left-aside"> <div class="donation-banner__hook-section"> <p>Help us inform millions of consumers around the world about what they eat</p> </div> <img src="/images/misc/donation-banners/donation-banner-group-photo.png" alt="group photo donation 2024" /> </div> <div> <div class="donation-banner__aside"> <div class="donation-banner__main-section"> <img width="50" height="50" src="https://world.openfoodfacts.org/images/logos/logo-variants/CMJN-ICON_WHITE_BG_OFF.svg" alt="open food facts logo" /> <h3 class="donation-banner__main-title">Please give to our 2024 Fundraiser</h3> </div> <div style="padding:1rem;"> <p>Your donations fund the day-to-day operations of our non-profit association:</p> <ul> <li> keeping our database open & available to all, <ul> <li>technical infrastructure (website/mobile app) & a small permanent team</li> </ul> </li> <li> <p>remain independent of the food industry,</p> </li> <li> <p>engage a community of committed citizens,</p> </li> <li> <p>support the advancement of public health research.</p> </li> </ul> </div> </div> <div class="donation-banner__actions-section"> <div class="donation-banner__actions-section__financial"> <p> Each donation counts! We appreciate your support in bringing further food transparency in the world. </p> </div> <div class="donation-banner__actions-section__donate-button"> <a href="https://world.openfoodfacts.org/donate-to-open-food-facts?utm_source=off&utf_medium=web&utm_campaign=donate-2024-a&utm_term=en-text-button"> <button>I SUPPORT</button> </a> </div> </div> </div> <div class="donation-banner__close"> <button id="hide-donate-banner" class="material-icons modest" onclick="DonationButton();" onkeypress="DonationButton();">close</button> </div> </section> <script> let d = new Date(); let bannerID = document.getElementById('donation-banner-top'); let getDomain = window.location.origin.split('.'); function setBannerCookie(bcname, bcval, bcexdays) { d.setTime(d.getTime() + (bcexdays*60*60*24*1000)); let expires = 'expires=' + d.toUTCString(); // Apply cookie for every domain contains open...facts let domain = 'domain=.' + getDomain.slice(1).join('.'); document.cookie = bcname + '=' + bcval + ';' + expires + ';' + domain + ';SameSite=None;Secure;path=/'; } function getBannerCookie(bcname) { const name = bcname + '='; const decodedCookies = decodeURIComponent(document.cookie); const cookies = decodedCookies.split(';'); for (const cookie of cookies) { let c = cookie; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ''; } function DonationButton() { setBannerCookie('off_donation_banner_2024_a', 1, 180); bannerID.style.display = 'none'; } if (getBannerCookie('off_donation_banner_2024_a') !== '') { bannerID.style.display = 'none'; } else { bannerID.style.display = 'flex'; } </script> <div class="row"> <div class="small-12 column"> <h1 class="if-empty-dnone">Add a product</h1> <!-- start templates/web/common/includes/display_product_search_or_add.tt.html --> <div id="search_image" style="margin-bottom:2rem;"> <div id="imgsearchdiv_block_side"> <a class="button small expand" id="imgsearchbutton_block_side"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="icon" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="3.2"/><path d="M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"/><path d="M0 0h24v24H0z" fill="none"/></svg> Picture with barcode <input type="file" accept="image/*" class="img_input" name="imgupload_search" id="imgupload_search_block_side" style="position: absolute;right:0;bottom:0;top:0;cursor:pointer;opacity:0;width:100%;height:100%;"/> </a> </div> <div id="progressbar_block_side" class="progress" style="display:none"> <span id="progressmeter_block_side" class="meter" style="width:0%"></span> </div> <div id="imgsearchmsg_block_side" data-alert class="alert-box info" style="display:none"> Sending image <a href="#" class="close">×</a> </div> <div id="imgsearcherror_block_side" data-alert class="alert-box alert" style="display:none"> Upload error <a href="#" class="close">×</a> </div> </div> <form method="post" action="/cgi/product.pl" enctype="multipart/form-data"> <div class="row"> <div class="small-9 columns"> <input type="text" name="code" placeholder="or Barcode"> </div> <div class="small-3 columns"> <input type="submit" value="Add" class="button postfix"> </div> </div> <input type="submit" value="Product without barcode" class="button tiny"> <input type="hidden" name="action" value="process"> <input type="hidden" name="type" value="search_or_add"> </form> <!-- end templates/web/common/includes/display_product_search_or_add.tt.html --> </div> </div> </div> </div> </div> </div> </div> <footer> <div class="block_light bg-white" id="install_the_app_block"> <div class="row"> <div class="small-12 flex-grid v-space-short v-align-center direction-row h-space-tiny"> <div class="cell small-100 medium-100 large-50 flex-grid v-align-center direction-row"> <img class="cell small-50 v-align-center" src="/images/illustrations/app-icon-in-the-clouds.svg" alt="The Open Food Facts logo in the cloud" style="height:120px"> <div class="cell small-50 v-align-center" id="footer_scan" style="display:block"> <div id="footer_install_the_app"> Install the app! </div> Scan your <span id="everyday">everyday</span> <span id="foods">foods</span> </div> </div> <div class="cell small-100 medium-100 large-50 flex-grid v-align-center direction-row"> <!-- msgid "https://apps.apple.com/app/open-beauty-facts/id1122926380" --> <a class="cell small-50 medium-25 large-25 h-space-short v-align-center" href="https://apps.apple.com/app/open-food-facts/id588797948?utm_source=off&utf_medium=web&utm_campaign=install_the_app_ios_footer_en"><img src="/images/misc/appstore/black/appstore_US.svg" alt="Download on the App Store" loading="lazy" class="full-width"></a> <!-- android_app_link - https://play.google.com/store/apps/details?id=org.openbeautyfacts.scanner&hl=en --> <a class="cell small-50 medium-25 large-25 h-space-short v-align-center" href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner&utm_source=off&utf_medium=web&utm_campaign=install_the_app_android_footer_en"><img src="https://static.openfoodfacts.org/images/misc/playstore/img/en_get.svg" alt="Get It On Google Play" loading="lazy" class="full-width"></a> <!-- android_apk_app_link - https://world.openfoodfacts.org/images/apps/off.apk --> <a class="cell small-50 medium-25 large-25 h-space-short v-align-center" href="https://world.openfoodfacts.org/files/off.apk?utm_source=off&utf_medium=web?utm_source=off&utf_medium=web&utm_campaign=install_the_app_apk_footer_en"><img src="https://static.openfoodfacts.org/images/misc/android-apk.svg" alt="Android APK" loading="lazy" class="full-width"></a> </div> </div> </div> </div> <!-- start templates/web/common/includes/donate_banner.tt.html --> <!-- Donation banner @ footer --> <!-- end templates/web/common/includes/donate_banner.tt.html --> <section class="donation-banner-footer row"> <div class="donation-banner-footer__left-aside"> <div class="donation-banner-footer__hook-section"> <p>Help us inform millions of consumers around the world about what they eat</p> </div> <img src="/images/misc/donation-banners/donation-banner-group-photo.png" alt="group photo donation 2024" /> </div> <div> <div> <div class="donation-banner-footer__main-section"> <img width="50" height="50" src="https://world.openfoodfacts.org/images/logos/logo-variants/CMJN-ICON_WHITE_BG_OFF.svg" alt="open food facts logo" /> <h3 class="donation-banner-footer__main-title">Please give to our 2024 Fundraiser</h3> </div> <p>Your donations fund the day-to-day operations of our non-profit association:</p> <ul> <li> keeping our database open & available to all, <ul> <li>technical infrastructure (website/mobile app) & a small permanent team</li> </ul> </li> <li> <p>remain independent of the food industry,</p> </li> <li> <p>engage a community of committed citizens,</p> </li> <li> <p>support the advancement of public health research.</p> </li> </ul> </div> <div class="donation-banner-footer__actions-section"> <div class="donation-banner-footer__actions-section__financial"> <p> Each donation counts! We appreciate your support in bringing further food transparency in the world. </p> </div> <div class="donation-banner-footer__actions-section__donate-button"> <a href="https://world.openfoodfacts.org/donate-to-open-food-facts?utm_source=off&utf_medium=web&utm_campaign=donate-2024-a&utm_term=en-text-button"> <button>I SUPPORT</button> </a> </div> </div> </div> </section> <div class="block_light block_cappucino" id="contribute_and_discover_links_block"> <div class="row"> <div class="small-12 large-6 columns v-space-normal block_off"> <h3 class="title-5 text-medium">Join the community</h3> <p>Discover our <a href="/code-of-conduct">Code of conduct</a></p> <p>Join us on <a href="https://slack.openfoodfacts.org">Slack</a></p> <p><a href="https://forum.openfoodfacts.org/">Forum</a></p> <p id="footer_social_icons">Follow us: <a href="https://twitter.com/OpenFoodFacts"><img src="/images/icons/dist/twitter.svg" class="footer_social_icon" alt="Twitter"></a> <a href="https://www.facebook.com/OpenFoodFacts?utm_source=off&utf_medium=web"><img src="/images/icons/dist/facebook.svg" class="footer_social_icon" alt="Facebook"></a> <a href="https://www.instagram.com/open.food.facts/"><img src="/images/icons/dist/instagram.svg" class="footer_social_icon" alt="Instagram"></a> </p> <p><a href="https://link.openfoodfacts.org/newsletter-en">Subscribe to our newsletter</a></p> </div> <div class="small-12 large-6 columns project v-space-normal"> <h3 class="title-5 text-medium">Discover the project</h3> <ul class="inline-list tags_links v-space-tiny h-space-tiny" > <li><a class="button small white-button radius" href="/who-we-are">Who we are</a></li> <li><a class="button small white-button radius" href="https://world.openfoodfacts.org/open-food-facts-vision-mission-values-and-programs">Vision, Mission, Values and Programs</a></li> <li><a class="button small white-button radius" href="https://support.openfoodfacts.org/help/en-gb">Frequently asked questions</a></li> <li><a class="button small white-button radius" href="https://blog.openfoodfacts.org/en/">Open Food Facts blog</a></li> <li><a class="button small white-button radius" href="/press">Press</a></li> <li><a class="button small white-button radius" href="https://wiki.openfoodfacts.org">Open Food Facts wiki (en)</a></li> <li><a class="button small white-button radius" href="/cgi/top_translators.pl">Translators</a></li> <li><a class="button small white-button radius" href="/partners">Partners</a></li> <li><a class="button small white-button radius" href="https://world.openbeautyfacts.org">Open Beauty Facts - Cosmetics</a></li> <li><a class="button small white-button radius" href="https://world.pro.openfoodfacts.org/">Open Food Facts for Producers</a></li> </ul> </div> </div> </div> <div class="block_off block_dark block_ristreto" id="footer_block"> <div id="footer_block_image_banner_outside"> <div id="footer_block_image_banner_outside2"> <div class="row"> <div class="small-12 text-center v-space-short h-space-large"> <a href="/" style="font-size:1rem;"><img id="logo" src="https://static.openfoodfacts.org/images/logos/off-logo-horizontal-mono-white.svg" alt="Open Food Facts" style="margin:8px;height:48px;width:auto;"></a> <p>A collaborative, free and open database of food products from around the world.</p> <ul class="inline-list text-center text-small"> <li><a href="/legal">Legal</a></li> <li><a href="/privacy">Privacy</a></li> <li><a href="/terms-of-use">Terms of use</a></li> <li><a href="/data">Data, API and SDKs</a></li> <li><a href="https://world.openfoodfacts.org/donate-to-open-food-facts">Donate to Open Food Facts</a></li> <li><a href="https://world.pro.openfoodfacts.org/">Producers</a></li> <li><a href="https://link.openfoodfacts.org/newsletter-en">Subscribe to our newsletter</a></li> </ul> </div> </div> </div> </div> </div> </footer> </div> <script src="https://static.openfoodfacts.org/js/dist/modernizr.js" data-base-layout="true"></script> <script src="https://static.openfoodfacts.org/js/dist/jquery.js" data-base-layout="true"></script> <script src="https://static.openfoodfacts.org/js/dist/jquery-ui.js" data-base-layout="true"></script> <script src="https://static.openfoodfacts.org/js/dist/hc-sticky.js"></script> <script src="https://static.openfoodfacts.org/js/dist/display.js"></script> <script src="https://static.openfoodfacts.org/js/dist/stikelem.js"></script> <script src="https://static.openfoodfacts.org/js/dist/scrollNav.js"></script> <script> $(function() { // start off canvas blocks for small screens $('#imgupload_search_block_side').fileupload({ sequentialUploads: true, dataType: 'json', url: '/cgi/product.pl', formData : [{name: 'jqueryfileupload', value: 1}, {name: 'action', value: 'process'}, {name: 'type', value:'search_or_add'}], resizeMaxWidth : 2000, resizeMaxHeight : 2000, done: function (e, data) { if (data.result.location) { $(location).attr('href',data.result.location); } if (data.result.error) { $("#imgsearcherror_block_side").html(data.result.error); $("#imgsearcherror_block_side").show(); } }, fail : function (e, data) { $("#imgsearcherror_block_side").show(); }, always : function (e, data) { $("#progressbar_block_side").hide(); $("#imgsearchbutton_block_side").show(); $("#imgsearchmsg_block_side").hide(); }, start: function (e, data) { $("#imgsearchbutton_block_side").hide(); $("#imgsearcherror_block_side").hide(); $("#imgsearchmsg_block_side").show(); $("#progressbar_block_side").show(); $("#progressmeter_block_side").css('width', "0%"); }, sent: function (e, data) { if (data.dataType && data.dataType.substr(0, 6) === 'iframe') { // Iframe Transport does not support progress events. // In lack of an indeterminate progress bar, we set // the progress to 100%, showing the full animated bar: $("#progressmeter_block_side").css('width', "100%"); } }, progress: function (e, data) { $("#progressmeter_block_side").css('width', parseInt(data.loaded / data.total * 100, 10) + "%"); $("#imgsearchdebug_block_side").html(data.loaded + ' / ' + data.total); } }); // end off canvas blocks for small screens }); </script> <script src="https://static.openfoodfacts.org/js/dist/foundation.js" data-base-layout="true"></script> <script src="https://static.openfoodfacts.org/js/dist/jquery.cookie.js"></script> <script src="https://static.openfoodfacts.org/js/dist/select2.min.js"></script> <script type="text/javascript" src="/js/dist/jquery.iframe-transport.js"></script> <script type="text/javascript" src="/js/dist/jquery.fileupload.js"></script> <script type="text/javascript" src="/js/dist/load-image.all.min.js"></script> <script type="text/javascript" src="/js/dist/canvas-to-blob.js"></script> <script> $(document).foundation({ equalizer : { equalize_on_stack: true }, accordion: { callback : function (accordion) { $(document).foundation('equalizer', 'reflow'); } } }); </script> <script type="application/ld+json"> { "@context" : "https://schema.org", "@type" : "WebSite", "name" : "Open Food Facts", "url" : "https://world.openfoodfacts.org", "potentialAction": { "@type": "SearchAction", "target": "https://world.openfoodfacts.org/cgi/search.pl?search_terms=?{search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "Organization", "url": "https://world.openfoodfacts.org", "logo": "https://static.openfoodfacts.org/images/logos/off-logo-vertical-light.svg", "name": "Open Food Facts", "sameAs" : ["https://www.facebook.com/OpenFoodFacts?utm_source=off&utf_medium=web", "https://twitter.com/OpenFoodFacts"] } </script> </body> </html> <!-- end templates/web/common/site_layout.tt.html -->