CINXE.COM

Results for "viability dyes" | Proteintech Group

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <title> Results for &quot;viability dyes&quot; | Proteintech Group </title> <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="twitter:card" content="summary_large_image"> <meta id="metaDescription" name="description" content="Results" /> <meta property="og:description" content="Results" /> <meta name="keywords" content="Proteintech,PTGLab, Antibody, Antibodies, Polyclonal Antibody, Polyclonal Antibodies, Monoclonal Antibody, Monoclonal Antibodies, Primary Antibody, Primary Antibodies, Tags Antibodies, Controls Antibodies, Isoform Specific Antibodies, Secondary Antibody, Secondary Antibodies, Fusion Proteins, recombinant human porteins, Lysates, tissue lysates, cell lysates, Pre-made Western Blot, ELISA kits, Sandwich ELISA kits, Reagents, Custom Production, human protein, P-Plus, P-View" /> <meta property="og:title" content="Results" /> <meta property="og:url" content="https://www.ptglab.com/results/" /> <meta property="og:image" content="https://www.ptglab.com/img/Sharing_Image.jpg?width=715px&amp;height=306px" /><meta property="og:type" content="article"> <link rel="shortcut icon" href="/favicon.ico" type="text/x-component"> <link rel="stylesheet" href="/css/styles.css?v=20240724"> <link rel="stylesheet" href="/css/flickity.min.css"> <!-- OneTrust Cookies Consent Notice start for ptglab.com --> <script type="text/javascript" src="https://cdn.cookielaw.org/consent/c333639f-7648-4ca0-bbac-ed6dc7adc87a/OtAutoBlock.js" ></script> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="c333639f-7648-4ca0-bbac-ed6dc7adc87a" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <!-- OneTrust Cookies Consent Notice end for ptglab.com --> <script src="/scripts/jquery-2.2.4.min-jzy.js" type="text/javascript"></script> <script src="/scripts/vendor/jquery.cookie.js" type="text/javascript"></script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "NewsArticle", "headline": "Results for &quot;viability dyes&quot;", "datePublished": "2021-12-02", "dateModified": "2021-12-02" } </script> <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 = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-MXRFCLN');</script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-WHTMJSBVL2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-WHTMJSBVL2'); </script> <!-- countryselector-dropdown start --> <script> $(document).ready(function () { var isExpanded = false; // 初始状态为折叠 $('.countryselector-dropdown').on('click', function (event) { event.stopPropagation(); $('.navigation').css('z-index', '14') var $searchBox = $('.searchBox-countryselector'); if (isExpanded) { $('.navigation').css('z-index', '13') $searchBox.hide(); // 显示搜索框 $searchBox.slideUp(); // 如果已经展开,则折叠 } else { $searchBox.show(); // 显示搜索框 $searchBox.slideDown(); // 如果已经折叠,则展开 } isExpanded = !isExpanded; // 切换状态 $('.search-countryselector').focus(); $(".countryselector-noResult").hide() }) var countries = ["Vietnam","United States", "United Kingdom", "United Arab Emirates", "Turkey", "Thailand", "Taiwan", "Switzerland", "Sweden", "Sri Lanka", "Spain", "South Africa", "Slovenia", "Slovakia", "Singapore", "Serbia", "Saudi Arabia", "Romania", "Qatar", "Portugal", "Poland", "Other Countries", "Oman", "Norway", "New Zealand", "Netherlands", "Morocco", "Montenegro", "Monaco", "Moldova", "Malta", "Malaysia", "Macedonia", "Macau", "Luxembourg", "Lithuania", "Lebanon", "Latvia", "Kuwait", "Korea", "Japan", "Italy", "Israel", "Ireland", "Indonesia", "India", "Iceland", "Hungary", "Hong Kong", "Greece", "Germany", "Georgia", "France", "Finland", "Estonia", "Egypt", "Denmark", "Czech Republic", "Cyprus", "Croatia", "Colombia", "China", "Chile", "Canada", "Bulgaria", "Brunei", "Brazil", "Bosnia and Herzegovina", "Belgium", "Bahrain", "Austria", "Australia", "Armenia", "Argentina", "Algeria", "Albania"]; // 这里填充所有国家 $(".search-countryselector").keyup(function () { var searchTerm = $(this).val().toLowerCase(); if (searchTerm.length >= 1) { $(".suggestions-countryselector").empty(); // 清空上次的结果 // startsWith $.each(countries, function (index, value) { if (value.toLowerCase().indexOf(searchTerm) > -1) { $(".suggestions-countryselector").append("<div>" + value + "</div>"); } }); //搜索下拉有结果时 展开国家 if ($('.suggestions-countryselector div').length > 0) { $('.suggestions-countryselector').show(); $(".countryselector-noResult").hide() } else { $('.suggestions-countryselector').hide(); } } else { $('.suggestions-countryselector').hide(); } //搜索下拉无结果时 if ($(".suggestions-countryselector div").length < 1) { $(".countryselector-noResult").show() } }); //选中了哪一个国家进行填充输入框和 跳转 $('.suggestions-countryselector').on('click', 'div', function () { //选中的country =$(this).text() localStorage.setItem("country", $(this).text()); $.cookie('ship_country', $(this).text(), { CookieOpt: { expires: 365, path: "/" }, Language: "en" }); $('.search-countryselector').val($(this).text()); $('.suggestions-countryselector').hide(); if (window.location.href.indexOf("results") > 0) { var arr = new Array(); $.each($('.search-result'), function (i, o) { var me = $(o); const ptgno = me.data("ptgno"); const catalognos = me.data("catalogno"); const mode = me.data("mode"); arr.push(`${ptgno}|${mode}|${catalognos}`); }); window.getPrice(arr); } }); //点击其它地方关闭弹框 $(document).on('click', function (event) { $('.suggestions-countryselector').hide(); var container = $(".searchBox-countryselector"); if (!container.is(event.target) && container.has(event.target).length === 0) { $('.searchBox-countryselector').hide(); isExpanded = !isExpanded $('.navigation').css('z-index', '13') } }); $('.countryselector-dropdown,.search-countryselector,.suggestions-countryselector').on('click', function (event) { event.stopPropagation(); // 阻止关闭按钮的点击事件冒泡 }); }); </script> <!-- countryselector-dropdown over--> </head> <body id="top" data-pagetype="home"> <main> <nav class="navigation"> <div class="container-xl"> <div class="navigation__backdrop"></div> <div class="navigation__offcanvas"> <div class="navigation__offcanvas__close toggleMobileNav" style="display: block;"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"></path> </svg> </div> <!-- First_level --> <div class="navigation__panel navigation__panel__active" data-panel-id="0"> <ul class="list-unstyled has-arrow"> <li> <a href="" data-panel-dest="0,0"> <h3>Products</h3> </a> </li> <li> <a href="" data-panel-dest="0,1"> <h3>Applications</h3> </a> </li> <li> <a href="" data-panel-dest="0,2"> <h3>cGMP Proteins</h3> </a> </li> <li> <a href="" data-panel-dest="0,6"> <h3>Support</h3> </a> </li> <li> <a href="" data-panel-dest="0,3"> <h3>Services</h3> </a> </li> <li> <a href="" data-panel-dest="0,4"> <h3>Promotions</h3> </a> </li> <li> <a href="" data-panel-dest="0,5"> <h3>About Us</h3> </a> </li> </ul> <div class=""> <select class="language-select" onchange="window.location=this.options[this.selectedIndex].value;"> <option name="" value="/" selected="">English</option> <option name="" value="https://www.ptglab.co.jp/">Japanese</option> <option name="" value="https://www.ptgcn.com/">Chinese</option> </select> </div> </div> <!-- First_level --> <!-- Second_level --> <div class="navigation__panel navigation__panel__pre" data-panel-id="0,0"> <div class="navigation__panel__back"> <a href="#" data-panel-dest="0"> <h5>Back</h5> </a> </div> <ul class="list-unstyled has-arrow"> <li> <a href="#" data-panel-dest="0,0,0"> <h3>Antibodies</h3> </a> </li> <li> <a href="#" data-panel-dest="0,0,1"> <h3>Immunoassays</h3> </a> </li> <li> <a href="#" data-panel-dest="0,0,2"> <h3>Cytokines and Growth Factors</h3> </a> </li> <li> <a href="#" data-panel-dest="0,0,3"> <h3>Nanobody-based Reagents</h3> </a> </li> <li> <a href="#" data-panel-dest="0,0,4"> <h3>Supporting Tools and Reagents</h3> </a> </li> <li> <a href="#" data-panel-dest="0,0,5"> <h3>Research Area</h3> </a> </li> <li> <a href="#" data-panel-dest="0,0,6"> <h3>Genomics</h3> </a> </li> </ul> </div> <div class="navigation__panel navigation__panel__pre" data-panel-id="0,1"> <div class="navigation__panel__back"> <a href="#" data-panel-dest="0"> <h5>Back</h5> </a> </div> <div class="navigation__panel__title"> <h3>Applications</h3> </div> <ul class="list-unstyled navigation__panel__links"> <li><a href="/applications/western-blot/">Western Blot</a></li> <li><a href="/applications/immunohistochemistry/">Immunohistochemistry</a></li> <li><a href="/applications/immunofluorescence/">Immunofluorescence</a></li> <li><a href="/applications/immunoprecipitation/">Immunoprecipitation</a></li> <li><a href="/products/flow-cytometry-antibodies/">Flow Cytometry</a></li> <li><a href="/products/elisa-kits/">ELISA</a></li> <li><a href="/products/magnetic-cell-separation-systems/">Cell Separation</a></li> <li><a href="/products/humankine-human-cell-expressed-proteins/">Cell Regulation</a></li> <li><a href="/applications/affinity-purification/">Protein Purification</a></li> <li><a href="/applications/chromatin-immunoprecipitation/">Chromatin Immunoprecipitation</a></li> <li><a href="/applications/live-cell-imaging/">Live Cell Imaging</a></li> <li><a href="/products/flexable-antibody-labeling-kits/">Antibody Labeling<sup style="color: red;">New</sup></a></li> </ul> </div> <div class="navigation__panel navigation__panel__pre" data-panel-id="0,2"> <div class="navigation__panel__back"> <a href="#" data-panel-dest="0"> <h5>Back</h5> </a> </div> <div class="navigation__panel__title"> <h3>cGMP Proteins</h3> </div> <ul class="list-unstyled navigation__panel__links"> <li><a href="/products/gmp-grade-cytokines-growth-factors/">cGMP Recombinant Cytokines and Growth Factors</a></li> <li><a href="/products/humankine-human-cell-expressed-proteins/#Comparison">Preclinical vs cGMP</a></li> <li><a href="/news/company-news/new-gmp-laboratory/">cGMP Facility in Chicago, IL</a></li> <li><a href="/products/gmp-grade-cytokines-growth-factors/#cGMP">Custom Order Request</a></li> </ul> </div> <div class="navigation__panel navigation__panel__pre" data-panel-id="0,3"> <div class="navigation__panel__back"> <a href="#" data-panel-dest="0"> <h5>Back</h5> </a> </div> <div class="navigation__panel__title"> <h3>Services</h3> </div> <ul class="list-unstyled navigation__panel__links"> <li><a href="/products/custom-order-requests/">Custom Order Request</a></li> <li><a href="/products/custom-antibody-services/">Custom Antibody Services</a></li> </ul> </div> <div class="navigation__panel navigation__panel__pre" data-panel-id="0,4"> <div class="navigation__panel__back"> <a href="#" data-panel-dest="0"> <h5>Back</h5> </a> </div> <div class="navigation__panel__title"> <h3>Promotions</h3> </div> <ul class="list-unstyled navigation__panel__links" id="promo-mobile-panel"> <li><a href="/promotions/antibody_upgrade_search_engine/">Antibody Upgrade Search Engine</a></li> <li><a href="/promotions/new-lab-promotion/">New Lab Promotion</a></li> <li><a href="/promotions/publication-promotion/">Publication Promotion</a></li> <li><a href="/promotions/newsletter-sign-up/">Newsletter Sign Up</a></li> <li><a href="/promotions/trial-size-antibodies/">Trial Size Antibodies</a></li> <li><a href="/promotions/149-control-antibodies/">$149 Control Antibodies</a></li> <li><a href="/nano-trap-free-sample/">Nano-Trap Free Sample</a></li> <li><a href="/promotions/antibody-trial-pack/">Antibody Trial Pack</a></li> <li><a href="/promotions/customer-referral-program/">Customer Referral Program</a></li> <li><a href="/promotions/product-of-the-month-20-off/">20% off product of the month</a></li> <li><a href="/promotions/buy-two-get-one-free/">Buy two, get one free</a></li> </ul> </div> <div class="navigation__panel navigation__panel__pre" data-panel-id="0,5"> <div class="navigation__panel__back"> <a href="#" data-panel-dest="0"> <h5>Back</h5> </a> </div> <div class="navigation__panel__title"> <h3>About Us</h3> </div> <ul class="list-unstyled navigation__panel__links"> <li><a href="/contact/">Contact Us</a></li> <li><a href="/about-us/careers/">Careers</a></li> <li><a href="/about-us/company-profile/">Company Profile</a></li> <li><a href="/about-us/the-proteintech-story/">The Proteintech Story</a></li> <li><a href="/news/company-news/proteintech-group-to-acquire-manufacturer-of-human-cell-expressed-proteins-humanzyme/">Humanzyme Acquisition</a></li> <li><a href="/products/chromotek-nanobody-based-reagents/about/">About ChromoTek</a></li> <li><a href="/products/about-proteintech-genomics/">About Proteintech Genomics</a></li> </ul> </div> <div class="navigation__panel navigation__panel__pre" data-panel-id="0,6"> <div class="navigation__panel__back"> <a href="#" data-panel-dest="0"> <h5>Back</h5> </a> </div> <div class="navigation__panel__title"> <h3>Support</h3> </div> <ul class="list-unstyled navigation__panel__links"> <li><a href="/support/product-specific-protocols/">Product-specific protocols</a></li> <li><a href="/support/protocols/">Standard Protocols</a></li> <li><a href="/videos/">Videos</a></li> <li><a href="/news/blog/">Blogs</a></li> <li><a href="/support/resources/">Resources</a></li> <li><a href="/support/guarantee/">Product Guarantee</a></li> <li><a href="/support/sirna-knockdown/">siRNA Knockdown</a></li> <li><a href="/support/technical-faqs/">Technical FAQs</a></li> <li><a href="/support/service-faqs/">Service FAQs</a></li> <li><a href="/news/company-news/">Company News</a></li> <li><a href="/news/events/">Events</a></li> <li><a href="/products/featured-products/">Featured Products</a></li> <li><a href="/support/early-career-researcher-hub/">Early Career Researcher Hub</a></li> <li><a href="/support/coralite-fluorescent-dyes/">CoraLite Plus Fluorescent Dyes</a></li> </ul> </div> <!-- Second_level --> <!-- Third_level --> <div class="navigation__panel navigation__panel__pre" data-panel-id="0,0,0"> <div class="navigation__panel__back"> <a href="#" data-panel-dest="0,0"> <h5>Back</h5> </a> </div> <div class="navigation__panel__title"> <h3>Antibodies</h3> </div> <ul class="list-unstyled navigation__panel__links"> <li><a href="/products/primary-antibodies/">Primary Antibodies</a></li> <li><a href="/products/secondary-antibodies/">Secondary Antibodies</a></li> <li><a href="/products/recombinant-antibodies/">Recombinant Monoclonal Antibodies</a></li> <li><a href="/products/coralite-fluorescent-dye-conjugated-antibodies/">Immunofluorescence Antibodies (conjugated)</a></li> <li><a href="/products/flow-cytometry-antibodies/">Flow Cytometry Antibodies</a></li> <li><a href="/products/neutralizing-antibodies/">Neutralizing Antibodies</a></li> <li><a href="/products/tagcontrol-antibodies/">Tag and Loading Control Antibodies</a></li> <li><a href="/products/isotype-control/">Isotype Controls</a></li> <li><a href="/products/flexable-antibody-labeling-kits/">Antibody Labeling Kits</a></li> <li><a href="/results?q=sampler+kit">Antibody Sampler Kits</a></li> </ul> </div> <div class="navigation__panel navigation__panel__pre" data-panel-id="0,0,1"> <div class="navigation__panel__back"> <a href="#" data-panel-dest="0,0"> <h5>Back</h5> </a> </div> <div class="navigation__panel__title"> <h3>Immunoassays</h3> </div> <ul class="list-unstyled navigation__panel__links"> <li><a href="/products/elisa-kits/">ELISA Kits</a></li> <li><a href="/products/matched-antibody-pairs/">Matched Antibody Pairs<sup style="color: red;">New</sup></a></li> <li><a href="/applications/immunohistochemistry/#IHCProducts">IHC Kits</a></li> <li><a href="/products/magnetic-cell-separation-systems/">Magnetic Cell Separation Systems</a></li> <li><a href="/results?q=cell+health+assay">Cell Health & Proliferation Kits​</a></li> </ul> </div> <div class="navigation__panel navigation__panel__pre" data-panel-id="0,0,2"> <div class="navigation__panel__back"> <a href="#" data-panel-dest="0,0"> <h5>Back</h5> </a> </div> <div class="navigation__panel__title"> <h3>Cytokines and Growth Factors</h3> </div> <ul class="list-unstyled navigation__panel__links"> <li><a href="/products/research-grade-cytokines-growth-factors/">Research Grade</a></li> <li><a href="/products/gmp-grade-cytokines-growth-factors/">cGMP Grade</a></li> </ul> </div> <div class="navigation__panel navigation__panel__pre" data-panel-id="0,0,3"> <div class="navigation__panel__back"> <a href="#" data-panel-dest="0,0"> <h5>Back</h5> </a> </div> <div class="navigation__panel__title"> <h3>Nanobody-based Reagents</h3> </div> <ul class="list-unstyled navigation__panel__links"> <li><a href="/products/chromotek-nanobody-based-reagents/nano-traps/">Nano-Traps</a></li> <li><a href="/products/chromotek-nanobody-based-reagents/nano-secondaries/">Nano-Secondary reagents</a></li> <li><a href="/products/chromotek-nanobody-based-reagents/chromobodies/">Chromobodies</a></li> <li><a href="/products/chromotek-nanobody-based-reagents/nano-boosters-and-nano-labels/">Nano-Boosters & Nano-Labels</a></li> <li><a href="/products/chromotek-nanobody-based-reagents/nano-caps/">Nano-Caps</a></li> <li><a href="/products/chromotek-nanobody-based-reagents/nano-captureligands/">Nano-CaptureLigands</a></li> <li><a href="/products/chromotek-nanobody-based-reagents/nanobodies/">Nanobodies/VHHs</a></li> <li><a href="/products/chromotek-nanobody-based-reagents/spot-tag-systems/">Spot-Tag System</a></li> </ul> </div> <div class="navigation__panel navigation__panel__pre" data-panel-id="0,0,4"> <div class="navigation__panel__back"> <a href="#" data-panel-dest="0,0"> <h5>Back</h5> </a> </div> <div class="navigation__panel__title"> <h3>Supporting Tools & Reagents</h3> </div> <ul class="list-unstyled navigation__panel__links"> <li><a href="/results?q=protein+ladder">Protein Ladders</a></li> <li><a href="/products/e-coli-expressed-fusion-proteins/">Fusion Proteins</a></li> <li><a href="/products/signalbright-chemiluminescent-substrate/">Chemiluminescent Substrate</a></li> <li><a href="/results?q=fix+and+perm">Fixation and Permeabilization</a></li> <li><a href="/results?category=&q=viability+dyes&target=">Viability Dyes</a></li> </ul> </div> <div class="navigation__panel navigation__panel__pre" data-panel-id="0,0,5"> <div class="navigation__panel__back"> <a href="#" data-panel-dest="0,0"> <h5>Back</h5> </a> </div> <div class="navigation__panel__title"> <h3>Research Area</h3> </div> <ul class="list-unstyled navigation__panel__links"> <li><a href="/products/autophagy-and-cell-death/">Autophagy and Cell Death</a></li> <li><a href="/products/featured-products/coronavirus-covid-19-products/">COVID-19 Related</a></li> <li><a href="/products/cancer/">Cancer</a></li> <li><a href="/products/cardiovascular/">Cardiovascular</a></li> <li><a href="/products/cell-division-and-proliferation/">Cell Division and Proliferation</a></li> <li><a href="/products/cell-and-gene-therapy-solution/">Cell and Gene Therapy</a></li> <li><a href="/products/developmental-bio/">Developmental Biology</a></li> <li><a href="/products/epigenetics/">Epigenetics</a></li> <li><a href="/products/immunology/">Immunology</a></li> <li><a href="/products/metabolism/">Metabolism</a></li> <li><a href="/products/neuroscience/">Neuroscience</a></li> <li><a href="/products/featured-products/organelle-markers/">Organelle Markers</a></li> <li><a href="/products/signal-transduction/">Signal Transduction</a></li> <li><a href="/products/stem-cells/">Stem Cells</a></li> </ul> </div> <div class="navigation__panel navigation__panel__pre" data-panel-id="0,0,6"> <div class="navigation__panel__back"> <a href="#" data-panel-dest="0,0"> <h5>Back</h5> </a> </div> <div class="navigation__panel__title"> <h3>Genomics</h3> </div> <ul class="list-unstyled navigation__panel__links"> <li><a href="/results?category=&amp;q=cocktails&amp;target=">Antibody Cocktails</a></li> <li><a href="/results?category=&amp;q=5CFLX&amp;target=">Oligo Conjugated Primary Antibodies</a></li> </ul> </div> <!-- Third_level --> </div> <div class="navigation__container"> <div class="navigation__logo"> <a href="/"> <img src="/img/logos/Logo_Ptg_Main.png" /> </a> </div> <div class="navigation__nav"> <ul class="inline-list m-0 p-0"> <li class="list-inline-item navigation__nav__item"> <a class=" navigation__nav__link">Products</a> <div class="navigation__dropdown" id="product-panel"> <div class="container p-5"> <div class="row row justify-content-center"> <div class="col-4"> <div class="row"> <div class="col-6"> <div class="navigation__dropdown__title"> <p class="large"><a href="/products/antibodies-and-immunoassays/#Antibodies">Antibodies</a></p> </div> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/products/primary-antibodies/">Primary Antibodies</a></li> <li><a href="/products/secondary-antibodies/">Secondary Antibodies</a></li> <li><a href="/products/recombinant-antibodies/">Recombinant Monoclonal Antibodies</a></li> <li class="mt-1 mb-1"><a href="/products/coralite-fluorescent-dye-conjugated-antibodies/">Immunofluorescence Antibodies (conjugated)</a></li> <li class="mt-1 mb-1"><a href="/products/flow-cytometry-antibodies/">Flow Cytometry Antibodies</a></li> <li><a href="/products/neutralizing-antibodies/">Neutralizing Antibodies</a></li> <li><a href="/products/tagcontrol-antibodies/">Tag and Loading Control Antibodies</a></li> <li><a href="/products/isotype-control/">Isotype Controls</a></li> <li><a href="/products/flexable-antibody-labeling-kits/">Antibody Labeling Kits</a></li> <li><a href="/results?q=sampler+kit">Antibody Sampler Kits</a></li> </ul> </div> <div class="col-6"> <div class="navigation__dropdown__title"> <p class="large"><a href="/products/antibodies-and-immunoassays/#Immunoassays">Immunoassays</a></p> </div> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/products/elisa-kits/">ELISA Kits</a></li> <li><a href="/products/matched-antibody-pairs/">Matched Antibody Pairs<sup style="color: red;">New</sup></a></li> <li><a href="/applications/immunohistochemistry/#IHCProducts">IHC Kits</a></li> <li><a href="/products/magnetic-cell-separation-systems/">Magnetic Cell Separation Systems</a></li> <li><a href="/results?q=cell+health+assay">Cell Health & Proliferation Kits​</a></li> </ul> </div> </div> </div> <div class="col-2"> <div class="navigation__dropdown__title"> <p class="large"><a href="/products/humankine-human-cell-expressed-proteins/">Cytokines and Growth Factors</a></p> </div> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/products/research-grade-cytokines-growth-factors/">Research Grade</a></li> <li><a href="/products/gmp-grade-cytokines-growth-factors/">cGMP Grade</a></li> </ul> </div> <div class="col-2"> <div class="navigation__dropdown__title"> <p class="large"><a href="/products/chromotek-nanobody-based-reagents/">Nanobody-based Reagents</a></p> </div> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/products/chromotek-nanobody-based-reagents/nano-traps/">Nano-Traps</a></li> <li><a href="/products/chromotek-nanobody-based-reagents/nano-secondaries/">Nano-Secondary reagents</a></li> <li><a href="/products/chromotek-nanobody-based-reagents/chromobodies/">Chromobodies</a></li> <li><a href="/products/chromotek-nanobody-based-reagents/nano-boosters-and-nano-labels/">Nano-Boosters & Nano-Labels</a></li> <li><a href="/products/chromotek-nanobody-based-reagents/nano-caps/">Nano-Caps</a></li> <li><a href="/products/chromotek-nanobody-based-reagents/nano-captureligands/">Nano-CaptureLigands</a></li> <li><a href="/products/chromotek-nanobody-based-reagents/nanobodies/">Nanobodies/VHHs</a></li> <li><a href="/products/chromotek-nanobody-based-reagents/spot-tag-systems/">Spot-Tag System</a></li> </ul> </div> <div class="col-2"> <div class="navigation__dropdown__title"> <p class="large">Supporting Tools and Reagents</p> </div> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/results?q=protein+ladder">Protein Ladders</a></li> <li><a href="/products/e-coli-expressed-fusion-proteins/">Fusion Proteins</a></li> <li><a href="/products/signalbright-chemiluminescent-substrate/">Chemiluminescent Substrate</a></li> <li><a href="/results?q=fix+and+perm">Fixation and Permeabilization</a></li> <li><a href="/results?category=&q=viability+dyes&target=">Viability Dyes</a></li> </ul> </div> <div class="col-2"> <div class="navigation__dropdown__title"> <p class="large">Research Area</p> </div> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/products/autophagy-and-cell-death/">Autophagy and Cell Death</a></li> <li><a href="/products/featured-products/coronavirus-covid-19-products/">COVID-19 Related</a></li> <li><a href="/products/cancer/">Cancer</a></li> <li><a href="/products/cardiovascular/">Cardiovascular</a></li> <li><a href="/products/cell-division-and-proliferation/">Cell Division and Proliferation</a></li> <li><a href="/products/cell-and-gene-therapy-solution/">Cell and Gene Therapy</a></li> <li><a href="/products/developmental-bio/">Developmental Biology</a></li> <li><a href="/products/epigenetics/">Epigenetics</a></li> <li><a href="/products/immunology/">Immunology</a></li> <li><a href="/products/metabolism/">Metabolism</a></li> <li><a href="/products/neuroscience/">Neuroscience</a></li> <li><a href="/products/featured-products/organelle-markers/">Organelle Markers</a></li> <li><a href="/products/signal-transduction/">Signal Transduction</a></li> <li><a href="/products/stem-cells/">Stem Cells</a></li> </ul> </div> </div> <div class="row"> <div class="col-4"> <hr> <a href="/products/antibodies-and-immunoassays/"><img src="/img/logos/Logo_Proteintech_Menu.png" width="135"></a> </div> <div class="col-2"> <hr> <a href="/products/humankine-human-cell-expressed-proteins/"><img src="/img/logos/Logo_Humankine_Menu.png" width="135"></a> </div> <div class="col-2"> <hr> <a href="/products/chromotek-nanobody-based-reagents/"><img src="/img/logos/Logo_Chromotek_Menu.png" width="135"></a> </div> <div class="col-2"> <hr> </div> <div class="col-2"> <hr> </div> </div> </div> </div> </li> <li class="list-inline-item navigation__nav__item"> <a class=" navigation__nav__link">Applications</a> <div class="navigation__dropdown"> <div class="container p-5"> <div class="row justify-content-center"> <div class="col-2"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/applications/western-blot/">Western Blot</a></li> <li><a href="/products/magnetic-cell-separation-systems/">Cell Separation</a></li> </ul> </div> <div class="col-2"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/applications/immunohistochemistry/">Immunohistochemistry</a></li> <li><a href="/products/humankine-human-cell-expressed-proteins/">Cell Regulation</a></li> </ul> </div> <div class="col-2"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/applications/immunofluorescence/">Immunofluorescence</a></li> <li><a href="/applications/affinity-purification/">Protein Purification</a></li> </ul> </div> <div class="col-2"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/applications/immunoprecipitation/">Immunoprecipitation</a></li> <li><a href="/applications/chromatin-immunoprecipitation/">Chromatin Immunoprecipitation</a></li> </ul> </div> <div class="col-2"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/products/flow-cytometry-antibodies/">Flow Cytometry</a></li> <li><a href="/applications/live-cell-imaging/">Live Cell Imaging</a></li> </ul> </div> <div class="col-2"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/products/elisa-kits/">ELISA</a></li> <li><a href="/products/flexable-antibody-labeling-kits/">Antibody Labeling<sup style="color: red;">New</sup></a></li> </ul> </div> </div> </div> </div> </li> <li class="list-inline-item navigation__nav__item"> <a class="navigation__nav__link">cGMP Proteins</a> <div class="navigation__dropdown"> <div class="container p-5"> <div class="row justify-content-center"> <div class="col-4"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/products/gmp-grade-cytokines-growth-factors/">cGMP Recombinant Cytokines and Growth Factors</a></li> </ul> </div> <div class="col-2"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/products/humankine-human-cell-expressed-proteins/#Comparison">Preclinical vs cGMP</a></li> </ul> </div> <div class="col-2"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/news/company-news/new-gmp-laboratory/">cGMP Facility in Chicago, IL</a></li> </ul> </div> <div class="col-2"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/products/gmp-grade-cytokines-growth-factors/#cGMP">Custom Order Request</a></li> </ul> </div> </div> </div> </div> </li> <li class="list-inline-item navigation__nav__item"> <a class="navigation__nav__link">Support</a> <div class="navigation__dropdown" id="support-panel"> <div class="container p-5"> <div class="row justify-content-center"> <div class="col-4"> <div class="row"> <div class="col-6"> <div class="navigation__dropdown__title"> <p class="large">Protocols</p> </div> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/support/product-specific-protocols/">Product-specific protocols</a></li> <li><a href="/support/protocols/">Standard protocols</a></li> <li><br></li> <li>By Application</li> <li><a href="/support/western-blot-protocol/western-blot-protocol/">WB</a></li> <li><a href="/support/immunohistochemistry-protocol/immunohistochemistry-overview/">IHC</a></li> <li><a href="/support/immunofluorescence-protocol/immunofluorescence-introduction/">IF</a></li> <li><a href="/support/immunoprecipitation-protocol/introduction-to-immunoprecipitation/">IP/ChIP</a></li> <li><a href="/support/flow-cytometry-protocol/introduction-to-flow-cytometry/">Flow Cytometry</a></li> <li><a href="/support/cell-culture-protocol/introduction-to-cell-culture/">Cell Culture</a></li> <li><a href="/support/flexable-antibody-labeling-kits-protocol/">Antibody Labeling<sup style="color: red;">New</sup></a></li> <li><a href="/support/elisa-calculator.htm">ELISA calculator</a></li> </ul> </div> <div class="col-6"> <div class="navigation__dropdown__title"> <p class="large">Others</p> </div> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/support/guarantee/">Product Guarantee</a></li> <li><a href="/videos/">Videos</a></li> <li><a href="/support/resources/">Resources</a></li> <li><a href="/news/blog/pathway-poster-library/">Pathway Posters</a></li> <li><a href="/workshops/">Technical Workshops</a></li> <li><a href="/news/blog/proteintech-product-reviews/">Review a Product</a></li> <li><a href="/support/technical-faqs/">Technical FAQs</a></li> <li><a href="/support/service-faqs/">Service FAQs</a></li> <li><a href="/support/glossary/">Glossary</a></li> <li><a href="/products/replace-santa-cruz-antibodies/">Replace Santa Cruz</a></li> <li><a href="/products/featured-products/">Featured Products</a></li> <li><a href="/support/early-career-researcher-hub/">Early Career Researcher Hub</a></li> <li><a href="/support/coralite-fluorescent-dyes/">CoraLite Plus Fluorescent Dyes</a></li> </ul> </div> </div> </div> <div class="col-2"> <div class="navigation__dropdown__title"> <p class="large">News</p> </div> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/news/blog/">Blogs</a></li> <li><a href="/news/events/">Events</a></li> <li><a href="/news/publication-spotlight/">Publication Spotlight</a></li> <li><a href="/news/scientist-spotlight/">Scientist Spotlight</a></li> <li><a href="/news/company-news/">Company News</a></li> </ul> </div> <div class="row"> <div class="row justify-content-center"> <div class="col-2"> <hr /> </div> <div class="col-2"> <hr /> </div> <div class="col-2"> <hr /> </div> </div> </div> </div> </div> </div> </li> <li class="list-inline-item navigation__nav__item"> <a class="navigation__nav__link">Services</a> <div class="navigation__dropdown"> <div class="container p-5"> <div class="row justify-content-center"> <div class="col-4"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/products/custom-order-requests/">Custom Order Request</a></li> </ul> </div> <div class="col-4"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/products/custom-antibody-services/">Custom Antibody Services</a></li> </ul> </div> </div> </div> </div> </li> <li class="list-inline-item navigation__nav__item"> <a class="navigation__nav__link">Promotions</a> <div class="navigation__dropdown"> <div class="container p-5"> <div class="row justify-content-center" id="promo-panel"> <div class="col-2"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/promotions/antibody_upgrade_search_engine/">Antibody Upgrade</a></li> <li><a href="/promotions/publication-promotion/">Publication Promotion</a></li> <li><a href="/promotions/newsletter-sign-up/">Newsletter Sign Up</a></li> </ul> </div> <div class="col-2"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/promotions/new-lab-promotion/">New Lab Promotion</a></li> <li><a href="/promotions/trial-size-antibodies/">Trial Size Antibodies</a></li> <li><a href="/promotions/149-control-antibodies/">$149 Control Antibodies</a></li> </ul> </div> <div class="col-2"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/nano-trap-free-sample/">Nano-Trap Free Sample</a></li> </ul> </div> <div class="col-2"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/promotions/customer-referral-program/">Customer Referral Program</a></li> </ul> </div> </div> </div> </div> </li> <li class="list-inline-item navigation__nav__item"> <a class="navigation__nav__link">About Us</a> <div class="navigation__dropdown"> <div class="container p-5"> <div class="row justify-content-center"> <div class="col-2"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/about-us/company-profile/">Company Profile</a></li> <li><a href="/about-us/careers/">Careers</a></li> <li><a href="/contact/">Contact Us</a></li> </ul> </div> <div class="col-3"> <ul class="list-unstyled navigation__dropdown__links"> <li><a href="/about-us/the-proteintech-story/">The Proteintech Story</a></li> <li><a href="/news/company-news/proteintech-group-to-acquire-manufacturer-of-human-cell-expressed-proteins-humanzyme/">Humanzyme Acquisition</a></li> <li><a href="/products/chromotek-nanobody-based-reagents/about/">About ChromoTek</a></li> <li><a href="/products/about-proteintech-genomics/">About Proteintech Genomics</a></li> </ul> </div> </div> </div> </div> </li> </ul> </div> <div class="navigation__actions"> <div class="d-inline-flex d-lg-none"> <div style="padding-left: 70px;"></div> <div class="mt-4 m-2"> <a href="/account/"> <img src="/img/icons/Icon_User.svg"> </a> </div> <div class="mt-4 m-2"> <a href="/shoppingcart/"> <img src="/img/icons/Icon_Basket.svg" class="empty-basket" /> <img src="/img/icons/Icon_Basket_Full.svg" class="full-basket" hidden="" /> </a> </div> <div style="position: relative;" class="mt-4 m-2 countryselector-dropdown"> <a> <img src="https://www.ptglab.com/img/icons/earth.svg"> </a> <div class="searchBox-countryselector" style="display: none;"> <div>Country/Region selector</div> <input type="text" class="search-countryselector" placeholder="Search for a country/region"> <div class="suggestions-countryselector" style="display:none;"></div> <div class="countryselector-noResult" style="padding:5px">No results</div> </div> </div> <div class="mt-4 m-2"> <button type="button" class="toggleMobileNav"> <img src="/img/icons/Icon_Menu.svg" style="padding-top: 4px;"> </button> </div> </div> <div class="d-none d-lg-flex"> <a href="/account/"> <img src="/img/icons/Icon_User.svg"> </a> <a href="/shoppingcart/"> <img src="/img/icons/Icon_Basket.svg" class="empty-basket" /> <img src="/img/icons/Icon_Basket_Full.svg" class="full-basket" hidden="" /> </a> <button type="button" class="toggleMobileNav"> <img src="/img/icons/Icon_Menu.svg"> </button> <div style="position: relative;" class="countryselector-dropdown"> <a> <img src="https://www.ptglab.com/img/icons/earth.svg"> </a> <div class="searchBox-countryselector" style="display: none;"> <div>Country/Region selector</div> <input type="text" class="search-countryselector" placeholder="Search for a country/region"> <div class="suggestions-countryselector" style="display:none;"></div> <div class="countryselector-noResult" style="padding:5px">No results</div> </div> </div> <div class="d-none d-lg-flex"> <select class="language-select" onchange="window.location=this.options[this.selectedIndex].value;"> <option name="" value="/" selected="">English</option> <option name="" value="https://www.ptglab.co.jp/">Japanese</option> <option name="" value="https://www.ptgcn.com/">Chinese</option> </select> </div> </div> </div> </div> </div> </nav> <section class="search"> <div class="container-xl"> <div class="row"> <div class="col"> <form action="/results"> <div class="search__container"> <div class="search__category search__params rounded-search"> <button type="button" class="search__category__button"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" /> </svg> <span id="searchTerm">All</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" /> </svg> </button> <div class="search__dropdown search-category__dropdown"> <!-- Add some backend logic here to grab the querystring from url and update value/.active --> <input type="hidden" name="category" value=""> <ul class="list-unstyled m-0"> <li> <span data-params="query" title="All" data-category class="active"> All </span> </li> <li> <span data-landing="primary-antibodies" data-params="query" data-placeholder="Search Primary Antibodies" title="Primary Antibodies" data-category="antibody"> Primary Antibodies </span> </li> <li> <span data-landing="conjugated-antibodies-for-if" data-params="target, species-reactivity, conjugate" data-placeholder="Search Conjugated antibodies for IF" title="Conjugated Antibodies for IF" data-category="immunofluorescence conjugated"> Conjugated Antibodies for IF </span> </li> <li> <span data-landing="conjugated-antibodies-for-flow-cytometry" data-params="target, species-reactivity, conjugate" data-placeholder="Search Flow Cytometry Antibodies" title="Conjugated Antibodies for Flow Cytometry" data-category="conjugated fluorescent antibodies"> Conjugated Antibodies for FC </span> </li> <li> <span data-landing="secondary-antibodies" data-params="secondaryab-species, host, secondaryab-conjugate" data-placeholder="Search Secondary Antibodies" title="Secondary Antibodies" data-category="secondaryab"> Secondary Antibodies </span> </li> <li> <span data-landing="antibody-labeling-kits" data-params="compatible-species, flexable-conjugate" data-placeholder="Antibody Labeling Kits" title="Antibody Labeling Kits" data-category="flexable"> Antibody Labeling Kits<sub style="color: red;">New</sub> </span> </li> <li> <span data-landing="elisa-kits" data-params="target, species-reactivity" data-placeholder="Search ELISA Kits" title="ELISA Kits" data-category="elisakits"> ELISA Kits </span> </li> <li> <span data-landing="ihc-kits" data-params="query" data-placeholder="Search IHC kits" title="IHC Kits" data-category="ihc kit"> IHC Kits </span> </li> <li> <span data-landing="cell-separation-kits" data-params="query" data-placeholder="Search Magnetic Cell Separation Kits" title="Magnetic Cell Separation Kits" data-category="Cell separation"> Magnetic Cell Separation Kits </span> </li> <li> <span data-landing="cytokines-and-growth-factors" data-params="query" data-placeholder="Search Cytokines &amp; Growth Factors" title="Cytokines &amp; Growth Factors" data-category="humankine"> Cytokines &amp; Growth Factors </span> </li> <li> <span data-landing="neutralizing-antibodies" data-params="query" data-placeholder="Search Neutralizing/activating Antibodies" title="Neutralizing/activating Antibodies" data-category="NeutraAb"> Neutralizing/activating Antibodies </span> </li> <li> <span data-landing="nanobody-based-reagents" data-params="query" data-placeholder="Search Nanobody-based Reagents" title="Nanobody-based Reagents" data-category="nanobody"> Nanobody-based Reagents </span> </li> <li> <span data-params="query" data-placeholder="Search Accessory Products and Kits" title="Accessory Products and Kits" data-category="Accessory products"> Accessory Products and Kits </span> </li> <li> <span data-landing="fusion-protein" data-params="query" data-placeholder="Search Fusion Proteins" title="Fusion Proteins" data-category="fusion protein"> Fusion Proteins </span> </li> </ul> </div> </div> <div class="search__params search__input active" data-search-field="query"> <div class="search__params__container no-dd"> <input type="text" name="q" class="search__input__field search__input__query" autocomplete="off" placeholder="Search by target, catalog number or keyword" /> <div class="search__clear">&times;</div> </div> <div class="search__dropdown"> <div class="search__results"> <!-- filled by JS --> </div> </div> </div> <div class="search__params" data-search-field="target"> <div class="search__params__container no-dd"> <input type="text" name="target" class="search__input__field" autocomplete="off" placeholder="Search by target"> <div class="search__clear">×</div> </div> </div> <div class="search__params" tabindex="0" data-search-field="host"> <div class="search__params__container"> <div class="search-term-layout"> <div class="search-term-layout__term">Host</div> <div class="search-term-layout__count">0</div> </div> </div> <div class="search__dropdown"> <ul class="list-unstyled m-0"> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="host" value="Alpaca" id="host-alpaca"> <label class="form-check-label" for="host-Alpaca"> Alpaca </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="host" value="Donkey" id="host-donkey"> <label class="form-check-label" for="host-Donkey"> Donkey </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="host" value="Goat" id="host-goat"> <label class="form-check-label" for="host-goat"> Goat </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="host" value="Mouse" id="host-mouse"> <label class="form-check-label" for="host-mouse"> Mouse </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="host" value="Rabbit" id="host-rabbit"> <label class="form-check-label" for="host-rabbit"> Rabbit </label> </div> </li> </ul> <div class="search__dropdown__actions"> <button type="button" class="btn btn-sm btn-text search__dropdown__actions__clear">Clear</button> <button type="button" class="btn btn-sm btn-primary search__dropdown__actions__confirm">Confirm</button> </div> </div> </div> <div class="search__params" tabindex="0" data-search-field="secondaryab-species"> <div class="search__params__container"> <div class="search-term-layout"> <div class="search-term-layout__term">Species Reactivity</div> <div class="search-term-layout__count">0</div> </div> </div> <div class="search__dropdown"> <ul class="list-unstyled m-0"> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Chicken" id="species-reactivity-Chicken"> <label class="form-check-label" for="species-reactivity-Chicken"> Chicken </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Goat" id="species-reactivity-Goat"> <label class="form-check-label" for="species-reactivity-Goat"> Goat </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Guinea Pig" id="species-reactivity-Guinea-Pig"> <label class="form-check-label" for="species-reactivity-Guinea-Pig"> Guinea Pig </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Horse" id="species-reactivity-Horse"> <label class="form-check-label" for="species-reactivity-Horse"> Horse </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Human" id="species-reactivity-Human"> <label class="form-check-label" for="species-reactivity-Human"> Human </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Mouse" id="species-reactivity-Mouse"> <label class="form-check-label" for="species-reactivity-Mouse"> Mouse </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Rabbit" id="species-reactivity-Rabbit"> <label class="form-check-label" for="species-reactivity-Rabbit"> Rabbit </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Rat" id="species-reactivity-Rat"> <label class="form-check-label" for="species-reactivity-Rat"> Rat </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Sheep" id="species-reactivity-Sheep"> <label class="form-check-label" for="species-reactivity-Sheep"> Sheep </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Swine" id="species-reactivity-Swine"> <label class="form-check-label" for="species-reactivity-Swine"> Swine </label> </div> </li> </ul> <div class="search__dropdown__actions"> <button type="button" class="btn btn-sm btn-text search__dropdown__actions__clear">Clear</button> <button type="button" class="btn btn-sm btn-primary search__dropdown__actions__confirm">Confirm</button> </div> </div> </div> <div class="search__params" tabindex="0" data-search-field="species-reactivity"> <div class="search__params__container"> <div class="search-term-layout"> <div class="search-term-layout__term">Species Reactivity</div> <div class="search-term-layout__count">0</div> </div> </div> <div class="search__dropdown"> <ul class="list-unstyled m-0"> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Human" id="species-reactivity-Human"> <label class="form-check-label" for="species-reactivity-Human"> Human </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Mouse" id="species-reactivity-Mouse"> <label class="form-check-label" for="species-reactivity-Mouse"> Mouse </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Rat" id="species-reactivity-Rat"> <label class="form-check-label" for="species-reactivity-Rat"> Rat </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Pig" id="species-reactivity-Pig"> <label class="form-check-label" for="species-reactivity-Pig"> Pig </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Bovine" id="species-reactivity-Bovine"> <label class="form-check-label" for="species-reactivity-Bovine"> Bovine </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Chicken" id="species-reactivity-Chicken"> <label class="form-check-label" for="species-reactivity-Chicken"> Chicken </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Zebrafish" id="species-reactivity-Zebrafish"> <label class="form-check-label" for="species-reactivity-Zebrafish"> Zebrafish </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Hamster" id="species-reactivity-Hamster"> <label class="form-check-label" for="species-reactivity-Hamster"> Hamster </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Monkey" id="species-reactivity-Monkey"> <label class="form-check-label" for="species-reactivity-Monkey"> Monkey </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="Drosophila" id="species-reactivity-Drosophila"> <label class="form-check-label" for="species-reactivity-Drosophila"> Drosophila </label> </div> </li> </ul> <div class="search__dropdown__actions"> <button type="button" class="btn btn-sm btn-text search__dropdown__actions__clear">Clear</button> <button type="button" class="btn btn-sm btn-primary search__dropdown__actions__confirm">Confirm</button> </div> </div> </div> <div class="search__params" tabindex="0" data-search-field="conjugate"> <div class="search__params__container"> <div class="search-term-layout"> <div class="search-term-layout__term">Conjugate</div> <div class="search-term-layout__count">0</div> </div> </div> <div class="search__dropdown"> <ul class="list-unstyled m-0"> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="APC" id="conjugate-APC"> <label class="form-check-label" for="conjugate-APC"> APC </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="Atlantic Blue™" id="conjugate-Atlantic-Blue™"> <label class="form-check-label" for="conjugate-Atlantic-Blue™"> Atlantic Blue™ </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="Biotin" id="conjugate-Biotin"> <label class="form-check-label" for="conjugate-Biotin"> Biotin </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="Cardinal Red™" id="conjugate-Cardinal-Red™"> <label class="form-check-label" for="conjugate-Cardinal-Red™"> Cardinal Red™ </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="CoraLite® Plus 405" id="conjugate-CoraLite®-Plus-405"> <label class="form-check-label" for="conjugate-CoraLite®-Plus-405"> CoraLite® Plus 405 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="CoraLite® Plus 488" id="conjugate-CoraLite®-Plus-488"> <label class="form-check-label" for="conjugate-CoraLite®-Plus-488"> CoraLite® Plus 488 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="CoraLite® Plus 647" id="conjugate-CoraLite®-Plus-647"> <label class="form-check-label" for="conjugate-CoraLite®-Plus-647"> CoraLite® Plus 647 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="CoraLite® Plus 750" id="conjugate-CoraLite®-Plus-750"> <label class="form-check-label" for="conjugate-CoraLite®-Plus-750"> CoraLite® Plus 750 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="CoraLite®488" id="conjugate-CoraLite-488"> <label class="form-check-label" for="conjugate-CoraLite-488"> CoraLite®488 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="CoraLite®532" id="conjugate-CoraLite-532"> <label class="form-check-label" for="conjugate-CoraLite-532"> CoraLite®532 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="CoraLite®555" id="conjugate-CoraLite-555"> <label class="form-check-label" for="conjugate-CoraLite-555"> CoraLite®555 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="CoraLite®568" id="conjugate-CoraLite-568"> <label class="form-check-label" for="conjugate-CoraLite-568"> CoraLite®568 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="CoraLite®594" id="conjugate-CoraLite-594"> <label class="form-check-label" for="conjugate-CoraLite-594"> CoraLite®594 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="FITC" id="conjugate-FITC"> <label class="form-check-label" for="conjugate-FITC"> FITC </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="FITC Plus" id="conjugate-FITC-Plus"> <label class="form-check-label" for="conjugate-FITC-Plus"> FITC Plus </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="HRP" id="conjugate-HRP"> <label class="form-check-label" for="conjugate-HRP"> HRP </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="PE" id="conjugate-PE"> <label class="form-check-label" for="conjugate-PE"> PE </label> </div> </li> </ul> <div class="search__dropdown__actions"> <button type="button" class="btn btn-sm btn-text search__dropdown__actions__clear">Clear</button> <button type="button" class="btn btn-sm btn-primary search__dropdown__actions__confirm">Confirm</button> </div> </div> </div> <div class="search__params" tabindex="0" data-search-field="secondaryab-conjugate"> <div class="search__params__container"> <div class="search-term-layout"> <div class="search-term-layout__term">Conjugate</div> <div class="search-term-layout__count">0</div> </div> </div> <div class="search__dropdown"> <ul class="list-unstyled m-0"> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="Alexa Fluor® 488" id="conjugate-alexa-fluor-488"> <label class="form-check-label" for="conjugate-Alexa-Fluor-488"> Alexa Fluor® 488 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="Alexa Fluor® 568" id="conjugate-alexa-fluor-568"> <label class="form-check-label" for="conjugate-Alexa-Fluor-568"> Alexa Fluor® 568 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="Alexa Fluor® 647" id="conjugate-alexa-fluor-647"> <label class="form-check-label" for="conjugate-Alexa-Fluor-647"> Alexa Fluor® 647 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="Alkaline phosphatase" id="conjugate-alkaline-phosphatase"> <label class="form-check-label" for="conjugate-Alkaline-phosphatase"> AP </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="Biotin" id="conjugate-biotin"> <label class="form-check-label" for="conjugate-Biotin"> Biotin </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="CoraLite®488" id="conjugate-CoraLite-488"> <label class="form-check-label" for="conjugate-CoraLite-488"> CoraLite®488 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="CoraLite®594" id="conjugate-CoraLite-594"> <label class="form-check-label" for="conjugate-CoraLite-594"> CoraLite®594 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="CoraLite®647" id="conjugate-CoraLite-647"> <label class="form-check-label" for="conjugate-CoraLite-647"> CoraLite®647 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="cy3" id="conjugate-cy3"> <label class="form-check-label" for="conjugate-Cy3"> Cy3 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="FITC" id="conjugate-FITC"> <label class="form-check-label" for="conjugate-FITC"> FITC </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="HRP" id="conjugate-HRP"> <label class="form-check-label" for="conjugate-HRP"> HRP </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="Rhodamine" id="conjugate-rhodamine"> <label class="form-check-label" for="conjugate-Rhodamine"> Rhodamine </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="R-PE" id="conjugate-r-pe"> <label class="form-check-label" for="conjugate-R-PE"> R-PE </label> </div> </li> </ul> <div class="search__dropdown__actions"> <button type="button" class="btn btn-sm btn-text search__dropdown__actions__clear">Clear</button> <button type="button" class="btn btn-sm btn-primary search__dropdown__actions__confirm">Confirm</button> </div> </div> </div> <div class="search__params" tabindex="0" data-search-field="compatible-species"> <div class="search__params__container"> <div class="search-term-layout"> <div class="search-term-layout__term">Compatible Species</div> <div class="search-term-layout__count">0</div> </div> </div> <div class="search__dropdown"> <ul class="list-unstyled m-0"> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="anti rabbit" id="compatible-species-Rabbit"> <label class="form-check-label" for="compatible-species-Rabbit"> Rabbit </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="anti mouse" id="compatible-species-Mouse"> <label class="form-check-label" for="compatible-species-Mouse"> Mouse </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="species-reactivity" value="anti human" id="compatible-species-Human"> <label class="form-check-label" for="compatible-species-Human"> Human </label> </div> </li> </ul> <div class="search__dropdown__actions"> <button type="button" class="btn btn-sm btn-text search__dropdown__actions__clear">Clear</button> <button type="button" class="btn btn-sm btn-primary search__dropdown__actions__confirm">Confirm</button> </div> </div> </div> <div class="search__params" tabindex="0" data-search-field="flexable-conjugate"> <div class="search__params__container"> <div class="search-term-layout"> <div class="search-term-layout__term">Conjugate</div> <div class="search-term-layout__count">0</div> </div> </div> <div class="search__dropdown"> <ul class="list-unstyled m-0"> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="CoraLite405" id="conjugate-CoraLite-Plus-405"> <label class="form-check-label" for="conjugate-CoraLite-Plus-405"> CoraLite Plus 405 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="FITC" id="conjugate-FITC"> <label class="form-check-label" for="conjugate-FITC"> FITC Plus<sup style="color:red"> NEW</sup> </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="CoraLite488" id="conjugate-CoraLite-488"> <label class="form-check-label" for="conjugate-CoraLite-488"> CoraLite Plus 488 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="CoraLite555" id="conjugate-CoraLite-Plus-555"> <label class="form-check-label" for="conjugate-CoraLite-Plus-555"> CoraLite Plus 555 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="CoraLite647" id="conjugate-CoraLite-Plus-647"> <label class="form-check-label" for="conjugate-CoraLite-Plus-647"> CoraLite Plus 647 </label> </div> </li> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="conjugate" value="CoraLite750" id="conjugate-CoraLite-Plus-750"> <label class="form-check-label" for="conjugate-CoraLite-Plus-750"> CoraLite Plus 750 </label> </div> </li> </ul> <div class="search__dropdown__actions"> <button type="button" class="btn btn-sm btn-text search__dropdown__actions__clear">Clear</button> <button type="button" class="btn btn-sm btn-primary search__dropdown__actions__confirm">Confirm</button> </div> </div> </div> <div class="search__actions"> <button class="button" type="submit"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"> <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" /> </svg> <span>Search</span> </button> </div> </div> </form> </div> </div> </div> </section> <link rel="stylesheet" href="/css/search-result.css?v=20240809" /> <link rel="stylesheet" href="/css/magicDropdown.css?v=1" /> <link rel="stylesheet" href="/css/font-awesome.css" /> <section class="hero" data-page="results"> <div class="container-xl"> <div class="row"> <aside class="col-12 col-lg-12 medium-thin" style=" position: sticky; top: 151px; z-index: 2; background-color: #fff; "> <div> <div class="row h-100"> <div class="col-12 col-lg-12 text-center h-100 flex-align-bottom py-sm-3"> <div> <h3 class="m-0"><span id="spTotal" data-totalrow="7">7</span> product results for "viability dyes"</h3> </div> </div> <div class="col-12 col-lg-4 flex-align-bottom"> <div class="row"> <div class="col-6 d-inline-block d-lg-none"> <div class="show-for-small-only "> <p class="search-controls open-filters"> <svg class="svg-filter" viewBox="0 0 50 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke-width="1" transform="translate(8.000000, 8.000000)"> <g stroke-width="2" fill="none"> <path d="M4.5,14.3157895 C6.98528137,14.3157895 9,12.3128528 9,9.84210526 C9,7.3713577 6.98528137,5.36842105 4.5,5.36842105 C2.01471863,5.36842105 0,7.3713577 0,9.84210526 C0,12.3128528 2.01471863,14.3157895 4.5,14.3157895 Z M4.5,14.3157895 L4.5,34 M4.5,0.407150581 L4.5,5.36842105"> </path> <path d="M29.5,14.3157895 C31.9852814,14.3157895 34,12.3128528 34,9.84210526 C34,7.3713577 31.9852814,5.36842105 29.5,5.36842105 C27.0147186,5.36842105 25,7.3713577 25,9.84210526 C25,12.3128528 27.0147186,14.3157895 29.5,14.3157895 Z M29.5,14.3157895 L29.5,34 M29.5,0.407150581 L29.5,5.36842105"> </path> <path d="M16.5,28.6315789 C18.9852814,28.6315789 21,26.6286423 21,24.1578947 C21,21.6871472 18.9852814,19.6842105 16.5,19.6842105 C14.0147186,19.6842105 12,21.6871472 12,24.1578947 C12,26.6286423 14.0147186,28.6315789 16.5,28.6315789 Z M16.5,28.6315789 L16.5,34 M16.5,0 L16.5,19.6842105"> </path> </g> </g> </svg> Filters </p> </div> </div> <div class="col-6 d-inline-block d-lg-none"> </div> </div> </div> </div></div> <style> .wrapper-dropdown { width: 300px; top: 35px; min-width: 200px; } .wrapper-dropdown ul { /*padding: 15px;*/ } .wrapper-dropdown ul li { padding: 0px 5px } .serch_params_box { position: relative } .search-filters-panel .form-check { display: flex; min-height: 1.5rem; margin: 0; padding: 0 0 0 10px; flex-direction: row; align-items: center; gap: 10px; } .search-filters-panel .form-check .form-check-input { width: 21px; height: 21px; flex-basis: 21px; margin: 0; padding: 10px; } .search-filters-panel label { display: flex; flex: 1; padding: 12px 10px 12px 0; } .search__params__containerBG { background-image: none; } .search__params__containerBG .search-term-layout__term{ padding-left: 10px; } .search__dropdown.active { display: block; } .arrow::after { position: absolute; width: 14px; height: calc(100% - 2px); right: 10px; top: 2px; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); z-index: 1; pointer-events: none; background-repeat: no-repeat; } .arrow.active::after { transform: rotate(180deg); top: -3px; } #tags-container { display: flex; flex-wrap: wrap; margin-left: 7px; } .tag { display: flex; align-items: center; justify-content: center; padding: 5px 0px 5px 10px; margin: 5px; background-color: #ebf2fa; color: #000000; /* 文本颜色 */ border-radius: 100px; /* 圆角边框 */ font-size: 14px; cursor: pointer; transition: background-color 0.3s; /* 平滑背景颜色过渡 */ border: none; } .tag:hover { background: #f8f9fa; color: #00ae9e; } .tag-remove { width: 20px; height: 20px; text-align: center; color: pink; } .clearAll { line-height: 40px; text-decoration: none; } .isClear { min-width: 80px; display: none; } .showMoreBtn { padding: 0px; border: none; color: #00ae9e; background: none; display: none; } .small-collapse p:nth-child(2), .CatNoStyle { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* .tooltip { position: absolute; background: #000; color: #fff; padding: 5px; border-radius: 5px; font-size: 14px; } */ .jzymodal.left .modal-dialog, .jzymodal.right .modal-dialog { position: fixed; top: 0; right: 0; margin: auto; width: 50%; height: 100%; z-index: 99999; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .jzymodal.left .modal-content, .jzymodal.right .modal-content { height: 100%; overflow-y: auto; } .jzymodal.left .modal-body, .jzymodal.right .modal-body { padding: 15px 15px 80px; } /*Left*/ .jzymodal.left.fade .modal-dialog { left: -320px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; } .jzymodal.left.fade.in .modal-dialog { left: 0; } /*Right*/ .jzymodal.right.fade .modal-dialog { right: -320px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; } .jzymodal.right.fade.show .modal-dialog { right: 0 !important; } /* ----- MODAL STYLE ----- */ .modal-content { border-radius: 0; border: none; } .modal-header { border: none; } .accordion-button { font-size: 15px !important; color: #00ae9e !important; } .search-attribute-title { margin-bottom: 0px !important; } .result-group { cursor: pointer; } /* 滚动条轨道样式 */ ::-webkit-scrollbar { width: 8px; /* 设置滚动条宽度 */ } /* 滚动条滑块样式 */ ::-webkit-scrollbar-thumb { background-color: #888; /* 设置滑块背景颜色 */ border-radius: 4px; /* 设置滑块圆角 */ } /* 滚动条轨道hover状态样式 */ ::-webkit-scrollbar-track:hover { background-color: #f1f1f1; /* 设置轨道hover状态时的背景颜色 */ } /* 滚动条滑块hover状态样式 */ ::-webkit-scrollbar-thumb:hover { background-color: #555; /* 设置滑块hover状态时的背景颜色 */ } .custom-tooltip { color: #000000; text-align: center; position: absolute; display: none; padding: 5px; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 5px; } </style> <section class="search-filters-panel hide-for-small-only"> <div class="col-12 col-lg-12 mb-2" style="display: flex;"> <div id="tags-container"> <!-- <span class="tag"> <span class="tag_title">Tag 1</span> <span class="tag-remove">x</span> </span> --> </div> <div class="isClear ms-2"><a class="clearAll">Clear All</a></div> </div> <div class="col-12 col-lg-12 mb-4"> <div class="serch_params_box" style=" border-radius: 100px; width: auto; margin-left: 10px; background-color: #f7f7f7; padding: 7px 7px 7px 7px; font-size: 13px; font-weight: 600; line-height: 1.5; height: 33px; border: 1px solid #ccc; display: inline-block; "> <div class="search__params__container search__params__containerBG"> <div class="search-term-layout"> <div class="search-term-layout__term">Applications</div> <div class="arrow"></div> </div> </div> <div class="search__dropdown wrapper-dropdown"> <ul class="list-unstyled m-0 dropdown"> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="Tested Applications" value="FC"> <label class="form-check-label text-capitalize"> FC (7) </label> </div> </li> </ul> </div> </div> </div> <div class="col-12 col-lg-12"> <h4>Product Types</h4> <div class="serch_params_box" style=" border-radius: 100px; width: auto; margin-left: 10px; background-color: #f7f7f7; padding: 7px 7px 7px 7px; font-size: 13px; font-weight: 600; line-height: 1.5; height: 33px; border: 1px solid #ccc; display: inline-block; "> <div class="search__params__container search__params__containerBG"> <div class="search-term-layout"> <div class="search-term-layout__term">Kits &amp; Assays (7)</div> <div class="arrow"></div> </div> </div> <div class="search__dropdown wrapper-dropdown"> <ul class="list-unstyled m-0 dropdown"> <li class="search__dropdown__item"> <div class="form-check"> <input class="form-check-input" type="checkbox" name="Product Types" value="Supporting Reagents"> <label class="form-check-label"> Supporting Reagents (7) </label> </div> </li> </ul> </div> </div> </div> </section> <hr class="mt-2"> </aside> <aside class="col-12 col-lg-3 medium-thin search-filter-container show-for-small-only"> <section class="search-filters"> <button type="button" class="close" aria-label="Close"> <span aria-hidden="true"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 224.512 224.512" xml:space="preserve"> <g> <polygon points="224.507,6.997 217.521,0 112.256,105.258 6.998,0 0.005,6.997 105.263,112.254 0.005,217.512 6.998,224.512 112.256,119.24 217.521,224.512 224.507,217.512 119.249,112.254"></polygon> </g> </svg> </span> </button> <form style="margin-bottom: 150px;" novalidate="novalidate"> <div class="search-filters-hero"> <p class="ptg-green"> <strong>Filters</strong> <button class="float-end btn-link search-clear-all small" type="button"> Clear All </button> </p> <hr class="m-0"> </div> <div class="search-attribute"> <p class="search-attribute-title">Applications</p> <ul class="product-type-filter search-filter list-unstyled"> <li> <label> <input type="checkbox" value="FC" name="Tested Applications" > FC (7) </label> </li> </ul> <hr> </div> <div class="search-attribute"> <p class="search-attribute-title">Product Types</p> <ul class="product-type-filter search-filter list-unstyled"> <li> <label> <input type="checkbox" value="Supporting Reagents" name="Product Types" > Supporting Reagents (7) </label> </li> </ul> <hr> </div> </form> </section> </aside> <article class="col-12 col-lg-12 medium-wide"> <script> $(function () { //回显方法 function Echo() { //获取解析url的地址 let localUrl = window.location.href function extractFilterValue(url) { var startIndex = url.indexOf('filter='); // 截取filter参数值的部分 var filterSubstring = url.substring(startIndex + 7); // 加上7是为了跳过'filter='的长度 // 找到下一个参数或结尾的位置 var endIndex = filterSubstring.indexOf('&'); // 如果没有找到下一个参数,则取到结尾 if (endIndex === -1) { endIndex = filterSubstring.length; } // 提取出filter参数的值 return decodeURIComponent(filterSubstring.substring(0, endIndex)); } const filterValue = extractFilterValue(localUrl); function convertToArray(queryString) { const pairs = queryString.split('&'); let result = []; pairs.forEach(pair => { const [key, value] = pair.split('='); result.push({ key: key, value: value }); }); return result; } const resultArray = convertToArray(filterValue); let ceshi = resultArray //回显下拉框的值 if (ceshi && ceshi.length > 0) { ceshi.forEach(item => { $(".serch_params_box ul li").each(function () { let value = $(this).find(`input[name='${item?.key}']`).val()?.trim(); if (value?.trim() == decodeURIComponent(item?.value)?.trim()) { $(this).find("input").prop('checked', true); $(this).parent().parent().parent(".serch_params_box").css("border-color", '#00ae9e'); } }); } ) } //通过下拉框选中添加tags 标签 let TagHtml = "" $('.serch_params_box input[type="checkbox"]:checked').each(function () { const tagValue = $(this).next('label').text().trim().replace(/\s*\([^()]*\)$/, ''); const textName = $(this).attr("name") TagHtml += `<span class="tag"> <span class="tag_title" title='${textName}' name='${textName}'>${tagValue}</span> <a class="tag-remove"><svg t="1719455003335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20527" width="16" height="16"><path d="M572.267 512l225.867-225.867c16.533-16.533 16.533-43.733 0-60.267s-43.733-16.533-60.267 0L512 451.733 286.133 225.866c-16.533-16.533-43.733-16.533-60.267 0s-16.533 43.733 0 60.267L451.733 512 225.866 737.867c-16.533 16.533-16.533 43.733 0 60.267 8.267 8.267 19.2 12.533 30.133 12.533s21.867-4.267 30.133-12.533l225.867-225.867 225.867 225.867c8.267 8.267 19.2 12.533 30.133 12.533s21.867-4.267 30.133-12.533c16.533-16.533 16.533-43.733 0-60.267L572.265 512z" fill="#cdcdcd" p-id="20528"></path></svg></a> </span>` }); $('#tags-container').empty() $('#tags-container').append(TagHtml) if ($('#tags-container .tag').length > 0) { $('.isClear').show(); // 如果存在特定的 div,则显示另一个 div } else { $('.isClear').hide(); // 如果不存在特定的 div,则隐藏另一个 div } // 下拉框选项回显结束 } Echo() //点击下拉框,删除TAG 和Clear All用到 跳转页面 function Jump() { //判断选中和没选中的去跳转 let results = [] let checkboxes = document.querySelectorAll('.serch_params_box ul li input[type="checkbox"]:checked'); if (checkboxes.length > 0) { checkboxes.forEach((checkbox) => { // Retrieve name and value attributes const name = checkbox.getAttribute('name'); const value = checkbox.getAttribute('value'); results.push({ name, value }); }); } let queryParams = results.map(item => `${encodeURIComponent(item.name)}${encodeURIComponent('=')}${encodeURIComponent(item.value)}`).join(encodeURIComponent('&')); if ($("#hidcategory").val() != null && $("#hidcategory").val() != "") { window.location.href = `/results?category=${$("#hidcategory").val()}&q=${$('#hidq').val().replace('#', '%23')}&filter=${queryParams}&mode=${$('#hidmode').val()}`; } else { window.location.href = `/results?q=${$('#hidq').val().replace('#', '%23')}&filter=${queryParams}&mode=${$('#hidmode').val()}`; } } $(".search-filters-panel .search__params__container").click(function (event) { event.stopPropagation(); // 阻止事件冒泡,防止触发外层元素的点击事件 $(this).find('.arrow').toggleClass("active").closest('.serch_params_box') .siblings().find('.arrow').removeClass('active') .parents('.serch_params_box').parent().siblings().find('.arrow').removeClass("active") $(this).next('.search__dropdown').toggleClass('active').closest('.serch_params_box') .siblings().find('.search__dropdown').removeClass('active') .parents('.serch_params_box').parent().siblings().find('.search__dropdown').removeClass('active') }); // 当点击其他位置时 $(document).click(function () { // 隐藏下拉内容 $(".search-filters-panel .search__dropdown").removeClass("active") $('.arrow').removeClass("active") }); // 当点击下拉内容区域时,阻止事件冒泡到document,防止隐藏下拉内容 $(".search-filters-panel .search__dropdown").click(function (event) { event.stopPropagation(); }); //点击label 也能选中checkbox $('.serch_params_box .form-check-label').click(function () { let isChecked = $(this).prev("input").prop('checked') $(this).prev("input").prop('checked', !isChecked) }); //点击清除所有 $('.clearAll').click(function () { $('#tags-container').empty() $('.serch_params_box input').prop('checked', false) $('.isClear').hide(); Jump() }) //点击TAG x 移除按钮 $(document).on('click', '.tag-remove', function () { //移除tag $(this).parent('.tag').remove(); //把下拉选项选中变为不选中 let value = $(this).prev('.tag_title').text() let name = $(this).prev('.tag_title').attr("name") $(".serch_params_box ul li").each(function () { if ($(this).find('label').text().trim().replace(/\s*\([^()]*\)$/, '') === value && $(this).find("input").attr("name") === name) { $(this).find("input").prop('checked', false) } }); Jump() // 判断是否有isClear if ($('#tags-container .tag').length > 0) { $('.isClear').show(); // 如果存在特定的 div,则显示另一个 div } else { $('.isClear').hide(); // 如果不存在特定的 div,则隐藏另一个 div } }); //点击下拉列表 $('.serch_params_box ul li').click(function () { //去掉括号以及括号里面的数量 let textValue = $(this).text().trim().replace(/\s*\([^()]*\)$/, ''); let textName = $(this).find("input").attr('name') //选中chekcbox变为不选中,移除Tag标签 if ($(this).find("input").is(':checked') == false) { $("#tags-container .tag_title").each(function () { if ($(this).text().trim() === textValue.trim()) { $(this).closest(".tag").remove(); } }); } else { // 括号选中,添加到Tag列表上去 let isExit = false let parValue = textValue // tags原标签是否存在 $('#tags-container .tag_title').each(function () { var liText = $(this).text().replace(/\s*\([^()]*\)$/, ''); if (liText == parValue) { isExit = true } }); if (isExit === false) { $('#tags-container').append(`<span class="tag"> <span class="tag_title" title='${textName}' name='${textName}'>${parValue}</span> <a class="tag-remove"><svg t="1719455003335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20527" width="16" height="16"><path d="M572.267 512l225.867-225.867c16.533-16.533 16.533-43.733 0-60.267s-43.733-16.533-60.267 0L512 451.733 286.133 225.866c-16.533-16.533-43.733-16.533-60.267 0s-16.533 43.733 0 60.267L451.733 512 225.866 737.867c-16.533 16.533-16.533 43.733 0 60.267 8.267 8.267 19.2 12.533 30.133 12.533s21.867-4.267 30.133-12.533l225.867-225.867 225.867 225.867c8.267 8.267 19.2 12.533 30.133 12.533s21.867-4.267 30.133-12.533c16.533-16.533 16.533-43.733 0-60.267L572.265 512z" fill="#cdcdcd" p-id="20528"></path></svg></a> </span>`); } isExit = true } Jump() // 判断是否有isClear if ($('#tags-container .tag').length > 0) { $('.isClear').show(); // 如果存在特定的 div,则显示另一个 div } else { $('.isClear').hide(); // 如果不存在特定的 div,则隐藏另一个 div } }); //点击more 展示所有 var $p = $('.small-collapse p:nth-child(2),.CatNoStyle'); var $button = $('.showMoreBtn') $p.each(function () { if ($(this).prop('scrollHeight') > $(this).height()) { $(this).next('button').show() } else { $(this).next('button').hide() } }); $button.click(function (event) { event.stopPropagation(); // 阻止more点击按钮冒泡 if ($(this).text() === 'More') { // 展开所有文本 $(this).prev("p").css('overflow', 'visible').css('text-overflow', 'clip').css('-webkit-box-orient', 'horizontal'); $(this).text('Less'); } else { // 恢复为两行 $(this).prev("p").css('overflow', 'hidden').css('text-overflow', 'ellipsis').css('-webkit-line-clamp', '2').css('-webkit-box-orient', 'vertical'); $(this).text('More'); } }); }); </script> <section class="search-results"> <ul id="search-results-ajax" class="ajax-panel list-unstyled"> <li class="search-result-wrapper"> <div class="search-result clearfix PD00007" data-category="Supporting Reagents" data-ptgno="PD00007" data-catalogno="PD00007" data-mode="Single" data-source=""> <div class="row hidden-for-small-only"> <div class="col-12 col-lg-9"> <a href="/products/Phantom-Dye-Blue-516-PD00007.htm" class="ptg-black text-decoration-none"> <div class="row"> <div class="col-12 mb-2" data-reorder="details"> <h3> <span class="link block ptg-green"> Phantom Dye Blue 516 Viability Dye </span> </h3> <ul class="inline-list list-unstyled"> </ul> </div> <div class="col-12 col-lg-2" data-reorder="slider"> <div class="search-result-preview"> <div data-reveal-id="resultGalleryModal-pd00007" class="text-center mb-2"> <img src="https://www.ptglab.com/products/pictures/PD00007-EN-SupportingResult-3.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Blue 516 Viability Dye. Viable gate is indicated."> </div> <span data-reveal-id="resultGalleryModal-pd00007" class="ptg-green"> Enlarge Image </span> </div> <section class="reveal-modal tiny" id="resultImageModal-pd00007" data-reveal="" aria-hidden="true" role="dialog"> <span class="close-reveal-modal">×</span> <p>Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Blue 516 Viability Dye. Viable gate is indicated.</p> <img src="https://www.ptglab.com/products/pictures/PD00007-EN-SupportingResult-3.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Blue 516 Viability Dye. Viable gate is indicated."> </section> </div> <div class="col-12 col-lg-10" data-reorder="applications"> <ul class="row small-collapse medium-uncollapse list-unstyled"> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Excitation Laser</strong></p> <p class="mb-2 "> Blue (488 nm) </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Emission</strong></p> <p class="mb-2 "> 516 nm </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Solution in anhydrous DMSO</strong></p> <p class="mb-2 "> 1 μl/test in DMSO </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Application</strong></p> <p class="mb-2 "> FC </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Sizes</strong></p> <p class="mb-2 price-sizelist"> </p> </li> </ul> </div> </div> </a> </div> <div class="col-12 col-lg-3" data-reorder="cost"> <div class="row"> <div class="columns small-12 medium-9 medium-offset-3"> <h3 class="price"> <span class="price-amount">-_-</span> <span class="price-size">/ -_-</span> </h3> <p class="inquire-size" style="font-size: 11px;"></p> </div> <div class="columns small-12 medium-9 medium-offset-3"> <p><strong>Cat No.</strong> <span class="CatalogNo">PD00007</span></p> <p class="delivery-Info" hidden></p> <span class="other-info" hidden></span> </div> </div> </div> </div> <div class="row show-for-small-only"> <div class="col-12"> <a href="/products/Phantom-Dye-Blue-516-PD00007.htm" class="ptg-black text-decoration-none"> <div class="row"> <div class="col-3 px-0 d-flex align-items-center justify-content-center"> <div class="search-result-preview"> <div data-reveal-id="resultImageModal-pd00007" class="text-center mb-2"> <img src="https://www.ptglab.com/products/pictures/PD00007-EN-SupportingResult-3.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Blue 516 Viability Dye. Viable gate is indicated."> </div> </div> </div> <div class="col-9"> <span class="link block fw-bold ptg-green"> Phantom Dye Blue 516 Viability Dye </span> <h3 class="price"> <span class="price-amount">-_-</span> <span class="price-size">/ -_-</span> </h3> <p class="inquire-size" style="font-size: 11px;"></p> </div> </div> </a> </div> </div> </div> <section class="gallery reveal-modal full" id="resultGalleryModal-pd00007" data-reveal="" aria-hidden="true" role="dialog"> <span class="close-reveal-modal">×</span> <div class="container-xl"> <div class="row"> <div class="col-12 col-lg-10 medium-centered"> <h3 class="text-center"> The search results gallery shows a selection of our total image library<br> <a href="/products/Phantom-Dye-Blue-516-PD00007.htm" rel="nofollow" class="link" style="text-decoration: underline;">More validation images available on the product page</a> </h3> <div class="row"> <div class="col-12 col-lg-4"> <div class="gallery-box"> <img src="https://www.ptglab.com/products/pictures/PD00007-EN-SupportingResult-3.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Blue 516 Viability Dye. Viable gate is indicated."> </div> <h3></h3> <p class="ptg-white" style="height: 90px; overflow: auto;"> Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Blue 516 Viability Dye. Viable gate is indicated. </p> <hr> </div> </div> </div> </div> </div> </section> </li> <li class="search-result-wrapper"> <div class="search-result clearfix PD00001" data-category="Supporting Reagents" data-ptgno="PD00001" data-catalogno="PD00001" data-mode="Single" data-source=""> <div class="row hidden-for-small-only"> <div class="col-12 col-lg-9"> <a href="/products/Phantom-Dye-Red-710-PD00001.htm" class="ptg-black text-decoration-none"> <div class="row"> <div class="col-12 mb-2" data-reorder="details"> <h3> <span class="link block ptg-green"> Phantom Dye Red 710 Viability Dye </span> </h3> <ul class="inline-list list-unstyled"> </ul> </div> <div class="col-12 col-lg-2" data-reorder="slider"> <div class="search-result-preview"> <div data-reveal-id="resultGalleryModal-pd00001" class="text-center mb-2"> <img src="https://www.ptglab.com/products/pictures/PD00001-EN-SupportingResult-2.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Red 710 Viability Dye. Viable gate is indicated."> </div> <span data-reveal-id="resultGalleryModal-pd00001" class="ptg-green"> Enlarge Image </span> </div> <section class="reveal-modal tiny" id="resultImageModal-pd00001" data-reveal="" aria-hidden="true" role="dialog"> <span class="close-reveal-modal">×</span> <p>Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Red 710 Viability Dye. Viable gate is indicated.</p> <img src="https://www.ptglab.com/products/pictures/PD00001-EN-SupportingResult-2.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Red 710 Viability Dye. Viable gate is indicated."> </section> </div> <div class="col-12 col-lg-10" data-reorder="applications"> <ul class="row small-collapse medium-uncollapse list-unstyled"> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Excitation Laser</strong></p> <p class="mb-2 "> Red (633-647 nm) </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Emission</strong></p> <p class="mb-2 "> 710 nm </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Solution in anhydrous DMSO</strong></p> <p class="mb-2 "> 1 μl/test in DMSO </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Application</strong></p> <p class="mb-2 "> FC </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Sizes</strong></p> <p class="mb-2 price-sizelist"> </p> </li> </ul> </div> </div> </a> </div> <div class="col-12 col-lg-3" data-reorder="cost"> <div class="row"> <div class="columns small-12 medium-9 medium-offset-3"> <h3 class="price"> <span class="price-amount">-_-</span> <span class="price-size">/ -_-</span> </h3> <p class="inquire-size" style="font-size: 11px;"></p> </div> <div class="columns small-12 medium-9 medium-offset-3"> <p><strong>Cat No.</strong> <span class="CatalogNo">PD00001</span></p> <p class="delivery-Info" hidden></p> <span class="other-info" hidden></span> </div> </div> </div> </div> <div class="row show-for-small-only"> <div class="col-12"> <a href="/products/Phantom-Dye-Red-710-PD00001.htm" class="ptg-black text-decoration-none"> <div class="row"> <div class="col-3 px-0 d-flex align-items-center justify-content-center"> <div class="search-result-preview"> <div data-reveal-id="resultImageModal-pd00001" class="text-center mb-2"> <img src="https://www.ptglab.com/products/pictures/PD00001-EN-SupportingResult-2.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Red 710 Viability Dye. Viable gate is indicated."> </div> </div> </div> <div class="col-9"> <span class="link block fw-bold ptg-green"> Phantom Dye Red 710 Viability Dye </span> <h3 class="price"> <span class="price-amount">-_-</span> <span class="price-size">/ -_-</span> </h3> <p class="inquire-size" style="font-size: 11px;"></p> </div> </div> </a> </div> </div> </div> <section class="gallery reveal-modal full" id="resultGalleryModal-pd00001" data-reveal="" aria-hidden="true" role="dialog"> <span class="close-reveal-modal">×</span> <div class="container-xl"> <div class="row"> <div class="col-12 col-lg-10 medium-centered"> <h3 class="text-center"> The search results gallery shows a selection of our total image library<br> <a href="/products/Phantom-Dye-Red-710-PD00001.htm" rel="nofollow" class="link" style="text-decoration: underline;">More validation images available on the product page</a> </h3> <div class="row"> <div class="col-12 col-lg-4"> <div class="gallery-box"> <img src="https://www.ptglab.com/products/pictures/PD00001-EN-SupportingResult-2.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Red 710 Viability Dye. Viable gate is indicated."> </div> <h3></h3> <p class="ptg-white" style="height: 90px; overflow: auto;"> Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Red 710 Viability Dye. Viable gate is indicated. </p> <hr> </div> </div> </div> </div> </div> </section> </li> <li class="search-result-wrapper"> <div class="search-result clearfix PD00002" data-category="Supporting Reagents" data-ptgno="PD00002" data-catalogno="PD00002" data-mode="Single" data-source=""> <div class="row hidden-for-small-only"> <div class="col-12 col-lg-9"> <a href="/products/Phantom-DyeTM-Red-780-PD00002.htm" class="ptg-black text-decoration-none"> <div class="row"> <div class="col-12 mb-2" data-reorder="details"> <h3> <span class="link block ptg-green"> Phantom Dye Red 780 Viability Dye </span> </h3> <ul class="inline-list list-unstyled"> <li class="label" style="background-color: #d60c8c !important; border-color: #d60c8c !important;font-size:0.675rem;">1 Publications</li> </ul> </div> <div class="col-12 col-lg-2" data-reorder="slider"> <div class="search-result-preview"> <div data-reveal-id="resultGalleryModal-pd00002" class="text-center mb-2"> <img src="https://www.ptglab.com/products/pictures/PD00002-EN-SupportingResult-2.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Red 780 Viability Dye. Viable gate is indicated."> </div> <span data-reveal-id="resultGalleryModal-pd00002" class="ptg-green"> Enlarge Image </span> </div> <section class="reveal-modal tiny" id="resultImageModal-pd00002" data-reveal="" aria-hidden="true" role="dialog"> <span class="close-reveal-modal">×</span> <p>Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Red 780 Viability Dye. Viable gate is indicated.</p> <img src="https://www.ptglab.com/products/pictures/PD00002-EN-SupportingResult-2.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Red 780 Viability Dye. Viable gate is indicated."> </section> </div> <div class="col-12 col-lg-10" data-reorder="applications"> <ul class="row small-collapse medium-uncollapse list-unstyled"> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Excitation Laser</strong></p> <p class="mb-2 "> Red (633 nm) </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Emission</strong></p> <p class="mb-2 "> 780 nm </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Solution in anhydrous DMSO</strong></p> <p class="mb-2 "> 1 μl/test in DMSO </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Application</strong></p> <p class="mb-2 "> FC </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Sizes</strong></p> <p class="mb-2 price-sizelist"> </p> </li> </ul> </div> </div> </a> </div> <div class="col-12 col-lg-3" data-reorder="cost"> <div class="row"> <div class="columns small-12 medium-9 medium-offset-3"> <h3 class="price"> <span class="price-amount">-_-</span> <span class="price-size">/ -_-</span> </h3> <p class="inquire-size" style="font-size: 11px;"></p> </div> <div class="columns small-12 medium-9 medium-offset-3"> <p><strong>Cat No.</strong> <span class="CatalogNo">PD00002</span></p> <p class="delivery-Info" hidden></p> <span class="other-info" hidden></span> </div> </div> </div> </div> <div class="row show-for-small-only"> <div class="col-12"> <a href="/products/Phantom-DyeTM-Red-780-PD00002.htm" class="ptg-black text-decoration-none"> <div class="row"> <div class="col-3 px-0 d-flex align-items-center justify-content-center"> <div class="search-result-preview"> <div data-reveal-id="resultImageModal-pd00002" class="text-center mb-2"> <img src="https://www.ptglab.com/products/pictures/PD00002-EN-SupportingResult-2.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Red 780 Viability Dye. Viable gate is indicated."> </div> </div> </div> <div class="col-9"> <span class="link block fw-bold ptg-green"> Phantom Dye Red 780 Viability Dye </span> <h3 class="price"> <span class="price-amount">-_-</span> <span class="price-size">/ -_-</span> </h3> <p class="inquire-size" style="font-size: 11px;"></p> </div> </div> </a> </div> </div> </div> <section class="gallery reveal-modal full" id="resultGalleryModal-pd00002" data-reveal="" aria-hidden="true" role="dialog"> <span class="close-reveal-modal">×</span> <div class="container-xl"> <div class="row"> <div class="col-12 col-lg-10 medium-centered"> <h3 class="text-center"> The search results gallery shows a selection of our total image library<br> <a href="/products/Phantom-DyeTM-Red-780-PD00002.htm" rel="nofollow" class="link" style="text-decoration: underline;">More validation images available on the product page</a> </h3> <div class="row"> <div class="col-12 col-lg-4"> <div class="gallery-box"> <img src="https://www.ptglab.com/products/pictures/PD00002-EN-SupportingResult-2.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Red 780 Viability Dye. Viable gate is indicated."> </div> <h3></h3> <p class="ptg-white" style="height: 90px; overflow: auto;"> Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Red 780 Viability Dye. Viable gate is indicated. </p> <hr> </div> </div> </div> </div> </div> </section> </li> <li class="search-result-wrapper"> <div class="search-result clearfix PD00003" data-category="Supporting Reagents" data-ptgno="PD00003" data-catalogno="PD00003" data-mode="Single" data-source=""> <div class="row hidden-for-small-only"> <div class="col-12 col-lg-9"> <a href="/products/Phantom-Dye-UV-450-PD00003.htm" class="ptg-black text-decoration-none"> <div class="row"> <div class="col-12 mb-2" data-reorder="details"> <h3> <span class="link block ptg-green"> Phantom Dye UV 450 Viability Dye </span> </h3> <ul class="inline-list list-unstyled"> </ul> </div> <div class="col-12 col-lg-2" data-reorder="slider"> <div class="search-result-preview"> <div data-reveal-id="resultGalleryModal-pd00003" class="text-center mb-2"> <img src="https://www.ptglab.com/products/pictures/PD00003-EN-SupportingResult-2.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye UV 450 Viability Dye. Viable gate is indicated."> </div> <span data-reveal-id="resultGalleryModal-pd00003" class="ptg-green"> Enlarge Image </span> </div> <section class="reveal-modal tiny" id="resultImageModal-pd00003" data-reveal="" aria-hidden="true" role="dialog"> <span class="close-reveal-modal">×</span> <p>Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye UV 450 Viability Dye. Viable gate is indicated.</p> <img src="https://www.ptglab.com/products/pictures/PD00003-EN-SupportingResult-2.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye UV 450 Viability Dye. Viable gate is indicated."> </section> </div> <div class="col-12 col-lg-10" data-reorder="applications"> <ul class="row small-collapse medium-uncollapse list-unstyled"> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Excitation Laser</strong></p> <p class="mb-2 "> UV (355 nm) </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Emission</strong></p> <p class="mb-2 "> 450 nm </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Formulation</strong></p> <p class="mb-2 "> 1 μl/test in DMSO </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Application</strong></p> <p class="mb-2 "> FC </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Sizes</strong></p> <p class="mb-2 price-sizelist"> </p> </li> </ul> </div> </div> </a> </div> <div class="col-12 col-lg-3" data-reorder="cost"> <div class="row"> <div class="columns small-12 medium-9 medium-offset-3"> <h3 class="price"> <span class="price-amount">-_-</span> <span class="price-size">/ -_-</span> </h3> <p class="inquire-size" style="font-size: 11px;"></p> </div> <div class="columns small-12 medium-9 medium-offset-3"> <p><strong>Cat No.</strong> <span class="CatalogNo">PD00003</span></p> <p class="delivery-Info" hidden></p> <span class="other-info" hidden></span> </div> </div> </div> </div> <div class="row show-for-small-only"> <div class="col-12"> <a href="/products/Phantom-Dye-UV-450-PD00003.htm" class="ptg-black text-decoration-none"> <div class="row"> <div class="col-3 px-0 d-flex align-items-center justify-content-center"> <div class="search-result-preview"> <div data-reveal-id="resultImageModal-pd00003" class="text-center mb-2"> <img src="https://www.ptglab.com/products/pictures/PD00003-EN-SupportingResult-2.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye UV 450 Viability Dye. Viable gate is indicated."> </div> </div> </div> <div class="col-9"> <span class="link block fw-bold ptg-green"> Phantom Dye UV 450 Viability Dye </span> <h3 class="price"> <span class="price-amount">-_-</span> <span class="price-size">/ -_-</span> </h3> <p class="inquire-size" style="font-size: 11px;"></p> </div> </div> </a> </div> </div> </div> <section class="gallery reveal-modal full" id="resultGalleryModal-pd00003" data-reveal="" aria-hidden="true" role="dialog"> <span class="close-reveal-modal">×</span> <div class="container-xl"> <div class="row"> <div class="col-12 col-lg-10 medium-centered"> <h3 class="text-center"> The search results gallery shows a selection of our total image library<br> <a href="/products/Phantom-Dye-UV-450-PD00003.htm" rel="nofollow" class="link" style="text-decoration: underline;">More validation images available on the product page</a> </h3> <div class="row"> <div class="col-12 col-lg-4"> <div class="gallery-box"> <img src="https://www.ptglab.com/products/pictures/PD00003-EN-SupportingResult-2.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye UV 450 Viability Dye. Viable gate is indicated."> </div> <h3></h3> <p class="ptg-white" style="height: 90px; overflow: auto;"> Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye UV 450 Viability Dye. Viable gate is indicated. </p> <hr> </div> </div> </div> </div> </div> </section> </li> <li class="search-result-wrapper"> <div class="search-result clearfix PD00004" data-category="Supporting Reagents" data-ptgno="PD00004" data-catalogno="PD00004" data-mode="Single" data-source=""> <div class="row hidden-for-small-only"> <div class="col-12 col-lg-9"> <a href="/products/Phantom-DyeTM-Violet-450-PD00004.htm" class="ptg-black text-decoration-none"> <div class="row"> <div class="col-12 mb-2" data-reorder="details"> <h3> <span class="link block ptg-green"> Phantom Dye Violet 450 Viability Dye </span> </h3> <ul class="inline-list list-unstyled"> </ul> </div> <div class="col-12 col-lg-2" data-reorder="slider"> <div class="search-result-preview"> <div data-reveal-id="resultGalleryModal-pd00004" class="text-center mb-2"> <img src="https://www.ptglab.com/products/pictures/PD00004-EN-SupportingResult-3.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 450 Viability Dye. Viable gate is indicated."> </div> <span data-reveal-id="resultGalleryModal-pd00004" class="ptg-green"> Enlarge Image </span> </div> <section class="reveal-modal tiny" id="resultImageModal-pd00004" data-reveal="" aria-hidden="true" role="dialog"> <span class="close-reveal-modal">×</span> <p>Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 450 Viability Dye. Viable gate is indicated.</p> <img src="https://www.ptglab.com/products/pictures/PD00004-EN-SupportingResult-3.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 450 Viability Dye. Viable gate is indicated."> </section> </div> <div class="col-12 col-lg-10" data-reorder="applications"> <ul class="row small-collapse medium-uncollapse list-unstyled"> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Excitation Laser</strong></p> <p class="mb-2 "> Violet (405 nm) </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Emission</strong></p> <p class="mb-2 "> 450 nm </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Solution in anhydrous DMSO</strong></p> <p class="mb-2 "> 1 μl/test in DMSO </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Application</strong></p> <p class="mb-2 "> FC </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Sizes</strong></p> <p class="mb-2 price-sizelist"> </p> </li> </ul> </div> </div> </a> </div> <div class="col-12 col-lg-3" data-reorder="cost"> <div class="row"> <div class="columns small-12 medium-9 medium-offset-3"> <h3 class="price"> <span class="price-amount">-_-</span> <span class="price-size">/ -_-</span> </h3> <p class="inquire-size" style="font-size: 11px;"></p> </div> <div class="columns small-12 medium-9 medium-offset-3"> <p><strong>Cat No.</strong> <span class="CatalogNo">PD00004</span></p> <p class="delivery-Info" hidden></p> <span class="other-info" hidden></span> </div> </div> </div> </div> <div class="row show-for-small-only"> <div class="col-12"> <a href="/products/Phantom-DyeTM-Violet-450-PD00004.htm" class="ptg-black text-decoration-none"> <div class="row"> <div class="col-3 px-0 d-flex align-items-center justify-content-center"> <div class="search-result-preview"> <div data-reveal-id="resultImageModal-pd00004" class="text-center mb-2"> <img src="https://www.ptglab.com/products/pictures/PD00004-EN-SupportingResult-3.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 450 Viability Dye. Viable gate is indicated."> </div> </div> </div> <div class="col-9"> <span class="link block fw-bold ptg-green"> Phantom Dye Violet 450 Viability Dye </span> <h3 class="price"> <span class="price-amount">-_-</span> <span class="price-size">/ -_-</span> </h3> <p class="inquire-size" style="font-size: 11px;"></p> </div> </div> </a> </div> </div> </div> <section class="gallery reveal-modal full" id="resultGalleryModal-pd00004" data-reveal="" aria-hidden="true" role="dialog"> <span class="close-reveal-modal">×</span> <div class="container-xl"> <div class="row"> <div class="col-12 col-lg-10 medium-centered"> <h3 class="text-center"> The search results gallery shows a selection of our total image library<br> <a href="/products/Phantom-DyeTM-Violet-450-PD00004.htm" rel="nofollow" class="link" style="text-decoration: underline;">More validation images available on the product page</a> </h3> <div class="row"> <div class="col-12 col-lg-4"> <div class="gallery-box"> <img src="https://www.ptglab.com/products/pictures/PD00004-EN-SupportingResult-3.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 450 Viability Dye. Viable gate is indicated."> </div> <h3></h3> <p class="ptg-white" style="height: 90px; overflow: auto;"> Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 450 Viability Dye. Viable gate is indicated. </p> <hr> </div> </div> </div> </div> </div> </section> </li> <li class="search-result-wrapper"> <div class="search-result clearfix PD00005" data-category="Supporting Reagents" data-ptgno="PD00005" data-catalogno="PD00005" data-mode="Single" data-source=""> <div class="row hidden-for-small-only"> <div class="col-12 col-lg-9"> <a href="/products/Phantom-DyeTM-Violet-510-PD00005.htm" class="ptg-black text-decoration-none"> <div class="row"> <div class="col-12 mb-2" data-reorder="details"> <h3> <span class="link block ptg-green"> Phantom Dye Violet 510 Viability Dye </span> </h3> <ul class="inline-list list-unstyled"> </ul> </div> <div class="col-12 col-lg-2" data-reorder="slider"> <div class="search-result-preview"> <div data-reveal-id="resultGalleryModal-pd00005" class="text-center mb-2"> <img src="https://www.ptglab.com/products/pictures/PD00005-EN-SupportingResult-3.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 510 Viability Dye. Viable gate is indicated."> </div> <span data-reveal-id="resultGalleryModal-pd00005" class="ptg-green"> Enlarge Image </span> </div> <section class="reveal-modal tiny" id="resultImageModal-pd00005" data-reveal="" aria-hidden="true" role="dialog"> <span class="close-reveal-modal">×</span> <p>Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 510 Viability Dye. Viable gate is indicated.</p> <img src="https://www.ptglab.com/products/pictures/PD00005-EN-SupportingResult-3.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 510 Viability Dye. Viable gate is indicated."> </section> </div> <div class="col-12 col-lg-10" data-reorder="applications"> <ul class="row small-collapse medium-uncollapse list-unstyled"> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Excitation Laser</strong></p> <p class="mb-2 "> Violet (405 nm) </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Emission</strong></p> <p class="mb-2 "> 510 nm </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Solution in anhydrous DMSO</strong></p> <p class="mb-2 "> 1 μl/test in DMSO </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Application</strong></p> <p class="mb-2 "> FC </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Sizes</strong></p> <p class="mb-2 price-sizelist"> </p> </li> </ul> </div> </div> </a> </div> <div class="col-12 col-lg-3" data-reorder="cost"> <div class="row"> <div class="columns small-12 medium-9 medium-offset-3"> <h3 class="price"> <span class="price-amount">-_-</span> <span class="price-size">/ -_-</span> </h3> <p class="inquire-size" style="font-size: 11px;"></p> </div> <div class="columns small-12 medium-9 medium-offset-3"> <p><strong>Cat No.</strong> <span class="CatalogNo">PD00005</span></p> <p class="delivery-Info" hidden></p> <span class="other-info" hidden></span> </div> </div> </div> </div> <div class="row show-for-small-only"> <div class="col-12"> <a href="/products/Phantom-DyeTM-Violet-510-PD00005.htm" class="ptg-black text-decoration-none"> <div class="row"> <div class="col-3 px-0 d-flex align-items-center justify-content-center"> <div class="search-result-preview"> <div data-reveal-id="resultImageModal-pd00005" class="text-center mb-2"> <img src="https://www.ptglab.com/products/pictures/PD00005-EN-SupportingResult-3.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 510 Viability Dye. Viable gate is indicated."> </div> </div> </div> <div class="col-9"> <span class="link block fw-bold ptg-green"> Phantom Dye Violet 510 Viability Dye </span> <h3 class="price"> <span class="price-amount">-_-</span> <span class="price-size">/ -_-</span> </h3> <p class="inquire-size" style="font-size: 11px;"></p> </div> </div> </a> </div> </div> </div> <section class="gallery reveal-modal full" id="resultGalleryModal-pd00005" data-reveal="" aria-hidden="true" role="dialog"> <span class="close-reveal-modal">×</span> <div class="container-xl"> <div class="row"> <div class="col-12 col-lg-10 medium-centered"> <h3 class="text-center"> The search results gallery shows a selection of our total image library<br> <a href="/products/Phantom-DyeTM-Violet-510-PD00005.htm" rel="nofollow" class="link" style="text-decoration: underline;">More validation images available on the product page</a> </h3> <div class="row"> <div class="col-12 col-lg-4"> <div class="gallery-box"> <img src="https://www.ptglab.com/products/pictures/PD00005-EN-SupportingResult-3.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 510 Viability Dye. Viable gate is indicated."> </div> <h3></h3> <p class="ptg-white" style="height: 90px; overflow: auto;"> Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 510 Viability Dye. Viable gate is indicated. </p> <hr> </div> </div> </div> </div> </div> </section> </li> <li class="search-result-wrapper"> <div class="search-result clearfix PD00006" data-category="Supporting Reagents" data-ptgno="PD00006" data-catalogno="PD00006" data-mode="Single" data-source=""> <div class="row hidden-for-small-only"> <div class="col-12 col-lg-9"> <a href="/products/Phantom-Dye-Violet-540-PD00006.htm" class="ptg-black text-decoration-none"> <div class="row"> <div class="col-12 mb-2" data-reorder="details"> <h3> <span class="link block ptg-green"> Phantom Dye Violet 540 Viability Dye </span> </h3> <ul class="inline-list list-unstyled"> </ul> </div> <div class="col-12 col-lg-2" data-reorder="slider"> <div class="search-result-preview"> <div data-reveal-id="resultGalleryModal-pd00006" class="text-center mb-2"> <img src="https://www.ptglab.com/products/pictures/PD00006-EN-SupportingResult-3.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 540 Viability Dye. Viable gate is indicated."> </div> <span data-reveal-id="resultGalleryModal-pd00006" class="ptg-green"> Enlarge Image </span> </div> <section class="reveal-modal tiny" id="resultImageModal-pd00006" data-reveal="" aria-hidden="true" role="dialog"> <span class="close-reveal-modal">×</span> <p>Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 540 Viability Dye. Viable gate is indicated.</p> <img src="https://www.ptglab.com/products/pictures/PD00006-EN-SupportingResult-3.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 540 Viability Dye. Viable gate is indicated."> </section> </div> <div class="col-12 col-lg-10" data-reorder="applications"> <ul class="row small-collapse medium-uncollapse list-unstyled"> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Excitation Laser</strong></p> <p class="mb-2 "> Violet (405 nm) </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Emission</strong></p> <p class="mb-2 "> 537 nm </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Solution in anhydrous DMSO</strong></p> <p class="mb-2 "> 1 μl/test in DMSO </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Application</strong></p> <p class="mb-2 "> FC </p> <button class="showMoreBtn">More</button> </li> <li class="col-12 col-lg-3 mb-1"> <p class="grey1 m-0"><strong>Sizes</strong></p> <p class="mb-2 price-sizelist"> </p> </li> </ul> </div> </div> </a> </div> <div class="col-12 col-lg-3" data-reorder="cost"> <div class="row"> <div class="columns small-12 medium-9 medium-offset-3"> <h3 class="price"> <span class="price-amount">-_-</span> <span class="price-size">/ -_-</span> </h3> <p class="inquire-size" style="font-size: 11px;"></p> </div> <div class="columns small-12 medium-9 medium-offset-3"> <p><strong>Cat No.</strong> <span class="CatalogNo">PD00006</span></p> <p class="delivery-Info" hidden></p> <span class="other-info" hidden></span> </div> </div> </div> </div> <div class="row show-for-small-only"> <div class="col-12"> <a href="/products/Phantom-Dye-Violet-540-PD00006.htm" class="ptg-black text-decoration-none"> <div class="row"> <div class="col-3 px-0 d-flex align-items-center justify-content-center"> <div class="search-result-preview"> <div data-reveal-id="resultImageModal-pd00006" class="text-center mb-2"> <img src="https://www.ptglab.com/products/pictures/PD00006-EN-SupportingResult-3.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 540 Viability Dye. Viable gate is indicated."> </div> </div> </div> <div class="col-9"> <span class="link block fw-bold ptg-green"> Phantom Dye Violet 540 Viability Dye </span> <h3 class="price"> <span class="price-amount">-_-</span> <span class="price-size">/ -_-</span> </h3> <p class="inquire-size" style="font-size: 11px;"></p> </div> </div> </a> </div> </div> </div> <section class="gallery reveal-modal full" id="resultGalleryModal-pd00006" data-reveal="" aria-hidden="true" role="dialog"> <span class="close-reveal-modal">×</span> <div class="container-xl"> <div class="row"> <div class="col-12 col-lg-10 medium-centered"> <h3 class="text-center"> The search results gallery shows a selection of our total image library<br> <a href="/products/Phantom-Dye-Violet-540-PD00006.htm" rel="nofollow" class="link" style="text-decoration: underline;">More validation images available on the product page</a> </h3> <div class="row"> <div class="col-12 col-lg-4"> <div class="gallery-box"> <img src="https://www.ptglab.com/products/pictures/PD00006-EN-SupportingResult-3.jpg" title="Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 540 Viability Dye. Viable gate is indicated."> </div> <h3></h3> <p class="ptg-white" style="height: 90px; overflow: auto;"> Mouse thymocytes cells were heat killed at 65℃ for 10 minutes and then mixed with live mouse thymocytes cells. Cells were then stained with Phantom Dye Violet 540 Viability Dye. Viable gate is indicated. </p> <hr> </div> </div> </div> </div> </div> </section> </li> </ul> </section> </article> </div> </div> </section> <form name="MySearch" action="/results" method="get"> <input type="hidden" name="q" id="hidq" value="viability dyes" /> <input type="hidden" name="category" id="hidcategory" /> <input type="hidden" name="filter" id="hidf" /> <input type="hidden" name="sort" id="hidsort" value="relevance" /> <input type="hidden" name="mode" id="hidmode" /> </form> <div class="modal fade" id="lightboxModal" tabindex="-1" aria-labelledby="exampleModalXlLabel" style="display: none;" aria-hidden="true"> <div class="modal-dialog modal-xl"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body text-center"> </div> </div> </div> </div> <div class="jzymodal right" id="searchFilterModal" style="display: none;"> <div class="modal-dialog modal-xl" style=" border: 1px solid rgba(0, 0, 0, .1); --tw-shadow: 0 12px 16px 0 rgba(0,0,0,.15); --tw-shadow-colored: 0 12px 16px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); "> <div class="modal-content"> <div class="modal-header"> <div class="modal-title"><h4>Products derived from <span class="ptg-green group-modal-title"></span></h4></div> <button type="button" class="btn-group-close btn-close"></button> </div> <div class="modal-body groupitem-content"> </div> </div> </div> </div> <div class="scroll-to-top"> <a href="#top" title="Back to Top" class="btn btn-roundel"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z" /> </svg> </a> </div> <footer class="footer"> <div class="container-xl"> <div class="row d-flex d-lg-none"> <div class="col-12 text-center"> <hr /> <ul class="inline-list m-0 p-0 opacity-7"> <li class="list-inline-item"> <a href="https://www.youtube.com/proteintech"> <img loading="lazy" src="/img/logos/Icon_Youtube.svg" width="42" /> </a> </li> <li class="list-inline-item"> <a href="https://www.linkedin.com/company/proteintech-group/"> <img loading="lazy" src="/img/logos/Icon_Linkedin.svg" width="42" /> </a> </li> <li class="list-inline-item"> <a href="https://www.twitter.com/proteintech"> <img loading="lazy" src="/img/logos/Icon_Twitter.svg" width="42" /> </a> </li> <li class="list-inline-item"> <a href="https://www.facebook.com/Proteintech-311515338877884/timeline/"> <img loading="lazy" src="/img/logos/Icon_Facebook.svg" width="42" /> </a> </li> <li class="list-inline-item"> <a href="https://www.instagram.com/proteintech/"> <img loading="lazy" src="/img/logos/Icon_Instagram.svg" width="42" /> </a> </li> </ul> <hr /> <p class="fw-semi m-4"> <a class="mx-2" href="/contact/">Contact Us</a> <a class="mx-2" href="/news/blog/privacy-policy/">Privacy Policy</a> <a class="mx-2" href="/terms-of-use/">Terms of use</a> <a class="mx-2" href="/news/blog/product-terms/">Terms and Conditions</a> <a class="mx-2" href="/trademark-information/">Trademark Information</a> <a class="mx-2" href="/imprint-impressum/">Imprint (Impressum)</a> <a class="mx-2" href="/modern-slavery-statement/">Modern Slavery Statement</a> <a class="mx-2" href="/chromotek-privacy-policy/">ChromoTek GmbH Privacy Policy</a> </p> <p class="fw-semi"> Copyright &copy; 2002-2024 Proteintech Group, Inc. All rights reserved. </p> </div> </div> <div class="row d-none d-lg-flex"> <div class="col-12"> <div class="row pb-5"> <div class="col-3 b-r"> <p class="fw-bold large">Proteintech North America (HQ)</p> <address class=""> Proteintech Group, Inc<br> 5500 Pearl Street, Suite 400<br> Rosemont, IL 60018, USA<br> </address> <p class=""> <a href="tel:1-888-478-4522">1-888-478-4522</a><br> <a href="mailto:proteintech@ptglab.com">proteintech@ptglab.com</a> </p> </div> <div class="col-3 b-r"> <p class="fw-bold large">Proteintech Europe</p> <address class=""> Transmission (6th Fl)<br> 6 Atherton Street<br> M3 3GS, Manchester, UK<br> </address> <p class=""> <a href="tel:(+44) 161 839 3007">(+44) 161 839 3007</a><br> <a href="mailto:europe@ptglab.com">europe@ptglab.com</a> </p> </div> <div class="col-3 b-r"> <p class="fw-bold large">ChromoTek GmbH &amp; Proteintech Germany</p> <address class=""> Fraunhoferstr. 1<br> 82152, Planegg-Martinsried <br> Germany<br> </address> <p class=""> <a href="tel:+49 89 124 148 850">+49 89 124 148 850</a><br> <a href="mailto:germany@ptglab.com">germany@ptglab.com</a> </p> </div> <div class="col-3 d-flex"> <div class="flex-1 d-flex"> <img class="m-auto" src="/img/logos/Logo_Ptg_Main.png" alt="Proteintech" width="180"> </div> </div> </div> <hr /> <div class="row"> <div class="col-9"> <p class="fw-semi"> <a class="me-4" href="/contact/">Contact Us</a> <a class="me-4" href="/news/blog/privacy-policy/" target="_blank">Privacy Policy</a> <a class="me-4" href="/terms-of-use/">Terms of use</a> <a class="me-4" href="/news/blog/product-terms/" target="_blank">Terms and Conditions</a> <a class="me-4" href="/trademark-information/" target="_blank">Trademark Information</a> <a class="me-4" href="/imprint-impressum/" target="_blank">Imprint (Impressum)</a> <a class="me-4" href="/modern-slavery-statement/" target="_blank" style="padding: 0;"> Modern Slavery Statement </a> </p> <p class="fw-semi"> <a class="me-4" href="/chromotek-privacy-policy/">ChromoTek GmbH Privacy Policy</a> <a href="#"> Copyright &copy; 2002-2024 Proteintech Group, Inc. All rights reserved. </a> </p> </div> <div class="col-auto ms-auto"> <ul class="inline-list text-end m-0 p-0 opacity-7"> <li class="list-inline-item"> <a href="https://www.youtube.com/proteintech"> <img loading="lazy" src="/img/logos/Icon_Youtube.svg" width="42" /> </a> </li> <li class="list-inline-item"> <a href="https://www.linkedin.com/company/proteintech-group/"> <img loading="lazy" src="/img/logos/Icon_Linkedin.svg" width="42" /> </a> </li> <li class="list-inline-item"> <a href="https://www.twitter.com/proteintech"> <img loading="lazy" src="/img/logos/Icon_Twitter.svg" width="42" /> </a> </li> <li class="list-inline-item"> <a href="https://www.facebook.com/Proteintech-311515338877884/timeline/"> <img loading="lazy" src="/img/logos/Icon_Facebook.svg" width="42" /> </a> </li> <li class="list-inline-item"> <a href="https://www.instagram.com/proteintech/"> <img loading="lazy" src="/img/logos/Icon_Instagram.svg" width="42" /> </a> </li> </ul> </div> </div> </div> </div> </div> </footer> </main> <script> if (window.ActiveXObject || "ActiveXObject" in window) { $('body').append('<div class="modal-backdrop fade show opacity-100" style="display: flex;justify-content: center;align-items: center;"><img src="/img/Banner-for-IE.png"></div>'); } </script> <script type='text/javascript' src='https://ptglab.my.site.com/ESWLiveChatEU1694620743265/assets/js/bootstrap.min.js'></script> <div id="scripts"> <script src="/scripts/common.js?v=20240714" type="text/javascript"></script> <script src="/scripts/matchHeight.js"></script> <script src="/scripts/search.js?v=20220816"></script> <script src="/scripts/scrollToTop.js"></script> <script src="/scripts/navigation.js"></script> <script src="/scripts/video.js"></script> <script src="/scripts/bootstrap.min.js"></script> <script src="/scripts/vendor/flickity.pkgd.min.js"></script> </div> <script src="/scripts/vendor/foundation.min.js"></script> <script src="/scripts/magicDropdown.js" type="text/javascript"></script> <script src="/scripts/searchResult.js?v=20241010" type="text/javascript"></script> <script type="text/javascript"> (function ($) { var myModal = new bootstrap.Modal(document.getElementById("lightboxModal"), { keyboard: false }) $(".umb-grid img").click(function () { const src = $(this).parent("a").data("href"); if (src != null && src != "") { $("#lightboxModal .modal-body").html('<img src="' + src + '" style="width:auto;height:100%;" />'); myModal.show(); } }); $(".btn-hkrequest1").click(function () { $("#lightboxModal .modal-body").html('<iframe src="https://go.ptglab.com/l/685213/2020-07-03/87lwj" type="text/html" frameborder="0" id="sizetracker" width="100%" style="min-height: 800px; overflow: hidden;" scrolling="no">Sorry, your browser does not support IFRAMES </iframe>'); myModal.show(); }); $(".matched-pairs-loadmore").click(function () { $(".matched-pairs-content").find("tr").removeClass('hide'); $(this).hide(); }); $('.jzymodal').on('click', function (event) { event.stopPropagation(); // 阻止已弹出框事件冒泡 }); $(".btn-group-close").click(function () { $(".jzymodal").hide(); $(".reveal-modal-bg").remove(); $(this).removeClass("bg-ptg-grey-6"); $(window).unbind('scroll');//取消外层浏览器滚动 $(window).on('scroll', window.Scrollinit()); }); window.onClickEvent = function () { let mouseMoveTimeout; $('.result-group .group-content').mousemove(function (e) { let moveThis = $(this) $(".custom-tooltip").remove() clearTimeout(mouseMoveTimeout); mouseMoveTimeout = setTimeout(function () { const $ptgno = moveThis.data("producttype") + ""; let title = $ptgno.indexOf("antibody") > 0 ? "Click to show all conjugations/formulations" : "Click to show individual products"; moveThis.prop('title', '').append('<div class="custom-tooltip">' + title + '</div>'); var tooltip = $('.custom-tooltip') //已带有定位的鼠标移动高度减去DIV 内高度 if (moveThis.css("position") === 'relative') { tooltip.css({ 'top': e.pageY - moveThis?.offset()?.top + 12 + 'px',//鼠标位置-上边距 'left': e.pageX - moveThis?.offset()?.left + 12 + 'px' // 鼠标位置-左边距 }) } else { tooltip.css({ 'top': e.pageY + 12 + 'px', 'left': e.pageX + 12 + 'px', }) } tooltip.fadeIn(200); }, 300); }).mouseleave(function () { clearTimeout(mouseMoveTimeout); $(".custom-tooltip").remove() }); //$('.search-result-preview').on('click', function (event) { //event.stopPropagation(); // 可以在这里添加点击排除区域时的处理逻辑 //$(this).next().foundation('reveal', 'open'); //}); $(".result-group").click(function () { $(window).scroll(function () { $(this).scrollTop(0); }); $(".result-group").removeClass("bg-ptg-grey-6"); const parentElement = $(this); parentElement.addClass("bg-ptg-grey-6"); $('body').append('<div class="reveal-modal-bg" style="display: block;"></div>'); $(".group-modal-title").html(parentElement.data("name").replace("antibodies", "antibody")); $(".groupitem-content").html(`<div class="text-center"><span role="img" aria-label="loading" class="anticon-loading"> <svg viewBox="0 0 1024 1024" focusable="false" data-icon="loading" width="1em" height="1em" fill="currentColor" aria-hidden="true"> <path d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"></path> </svg> </span></div>`); $(".jzymodal").show(); $('body').on('click', function (e) { var container = $(".result-group"); if (!container.is(e.target) && container.has(e.target).length === 0) { $(".jzymodal").hide(); $(".reveal-modal-bg").remove(); parentElement.removeClass("bg-ptg-grey-6"); // 移除点击事件监听 $('body').off('click'); $(window).unbind('scroll');//取消外层浏览器滚动 $(window).on('scroll', window.Scrollinit()); } }); const keyWord = "CatNo#" + $(this).data("catno"); const category = ""; const skip = 1; const sort = ""; const filter = ""; const mode = "Single"; const region = "";//$drpCountry.find('option:selected').data("region"); var values = {}; values.keyWord = keyWord; values.category = category; values.skip = skip; values.sort = sort; values.filter = filter; values.region = region; values.mode = mode; callPOSTAJ("/api/search", values).done(function (d) { if (d.code == 200) { let template = ``; d.data.resultDtos.forEach(item => { template += `<div class="search-result clearfix ${item.catalogNo}" data-category="${item.productType}" data-ptgno="${item.ptgNo}" data-catalogno="${item.catalogNo}" data-mode="Single" data-source=""> <div class="row"> <div class="col-12 col-lg-9"> <a href="${item.permalink}" class="ptg-black text-decoration-none"> <div class="row"> <div class="col-1"><span class="box ${item.colorBlock}" style="width: 22px;height: 22px;"></span></div> <div class="col-11" data-reorder="details"> <h4> <span class="link block"> ${item.productName} </span> </h4> </div> <div class="col-12"> <ul class="inline-list list-unstyled mb-2">`; if (item.feature != null && item.feature != '') { if (item.feature.toLowerCase() == "sirna") { template += `<li class="label success me-1" style = "font-size:0.675rem;">KO/KD Validated</li>`; } else { var featureList = item.feature.split(','); var featureQty = featureList.length; for (var i = 0; i < featureQty; i++) { template += `<li class="label success me-1" style="font-size:0.675rem;">${featureList[i]}</li>`; } } } if (item.pubMed > 0) { template += `<li class="label me-1" style="background-color: #d60c8c !important; border-color: #d60c8c !important;font-size:0.675rem;">${item.pubMed} Publications</li>`; } if (item.reviewCount > 0) { template += `<li class="label text" style="font-size:0.675rem;">Reviews (${item.reviewCount})</li><li class="label text" style="font-size:0.675rem;"><div class="star-rating" title="${item.rate}/5 rating">`; for (var rate = 1; rate <= item.rate; rate++) { template += `<i class="fa fa-star" aria-hidden="true"></i>`; } if (item.rate.toString().indexOf(".0") > 0) { template += `<i class="fa fa-star-half" aria-hidden="true"></i>`; template += `<i class="fa fa-star-half" aria - hidden="true" style = "margin-left: -0.225rem;"></i>`; } for (var rate = 1; rate <= 5 - item.rate; rate++) { template += `<i class="fa fa-star disabled" aria-hidden="true"></i>`; } template += `</div>`; template += `</li>`; } template += `</ul></div> <div class="col-12 col-lg-2 hidden-for-small-only" data-reorder="slider">`; if (item.images.length > 0) { var firstImage = item.images[0]; template += `<div class="search-result-preview"> <div data-reveal-id="resultImageModal-${item.ptgNo}" class="text-center mb-2"> <img src="https://www.ptglab.com/${firstImage.url}" title="${firstImage.description}" style="max-width:100%; max-height: 60px;"> </div>`; template += `</div> <section class="reveal-modal tiny" id="resultImageModal-${item.ptgNo}" data-reveal="" aria-hidden="true" role="dialog"> <span class="close-reveal-modal">×</span> <p>${firstImage.description}</p> <img src="https://www.ptglab.com/${firstImage.url}" title="${firstImage.description}"> </section>`; } else { template += `<div class="search-result-preview"> <div class="link" style="text-align:center;margin-bottom:10px;"> <img src="https://www.ptglab.com/tnpic/tn-placeholder-image.jpg" title="placeholder image" style="width:100%;" /> </div> </div>`; } template += `</div> <div class="col-12 col-lg-10" data-reorder="applications"> <ul class="row small-collapse medium-uncollapse list-unstyled">`; $.each(item.headers, function (i, header) { if (header.name == "Overview") { overview = header.value; return '1'; } if (header.name == "Conjugate" || header.name == "CloneNo.") { return '1'; } var Name = header.name; var Value = header.value; var capitalizeStyle = ""; if (Name == "Reactivity") { capitalizeStyle = "text-capitalize"; } template += `<li class="col-6 col-lg-3 mb-1"> <p class="small m-0"><strong>${Name}</strong></p> <p class="small fw-normal mb-2 ${capitalizeStyle}">${Value}</p> <button class="showMoreBtn">More</button> </li>`; }) template += `</ul> </div> </div> </a> </div> <div class="col-12 col-lg-3" data-reorder="cost"> <div class="row"> <div class="col-10 col-lg-9 hidden-for-small-only"> <h3 class="price"> <span class="price-amount">-_-</span> <span class="price-size">/ -_-</span> </h3> <p class="inquire-size" style="font-size: 11px;"></p> </div> <div class="col-12 col-lg-12"> <p><strong>Cat No.</strong> <span class="CatalogNo">${item.catalogNo}</span></p> <p class="delivery-Info hidden-for-small-only" hidden></p> <span class="other-info" hidden="hidden"></span> </div> </div> </div> </div> </div><hr>`; }); template += ``; $(".groupitem-content").html(template); let resultAjax = d.data.resultDtos; let arrCatalogNo = resultAjax.map(item => { return `${item.ptgNo}|Single|${item.catalogNo}`; }); jzygetPrice(arrCatalogNo); } else { generalBox("warning", d.msg); } if (typeof (el) != "undefined") { cancelLodding(el); } }); }); } window.onClickEvent(); function jzygetPrice(d) { var c = localStorage.getItem("country"); callPOSTAJ("/api/product/shortprice?country=" + c, d).done(function (d) { if (d.code == 200) { if (d.data == null) { return; } d.data.forEach(item => { const $Product = $(".groupitem-content").find('.' + item.catalogNo); const $Pricing = $Product.find('h3[class="price"]'); const $Price = $Product.find('.price-amount'); const $Size = $Product.find('.price-size'); const $Size_list = $Product.find('.price-sizelist'); const $Inquiresize = $Product.find('.inquire-size'); const $DeliveryInfo = $Product.find('.delivery-Info'); const $category = $Product.data('category'); const $source = $Product.data('source'); if (item.catalogNo == "ffa" || item.catalogNo == "gta" || item.catalogNo == "gtma" || item.catalogNo == "gtd" || item.catalogNo == "sta" || item.catalogNo == "ota" || item.catalogNo == "otma" || item.catalogNo == "otd" || item.catalogNo == "mbta" || item.catalogNo == "hta" || item.catalogNo == "mta" || item.catalogNo == "nta" || item.catalogNo == "ntma" || item.catalogNo == "yta" || item.catalogNo == "pta" || item.catalogNo == "pta2" || item.catalogNo == "xta" || item.catalogNo == "rta" || item.catalogNo == "rtma" || item.catalogNo == "rtd" || item.catalogNo == "wta" || item.catalogNo == "eta" || item.catalogNo == "etma" || item.catalogNo == "etd" || item.catalogNo == "tbta" || item.catalogNo == "tbtma" || item.catalogNo == "v5ta" || item.catalogNo == "v5tma" || item.catalogNo == "v5td") { $Product.find('h3[class="price"]').before('<p style="font-size: 13px;margin-bottom: 0;color: red;">Request Free Sample</p>'); } if (item.minAmount > 0) { if (item.minAmount == item.maxAmount) { if (item.maxDiscountedAmount > 0 && item.maxAmount > item.maxDiscountedAmount) { $Price.html('<span class="ptg-critical">' + formatCurrency(item.currency) + item.maxDiscountedAmount + '</span><span style="text-decoration: line-through;font-size: 1.015rem;">' + formatCurrency(item.currency) + item.maxAmount + '</span>'); } else { $Price.text(formatCurrency(item.currency) + item.maxAmount); } $Size.text('/ ' + item.sizes); } else { let pricehtml = ''; if (item.minDiscountedAmount > 0 && item.minAmount > item.minDiscountedAmount) { pricehtml = '<span class="ptg-critical">' + formatCurrency(item.currency) + item.minDiscountedAmount + '</span><span style="text-decoration: line-through;font-size: 1.015rem;">' + formatCurrency(item.currency) + item.minAmount + '</span>' + ' - '; } else { pricehtml = formatCurrency(item.currency) + item.minAmount + ' - '; } if (item.maxDiscountedAmount > 0 && item.maxAmount > item.maxDiscountedAmount) { pricehtml += '<span class="ptg-critical">' + formatCurrency(item.currency) + item.maxDiscountedAmount + '</span><span style="text-decoration: line-through;font-size: 1.015rem;">' + formatCurrency(item.currency) + item.maxAmount + '</span>'; } else { pricehtml += formatCurrency(item.currency) + item.maxAmount; } $Price.html(pricehtml); $Size.text(''); } $Size_list.text(item.sizes); if (item.inquireSizes != null && item.inquireSizes != '') { $Inquiresize.text('*Inquire for ' + item.inquireSizes); } } else { $Size.text(''); $Price.text(''); if (item.catalogNo.toLowerCase().indexOf('-gmp') > 0) { $Price.text('Inquire for pricing'); $DeliveryInfo.html(item.delivery); $Size_list.text(item.sizes); $Inquiresize.text('Custom sizes available on request.'); } else { $Size_list.parent("li").hide(); $Inquiresize.text('Inquire for pricing & sizes'); } } if (item.catalogNo == "G900004") { $DeliveryInfo.html('In stock for next day delivery.'); } else if ($category == "Oligo Conjugate") { $DeliveryInfo.html('US 5-7 days. Rest of world 7-14 days.'); } else { if (item.delivery == 4) { $Product.find('a[data-catno="' + o.CatalogNo + '"]').hide(); $DeliveryInfo.html('<p>This Product is currently unavailable. <a href="/contact/" class="blue">Contact us</a> for more information.</p>').show(); } else if (item.delivery == 404) { return; } else { $DeliveryInfo.html(item.delivery); } } $DeliveryInfo.removeAttr("hidden"); } ); } else { generalBox("warning", d.msg); } }); }; })(jQuery); </script> <div class="alert-box"> <div> </div> </div> <script src="//rum-static.pingdom.net/pa-5bf2a643cea07b00160004ea.js" async></script> <script type="text/javascript"> piAId = '686213'; piCId = '1441'; piHostname = 'pi.pardot.com'; (function () { function async_load() { var s = document.createElement('script'); s.type = 'text/javascript'; s.src = ('https:' == document.location.protocol ? 'https://pi' : 'http://cdn') + '.pardot.com/pd.js'; var c = document.getElementsByTagName('script')[0]; c.parentNode.insertBefore(s, c); } if (window.attachEvent) { window.attachEvent('onload', async_load); } else { window.addEventListener('load', async_load, false); } })(); </script> </body> </html>

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