{"id":1723,"date":"2026-02-09T01:12:23","date_gmt":"2026-02-09T01:12:23","guid":{"rendered":"https:\/\/saiweiglass.com\/?page_id=1723"},"modified":"2026-02-11T08:26:30","modified_gmt":"2026-02-11T08:26:30","slug":"touch-display-modules","status":"publish","type":"page","link":"https:\/\/saiweiglass.com\/es\/products\/touch-display-modules\/","title":{"rendered":"M\u00f3dulos de pantalla t\u00e1ctil"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-c1550c3\" data-block-id=\"c1550c3\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-c1550c3-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2ef3198\" data-v=\"4\" data-block-id=\"2ef3198\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2ef3198-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2ef3198-inner-blocks\">\n<section id=\"tdm-b2b-hero\">\n  <style>\n    \/* * PRINCIPLE: Clean Minimalist B2B *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n    #tdm-b2b-hero {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n      width: 100% !important;\n      box-sizing: border-box !important;\n      \/* CORE COLOR: Ultra-light Gray Background *\/\n      background-color: #F5F7FA !important;\n      color: #334155 !important; \/* Slate 700 *\/\n      line-height: 1.6 !important;\n      padding: 40px 20px !important; \n      margin: 0 !important;\n      position: relative !important;\n      overflow: hidden !important;\n    }\n\n    #tdm-b2b-hero * {\n      box-sizing: border-box !important;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Container *\/\n    #tdm-b2b-hero .tdm-container {\n      max-width: 1200px !important;\n      margin: 0 auto !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: space-between !important;\n      gap: 70px !important;\n    }\n\n    \/* --- LEFT COLUMN: CONTENT --- *\/\n    #tdm-b2b-hero .tdm-content {\n      flex: 1 !important;\n      max-width: 600px !important;\n      z-index: 2 !important;\n    }\n\n    \/* 1. TRUST BADGE (Star Rating) *\/\n    #tdm-b2b-hero .tdm-trust-badge {\n      display: inline-flex !important;\n      align-items: center !important;\n      gap: 8px !important;\n      margin-bottom: 24px !important;\n      background: #FFFFFF !important;\n      padding: 8px 16px !important;\n      border-radius: 50px !important;\n      border: 1px solid #E2E8F0 !important;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;\n    }\n\n    #tdm-b2b-hero .tdm-stars {\n      color: #F59E0B !important; \/* Star Gold *\/\n      font-size: 14px !important;\n      letter-spacing: 2px !important;\n    }\n\n    #tdm-b2b-hero .tdm-trust-text {\n      font-size: 12px !important;\n      font-weight: 600 !important;\n      color: #64748B !important;\n      text-transform: uppercase !important;\n      letter-spacing: 0.5px !important;\n    }\n\n    \/* Typography *\/\n    #tdm-b2b-hero h1 {\n      font-size: 18px !important;\n      font-weight: 700 !important;\n      color: #304890 !important; \/* Brand Color *\/\n      margin-bottom: 12px !important;\n      text-transform: uppercase !important;\n      letter-spacing: 1px !important;\n      display: block !important;\n    }\n\n    #tdm-b2b-hero h2 {\n      font-size: 32px !important;\n      font-weight: 700 !important;\n      color: #1E293B !important; \/* Dark Slate *\/\n      margin-bottom: 24px !important;\n      line-height: 1.2 !important;\n      letter-spacing: -0.5px !important;\n    }\n\n    #tdm-b2b-hero p {\n      font-size: 16px !important;\n      color: #475569 !important; \/* Slate 600 *\/\n      margin-bottom: 32px !important;\n      line-height: 1.6 !important;\n      max-width: 90% !important;\n    }\n\n    \/* CTA Button *\/\n    #tdm-b2b-hero .tdm-btn {\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      background-color: #304890 !important; \/* High Saturation Brand Color *\/\n      color: #ffffff !important;\n      font-size: 15px !important;\n      font-weight: 600 !important;\n      text-decoration: none !important;\n      padding: 14px 32px !important;\n      border-radius: 6px !important;\n      transition: all 0.3s ease !important;\n      box-shadow: 0 10px 20px -5px rgba(48, 72, 144, 0.3) !important;\n    }\n\n    #tdm-b2b-hero .tdm-btn:hover {\n      background-color: #1E3A8A !important;\n      transform: translateY(-2px) !important;\n      box-shadow: 0 15px 30px -5px rgba(48, 72, 144, 0.4) !important;\n    }\n\n    \/* 3. LOGO WALL (Grayscale) *\/\n    #tdm-b2b-hero .tdm-logos {\n      margin-top: 40px !important;\n      padding-top: 24px !important;\n      border-top: 1px solid #E2E8F0 !important;\n    }\n\n    #tdm-b2b-hero .tdm-logo-label {\n      font-size: 11px !important;\n      font-weight: 600 !important;\n      color: #94A3B8 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 1px !important;\n      margin-bottom: 12px !important;\n      display: block !important;\n    }\n\n    #tdm-b2b-hero .tdm-logo-grid {\n      display: flex !important;\n      align-items: center !important;\n      gap: 25px !important;\n      opacity: 0.6 !important;\n    }\n\n    \/* SVG Placeholders for Certifications *\/\n    #tdm-b2b-hero .tdm-cert-icon {\n      height: 24px !important;\n      width: auto !important;\n      fill: #64748B !important;\n    }\n\n    \/* --- RIGHT COLUMN: VISUAL --- *\/\n    #tdm-b2b-hero .tdm-visual {\n      flex: 1 !important;\n      position: relative !important;\n      display: flex !important;\n      justify-content: center !important;\n      align-items: center !important;\n    }\n\n    \/* Main Image - UPDATED WITH BORDER DESIGN *\/\n    #tdm-b2b-hero img {\n      width: 100% !important;\n      max-width: 580px !important;\n      height: auto !important;\n      display: block !important;\n      \/* New Border Design: White Frame + Thin Grey Border + Rounding *\/\n      padding: 10px !important;\n      background-color: #FFFFFF !important;\n      border: 1px solid #E2E8F0 !important;\n      border-radius: 12px !important;\n      \/* Retaining Soft Drop Shadow for depth *\/\n      filter: drop-shadow(0 20px 40px rgba(0,0,0,0.08)) !important; \n    }\n\n    \/* 2. FLOATING DATA CARD (Deep Shadow) *\/\n    #tdm-b2b-hero .tdm-float-card {\n      position: absolute !important;\n      bottom: 30px !important;\n      left: -30px !important;\n      background: #FFFFFF !important;\n      padding: 24px 30px !important;\n      border-radius: 8px !important;\n      \/* Deep Shadow Effect *\/\n      box-shadow: 0 30px 60px -12px rgba(48, 72, 144, 0.25), 0 10px 20px -10px rgba(0,0,0,0.1) !important;\n      border-left: 4px solid #304890 !important;\n      animation: tdmFloat 6s ease-in-out infinite !important;\n      z-index: 2 !important;\n    }\n\n    #tdm-b2b-hero .tdm-card-val {\n      display: block !important;\n      font-size: 24px !important;\n      font-weight: 800 !important;\n      color: #1E293B !important;\n      line-height: 1.2 !important;\n    }\n\n    #tdm-b2b-hero .tdm-card-lbl {\n      display: block !important;\n      font-size: 12px !important;\n      font-weight: 600 !important;\n      color: #64748B !important;\n      margin-top: 4px !important;\n      text-transform: uppercase !important;\n      letter-spacing: 0.5px !important;\n    }\n\n    @keyframes tdmFloat {\n      0% { transform: translateY(0px); }\n      50% { transform: translateY(-8px); }\n      100% { transform: translateY(0px); }\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 900px) {\n      #tdm-b2b-hero .tdm-container {\n        flex-direction: column-reverse !important;\n        text-align: left !important;\n        gap: 40px !important;\n      }\n      #tdm-b2b-hero .tdm-float-card {\n        position: relative !important;\n        bottom: auto !important;\n        left: auto !important;\n        margin-top: -30px !important;\n        margin-left: 20px !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"tdm-container\">\n    \n    <div class=\"tdm-content\">\n      \n      <div class=\"tdm-trust-badge\">\n        <span class=\"tdm-stars\">\u2605\u2605\u2605\u2605\u2605<\/span>\n        <span class=\"tdm-trust-text\">Est. 2004 \u2022 Trusted Globally<\/span>\n      <\/div>\n\n      <h1>Touch Display Modules<\/h1>\n      <h2>Touchscreen LCD TFT Display Modules \u2014 Custom Touch Screen Solutions for Every Interface<\/h2>\n      <p>SWLCD builds touchscreen display modules from 2.8\u2033 to 15.6\u2033 with capacitive and resistive touch panels, SPI and I2C interfaces, and IPS technology for wide viewing. Over 2,000 display configurations shipped to 50+ countries since 2004.<\/p>\n\n      <a href=\"#ct-popup-787\" class=\"tdm-btn\">Request a Quote<\/a>\n\n      <div class=\"tdm-logos\">\n        <span class=\"tdm-logo-label\">Certified Quality (ISO 9001 \/ RoHS \/ CE)<\/span>\n        <div class=\"tdm-logo-grid\">\n          <svg class=\"tdm-cert-icon\" viewBox=\"0 0 40 20\"><text x=\"0\" y=\"15\" font-family=\"sans-serif\" font-weight=\"900\" font-size=\"14\">ISO<\/text><\/svg>\n          <svg class=\"tdm-cert-icon\" viewBox=\"0 0 50 20\"><text x=\"0\" y=\"15\" font-family=\"sans-serif\" font-weight=\"900\" font-size=\"14\">RoHS<\/text><\/svg>\n          <svg class=\"tdm-cert-icon\" viewBox=\"0 0 30 20\"><text x=\"0\" y=\"15\" font-family=\"sans-serif\" font-weight=\"900\" font-size=\"14\">CE<\/text><\/svg>\n          <svg class=\"tdm-cert-icon\" viewBox=\"0 0 60 20\"><text x=\"0\" y=\"15\" font-family=\"sans-serif\" font-weight=\"900\" font-size=\"14\">GLOBAL<\/text><\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"tdm-visual\">\n      <img decoding=\"async\" \n        src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Touch-Display-Modules.png\" \n        alt=\"Touch Display Modules\" \n        loading=\"lazy\">\n      \n      <div class=\"tdm-float-card\">\n        <span class=\"tdm-card-val\">2,000+<\/span>\n        <span class=\"tdm-card-lbl\">Display Configurations<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function(){\n      console.log(\"B2B Minimalist Hero with Border Loaded\");\n    })();\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-f0a63cc\" data-block-id=\"f0a63cc\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-f0a63cc-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-5ae2361\" data-v=\"4\" data-block-id=\"5ae2361\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-5ae2361-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-5ae2361-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" style=\"--theme-text-color:var(--wp--preset--color--black);\"><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-20076d1\" data-block-id=\"20076d1\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-20076d1-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-267cdb5\" data-v=\"4\" data-block-id=\"267cdb5\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-267cdb5-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-267cdb5-inner-blocks\">\n<section id=\"swlcd-corp-refined\">\n  <style>\n    \/* * PRINCIPLE 3: Aesthetics & Fonts *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n    \/* * PRINCIPLE 1: Highest Level of Scope *\/\n    #swlcd-corp-refined {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n      width: 100% !important;\n      box-sizing: border-box !important;\n      background-color: #ffffff !important;\n      color: #333333 !important;\n      line-height: 1.6 !important;\n      padding: 40px 20px !important; \n      margin: 0 !important;\n      position: relative !important;\n      \/* Border removed as requested *\/\n      border-top: none !important; \n    }\n\n    #swlcd-corp-refined * {\n      box-sizing: border-box !important;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Main Container *\/\n    #swlcd-corp-refined .sw-container {\n      max-width: 1200px !important;\n      margin: 0 auto !important;\n    }\n\n    \/* --- HEADER --- *\/\n    #swlcd-corp-refined .sw-header {\n      margin-bottom: 45px !important;\n      text-align: left !important;\n    }\n\n    #swlcd-corp-refined .sw-eyebrow {\n      display: inline-block !important;\n      font-size: 12px !important;\n      font-weight: 700 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 1.5px !important;\n      color: #1860A8 !important; \n      margin-bottom: 12px !important;\n      background: rgba(48, 72, 144, 0.06) !important;\n      padding: 4px 10px !important;\n      border-radius: 4px !important;\n    }\n\n    \/* H2: Main Title (Black) *\/\n    #swlcd-corp-refined h2 {\n      font-size: 32px !important;\n      font-weight: 700 !important;\n      color: #000000 !important; \n      margin-bottom: 15px !important;\n      line-height: 1.25 !important;\n    }\n\n    #swlcd-corp-refined .sw-lead {\n      font-size: 16px !important;\n      font-weight: 500 !important;\n      color: #475569 !important;\n      max-width: 850px !important;\n      border-left: 3px solid #304890 !important;\n      padding-left: 15px !important;\n      margin-top: 20px !important;\n    }\n\n    \/* --- TOP STATS DASHBOARD --- *\/\n    #swlcd-corp-refined .sw-stats-row {\n      display: grid !important;\n      grid-template-columns: repeat(4, 1fr) !important;\n      gap: 30px !important;\n      margin-bottom: 50px !important;\n      padding-bottom: 30px !important;\n      border-bottom: 1px solid #E2E8F0 !important;\n    }\n\n    \/* Refined Stat Card Style *\/\n    #swlcd-corp-refined .sw-stat-card {\n      text-align: left !important;\n      \/* Visual Improvement: Top Accent Line *\/\n      border-top: 2px solid #E2E8F0 !important;\n      padding-top: 15px !important;\n      transition: border-color 0.3s ease !important;\n    }\n\n    #swlcd-corp-refined .sw-stat-card:hover {\n      border-color: #304890 !important; \/* Hover Interaction *\/\n    }\n\n    #swlcd-corp-refined h4 {\n      font-size: 32px !important;\n      font-weight: 800 !important;\n      color: #304890 !important; \n      margin-bottom: 4px !important;\n      line-height: 1 !important;\n      font-family: \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important; \n    }\n\n    #swlcd-corp-refined .sw-stat-label {\n      font-size: 12px !important;\n      font-weight: 600 !important;\n      text-transform: uppercase !important;\n      color: #64748B !important;\n      letter-spacing: 0.5px !important;\n    }\n\n    \/* --- MAIN CONTENT COLUMNS --- *\/\n    #swlcd-corp-refined .sw-content-cols {\n      display: grid !important;\n      grid-template-columns: 2fr 1fr !important;\n      gap: 60px !important;\n      align-items: start !important;\n    }\n\n    \/* Left: Narrative Flow *\/\n    #swlcd-corp-refined .sw-narrative p {\n      margin-bottom: 22px !important;\n      color: #334155 !important;\n      text-align: left !important; \n      font-size: 15px !important;\n    }\n\n    #swlcd-corp-refined h3 {\n      font-size: 20px !important;\n      font-weight: 700 !important;\n      color: #0F172A !important;\n      margin-top: 35px !important;\n      margin-bottom: 12px !important;\n      display: flex !important;\n      align-items: center !important;\n    }\n\n    #swlcd-corp-refined h3::before {\n      content: '' !important;\n      display: inline-block !important;\n      width: 20px !important;\n      height: 3px !important;\n      background-color: #1860A8 !important; \/* Lighter accent for subheading *\/\n      margin-right: 12px !important;\n    }\n\n    \/* Right: Highlight Box (Refined) *\/\n    #swlcd-corp-refined .sw-highlight-box {\n      background: #FFFFFF !important;\n      border: 1px solid #E2E8F0 !important;\n      border-radius: 8px !important;\n      \/* Shadow for floating effect *\/\n      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05) !important;\n      overflow: hidden !important;\n      position: sticky !important;\n      top: 20px !important;\n    }\n\n    \/* Sidebar Header *\/\n    #swlcd-corp-refined .sw-box-header {\n      background: #F8FAFC !important;\n      padding: 15px 25px !important;\n      border-bottom: 1px solid #E2E8F0 !important;\n    }\n\n    #swlcd-corp-refined .sw-box-title {\n      font-size: 13px !important;\n      font-weight: 700 !important;\n      color: #304890 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 0.5px !important;\n      display: block !important;\n    }\n\n    \/* Sidebar Body *\/\n    #swlcd-corp-refined .sw-box-body {\n      padding: 25px !important;\n    }\n\n    #swlcd-corp-refined .sw-app-text {\n      font-size: 14px !important;\n      color: #475569 !important;\n      line-height: 1.6 !important;\n      font-style: italic !important;\n      margin-bottom: 25px !important;\n    }\n\n    \/* Secondary Stat inside Box *\/\n    #swlcd-corp-refined .sw-secondary-stat {\n      background: #304890 !important;\n      color: #fff !important;\n      padding: 20px !important;\n      border-radius: 6px !important;\n      text-align: center !important;\n    }\n\n    #swlcd-corp-refined .sw-sec-num {\n      font-size: 28px !important;\n      font-weight: 800 !important;\n      display: block !important;\n      line-height: 1 !important;\n      margin-bottom: 4px !important;\n    }\n\n    #swlcd-corp-refined .sw-sec-lbl {\n      font-size: 11px !important;\n      opacity: 0.8 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 1px !important;\n    }\n\n    \/* RESPONSIVENESS *\/\n    @media (max-width: 900px) {\n      #swlcd-corp-refined .sw-stats-row {\n        grid-template-columns: repeat(2, 1fr) !important;\n        gap: 30px !important;\n      }\n      #swlcd-corp-refined .sw-content-cols {\n        grid-template-columns: 1fr !important;\n        gap: 40px !important;\n      }\n      #swlcd-corp-refined .sw-highlight-box {\n        position: static !important;\n        margin-top: 20px !important;\n      }\n    }\n\n    @media (max-width: 600px) {\n      #swlcd-corp-refined { padding: 40px 20px !important; }\n      #swlcd-corp-refined h2 { font-size: 26px !important; }\n      #swlcd-corp-refined h4 { font-size: 28px !important; }\n    }\n  <\/style>\n\n  <div class=\"sw-container\">\n    \n    <div class=\"sw-header\">\n      <span class=\"sw-eyebrow\">About the Manufacturer<\/span>\n      <h2>SWLCD \u2014 Touch Display Modules Manufacturer &#038; Supplier<\/h2>\n      <p class=\"sw-lead\">We&#8217;ve been at this since 2004. Started in a small workshop in the Greater Bay Area, now shipping to over 50 countries.<\/p>\n    <\/div>\n\n    <div class=\"sw-stats-row\">\n      <div class=\"sw-stat-card\">\n        <h4>19+<\/h4>\n        <div class=\"sw-stat-label\">Years in Business<\/div>\n      <\/div>\n      <div class=\"sw-stat-card\">\n        <h4>2,000+<\/h4>\n        <div class=\"sw-stat-label\">Display Models<\/div>\n      <\/div>\n      <div class=\"sw-stat-card\">\n        <h4>50+<\/h4>\n        <div class=\"sw-stat-label\">Countries Served<\/div>\n      <\/div>\n      <div class=\"sw-stat-card\">\n        <h4>ISO 9001<\/h4>\n        <div class=\"sw-stat-label\">Certified QMS<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"sw-content-cols\">\n      \n      <div class=\"sw-narrative\">\n        <p>SWLCD is a Shenzhen-based high-tech enterprise that designs and manufactures LCD and touch display modules for embedded applications across dozens of industries. Here\u2019s the short version of our story: we set up shop in the Guangdong-Hong Kong-Macao Greater Bay Area back in 2004 \u2014 right in the middle of the world\u2019s fastest electronics supply chain. Nineteen years later, we\u2019ve developed more than 2,000 standard and non-standard lcd displays, and roughly 200 merchants across 50+ countries carry our products. In China alone, about 1,500 end customers in 30+ provinces run SWLCD screens in their devices.<\/p>\n\n        <h3>The Journey to Precision<\/h3>\n        <p>Not going to pretend we got here without bumps. Early on, we were a small team doing mostly character LCDs and monochrome panels. The shift to full-color tft lcd and capacitive touch happened around 2012, and honestly it took us a couple of years to get the optical bonding right. But that struggle is part of why our process is solid now \u2014 we learned the hard way which adhesive formulations survive 85\u00b0C storage and which ones delaminate after six months.<\/p>\n\n        <h3>Flexibility &#038; Follow-Through<\/h3>\n        <p>What keeps customers coming back (many have been with us 10+ years) is the mix of flexibility and follow-through. We handle everything from a 2.8 inch lcd touch screen prototype for a wearable startup to a 2,000-piece run of 10.1\u2033 industrial HMI panels with chemically strengthened cover glass and anti-glare treatment. And yes \u2014 we actually pick up the phone when something goes sideways during integration. You\u2019d be surprised how rare that is in this industry.<\/p>\n      <\/div>\n\n      <div class=\"sw-sidebar\">\n        <div class=\"sw-highlight-box\">\n          <div class=\"sw-box-header\">\n            <span class=\"sw-box-title\">Industry Applications<\/span>\n          <\/div>\n          <div class=\"sw-box-body\">\n            <div class=\"sw-app-text\">\n              Our modules go into AI devices, 5G communication equipment, drones, IoT gateways, vehicle dashboards, smart home panels, medical instruments, industrial control systems, power monitoring, and \u2014 on the more specialized end \u2014 aerospace and military hardware. In several of those segments, SWLCD screen displays account for more than 50% market share among our distribution partners.\n            <\/div>\n            \n            <div class=\"sw-secondary-stat\">\n              <span class=\"sw-sec-num\">1,500+<\/span>\n              <span class=\"sw-sec-lbl\">End Customers in China<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function(){\n      document.addEventListener(\"DOMContentLoaded\", function() {\n        console.log(\"SWLCD Refined Corporate Grid Loaded (No Border)\");\n      });\n    })();\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-a29260e\" data-block-id=\"a29260e\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-a29260e-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-e537db0\" data-v=\"4\" data-block-id=\"e537db0\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-e537db0-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-e537db0-inner-blocks\">\n<section id=\"tdm-range-refined\">\n  <style>\n    \/* * PRINCIPLE 3: Aesthetics & Fonts *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n    \/* * PRINCIPLE 1: Highest Level of Scope *\/\n    #tdm-range-refined {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n      width: 100% !important;\n      box-sizing: border-box !important;\n      background-color: #F8f9fc !important; \n      color: #333333 !important;\n      line-height: 1.6 !important;\n      padding: 40px 20px !important; \n      margin: 0 !important;\n      position: relative !important;\n    }\n\n    #tdm-range-refined * {\n      box-sizing: border-box !important;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Main Container *\/\n    #tdm-range-refined .tdm-container {\n      max-width: 1200px !important;\n      margin: 0 auto !important;\n    }\n\n    \/* --- HEADER --- *\/\n    #tdm-range-refined .tdm-header {\n      text-align: center !important;\n      max-width: 1000px !important;\n      margin: 0 auto 50px auto !important;\n    }\n\n    \/* Eyebrow Label *\/\n    #tdm-range-refined .tdm-eyebrow {\n      display: inline-block !important;\n      font-size: 13px !important;\n      font-weight: 700 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 1.5px !important;\n      color: #1860A8 !important; \n      margin-bottom: 12px !important;\n      background: #f8f9fc !important; \n      padding: 4px 12px !important;\n      border-radius: 4px !important;\n      box-shadow: 0 2px 4px rgba(48, 72, 144, 0.05) !important;\n    }\n\n    \/* H2: Main Title *\/\n    #tdm-range-refined h2 {\n      font-size: 32px !important;\n      font-weight: 700 !important;\n      color: #000000 !important; \n      margin-bottom: 15px !important;\n      line-height: 1.25 !important;\n    }\n\n    #tdm-range-refined .tdm-intro {\n      font-size: 16px !important;\n      color: #475569 !important;\n      line-height: 1.6 !important;\n    }\n\n    \/* --- PRODUCT GRID --- *\/\n    #tdm-range-refined .tdm-grid {\n      display: grid !important;\n      grid-template-columns: repeat(3, 1fr) !important;\n      gap: 25px !important;\n      margin-bottom: 40px !important;\n    }\n\n    \/* Product Card *\/\n    #tdm-range-refined .tdm-card {\n      background: #ffffff !important;\n      border: 1px solid #E2E8F0 !important;\n      border-radius: 8px !important;\n      padding: 30px !important;\n      transition: all 0.3s ease !important;\n      position: relative !important;\n      display: flex !important;\n      flex-direction: column !important;\n      border-top: 4px solid #1878C0 !important; \n      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important; \n    }\n\n    #tdm-range-refined .tdm-card:hover {\n      transform: translateY(-5px) !important;\n      box-shadow: 0 15px 30px -5px rgba(48, 72, 144, 0.15) !important;\n      border-top-color: #304890 !important;\n    }\n\n    \/* H4: Technical Specs *\/\n    #tdm-range-refined h4 {\n      font-family: 'Inter', monospace !important; \n      font-size: 12px !important;\n      font-weight: 700 !important;\n      color: #1860A8 !important; \n      text-transform: uppercase !important;\n      letter-spacing: 0.5px !important;\n      margin-bottom: 10px !important;\n      background: #F1F5F9 !important;\n      display: inline-block !important;\n      padding: 4px 8px !important;\n      border-radius: 4px !important;\n      align-self: flex-start !important;\n    }\n\n    \/* H3: Product Name *\/\n    #tdm-range-refined h3 {\n      font-size: 20px !important;\n      font-weight: 700 !important;\n      color: #000000 !important;\n      margin-bottom: 15px !important;\n      line-height: 1.3 !important;\n    }\n\n    #tdm-range-refined p {\n      font-size: 14px !important;\n      color: #64748B !important;\n      line-height: 1.6 !important;\n      flex-grow: 1 !important; \n    }\n\n    \/* --- COMBINED CTA BLOCK --- *\/\n    #tdm-range-refined .tdm-cta-combined {\n      background: #304890 !important;\n      border-radius: 8px !important;\n      overflow: hidden !important;\n      box-shadow: 0 10px 25px -5px rgba(48, 72, 144, 0.3) !important;\n    }\n\n    \/* Top row: quote CTA *\/\n    #tdm-range-refined .tdm-cta-top {\n      padding: 32px 36px !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: space-between !important;\n      gap: 20px !important;\n      flex-wrap: wrap !important;\n      color: #ffffff !important;\n    }\n\n    #tdm-range-refined .tdm-cta-content {\n      flex: 1 !important;\n      min-width: 280px !important;\n    }\n\n    #tdm-range-refined .tdm-cta-title {\n      font-size: 22px !important;\n      font-weight: 700 !important;\n      margin-bottom: 6px !important;\n      display: block !important;\n      color: #ffffff !important;\n    }\n\n    #tdm-range-refined .tdm-cta-text {\n      font-size: 15px !important;\n      color: rgba(255, 255, 255, 0.88) !important;\n    }\n\n    #tdm-range-refined .tdm-btn {\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      background-color: #ffffff !important;\n      color: #304890 !important;\n      font-size: 15px !important;\n      font-weight: 700 !important;\n      text-decoration: none !important;\n      padding: 12px 30px !important;\n      border-radius: 6px !important;\n      transition: all 0.2s ease !important;\n      white-space: nowrap !important;\n    }\n\n    #tdm-range-refined .tdm-btn:hover {\n      background-color: #F1F5F9 !important;\n      transform: translateY(-2px) !important;\n      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;\n    }\n\n    \/* Divider line *\/\n    #tdm-range-refined .tdm-cta-divider {\n      height: 1px !important;\n      background: rgba(255,255,255,0.15) !important;\n      margin: 0 36px !important;\n    }\n\n    \/* Bottom row: selector link *\/\n    #tdm-range-refined .tdm-cta-selector {\n      display: flex !important;\n      align-items: center !important;\n      justify-content: space-between !important;\n      gap: 16px !important;\n      padding: 20px 36px !important;\n      text-decoration: none !important;\n      transition: background 0.2s ease !important;\n    }\n\n    #tdm-range-refined .tdm-cta-selector:hover {\n      background: rgba(255,255,255,0.06) !important;\n    }\n\n    #tdm-range-refined .tdm-sel-text {\n      flex: 1 !important;\n    }\n\n    #tdm-range-refined .tdm-sel-title {\n      display: block !important;\n      font-size: 15px !important;\n      font-weight: 700 !important;\n      color: #ffffff !important;\n      margin-bottom: 1px !important;\n      line-height: 1.3 !important;\n    }\n\n    #tdm-range-refined .tdm-sel-desc {\n      font-size: 13px !important;\n      color: rgba(255,255,255,0.7) !important;\n      line-height: 1.45 !important;\n    }\n\n    #tdm-range-refined .tdm-sel-arrow {\n      flex-shrink: 0 !important;\n      width: 30px !important;\n      height: 30px !important;\n      background: rgba(255,255,255,0.12) !important;\n      border-radius: 50% !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      transition: background 0.2s ease !important;\n    }\n\n    #tdm-range-refined .tdm-cta-selector:hover .tdm-sel-arrow {\n      background: rgba(255,255,255,0.25) !important;\n    }\n\n    #tdm-range-refined .tdm-sel-arrow svg {\n      width: 15px !important;\n      height: 15px !important;\n      stroke: #ffffff !important;\n      fill: none !important;\n      stroke-width: 2.5 !important;\n      stroke-linecap: round !important;\n      stroke-linejoin: round !important;\n    }\n\n    \/* RESPONSIVENESS *\/\n    @media (max-width:1000px) {\n      #tdm-range-refined .tdm-grid {\n        grid-template-columns: repeat(2, 1fr) !important;\n      }\n    }\n\n    @media (max-width:690px) {\n      #tdm-range-refined .tdm-grid {\n        grid-template-columns: 1fr !important;\n      }\n      #tdm-range-refined .tdm-cta-top {\n        flex-direction: column !important;\n        text-align: center !important;\n        padding: 28px 24px !important;\n      }\n      #tdm-range-refined .tdm-cta-content {\n        min-width: 100% !important;\n      }\n      #tdm-range-refined .tdm-btn {\n        width: 100% !important;\n      }\n      #tdm-range-refined .tdm-cta-divider {\n        margin: 0 24px !important;\n      }\n      #tdm-range-refined .tdm-cta-selector {\n        padding: 18px 24px !important;\n      }\n    }\n\n    @media (max-width: 600px) {\n      #tdm-range-refined { padding: 40px 20px !important; }\n      #tdm-range-refined h2 { font-size: 28px !important; }\n    }\n  <\/style>\n\n  <div class=\"tdm-container\">\n    \n    <div class=\"tdm-header\">\n      <span class=\"tdm-eyebrow\">Product Range<\/span>\n      <h2>Touchscreen Display Module \u2014 From Compact to Large-Format<\/h2>\n      <p class=\"tdm-intro\">\n        We keep a broad catalog so you don&#8217;t have to piece together display, touch panel, and controller from three different vendors. One module, one supplier.\n      <\/p>\n    <\/div>\n\n    <div class=\"tdm-grid\">\n      \n      <div class=\"tdm-card\">\n        <h4>2.8\u2033 \u2013 3.5\u2033 | 240\u00d7320<\/h4>\n        <h3>Compact TFT Touch Modules<\/h3>\n        <p>Small-form-factor lcd touch screen modules for handheld tools, wearables, and IoT endpoints. SPI interface standard, optional I2C touch controller. Capacitive or resistive touch panel. Works well with ESP32 and similar microcontroller boards.<\/p>\n      <\/div>\n\n      <div class=\"tdm-card\">\n        <h4>4.3\u2033 \u2013 5.0\u2033 | 480\u00d7272 \/ 800\u00d7480<\/h4>\n        <h3>Mid-Range Display Modules<\/h3>\n        <p>The workhorse size for HMI dashboards, automation panels, and POS terminals. Available with IPS for wide viewing angles, RGB parallel interface for fast refresh, plus optional UART control. Popular in industrial control systems and kiosk builds.<\/p>\n      <\/div>\n\n      <div class=\"tdm-card\">\n        <h4>7.0\u2033 \u2013 10.1\u2033 | 1024\u00d7600 \/ 1280\u00d7800<\/h4>\n        <h3>Large-Format Touchscreen Modules<\/h3>\n        <p>High-resolution tft lcd displays for medical devices, vehicle infotainment, and smart-home hubs. LVDS or MIPI DSI interface, optical bonding available, multi-touch capacitive panels. IPS technology is standard on 7\u2033+ sizes.<\/p>\n      <\/div>\n\n      <div class=\"tdm-card\">\n        <h4>PCAP | Up to 10-Point<\/h4>\n        <h3>Capacitive Touch Panels<\/h3>\n        <p>Projected capacitive touch with multi-touch gesture support, high optical clarity, and lcd capacitive touch bonding options. Ideal for consumer electronics and medical-grade user interface designs where responsiveness matters.<\/p>\n      <\/div>\n\n      <div class=\"tdm-card\">\n        <h4>4\/5-Wire | Pressure-Based<\/h4>\n        <h3>Resistive Touch Panels<\/h3>\n        <p>Resistive touch panel options for gloved operation, stylus input, and wet environments. Proven reliability in factory floors, outdoor kiosks, and field instruments. Cost-effective for projects that don&#8217;t need gesture control.<\/p>\n      <\/div>\n\n      <div class=\"tdm-card\">\n        <h4>OLED | AMOLED<\/h4>\n        <h3>OLED Display Modules<\/h3>\n        <p>High-contrast oled panels for wearables, instrumentation, and applications where deep blacks and thin form factor are critical. Available in small sizes (0.96\u2033 to 2.4\u2033) with SPI or I2C interfaces.<\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- Combined CTA Block -->\n    <div class=\"tdm-cta-combined\">\n      <div class=\"tdm-cta-top\">\n        <div class=\"tdm-cta-content\">\n          <span class=\"tdm-cta-title\">Need a Custom Configuration?<\/span>\n          <span class=\"tdm-cta-text\">Modified interfaces, brightness levels, cover glass, optical bonding \u2014 we handle it all. Tell us what you need.<\/span>\n        <\/div>\n        <a href=\"#ct-popup-787\" class=\"tdm-btn\">Request a Quote<\/a>\n      <\/div>\n      <div class=\"tdm-cta-divider\"><\/div>\n      <a href=\"https:\/\/saiweiglass.com\/products\/touch-display-modules\/touch-display-module-selector\/\" class=\"tdm-cta-selector\" title=\"Touch Display Module Selector Tool\" target=\"_blank\">\n        <div class=\"tdm-sel-text\">\n          <span class=\"tdm-sel-title\">Touch Display Module Selector<\/span>\n          <span class=\"tdm-sel-desc\">Answer 4 quick questions and we&#8217;ll match you with the right SWLCD module for your project.<\/span>\n        <\/div>\n        <div class=\"tdm-sel-arrow\">\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n        <\/div>\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function(){\n      document.addEventListener(\"DOMContentLoaded\", function() {\n        console.log(\"Touch Display Refined Grid Loaded\");\n      });\n    })();\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-9f1aea1\" data-block-id=\"9f1aea1\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-9f1aea1-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-5a8d03a\" data-v=\"4\" data-block-id=\"5a8d03a\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-5a8d03a-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-5a8d03a-inner-blocks\">\n<section id=\"tdm-tech-specs-white\">\n  <style>\n    \/* * PRINCIPLE 3: Aesthetics & Fonts *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n    \/* * PRINCIPLE 1: Highest Level of Scope *\/\n    #tdm-tech-specs-white {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n      width: 100% !important;\n      box-sizing: border-box !important;\n      \/* UPDATED: Background Color to White *\/\n      background-color: #ffffff !important;\n      color: #333333 !important;\n      line-height: 1.6 !important;\n      \/* User Requirement: Section padding *\/\n      padding: 40px 20px !important; \n      margin: 0 !important;\n      position: relative !important;\n    }\n\n    #tdm-tech-specs-white * {\n      box-sizing: border-box !important;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Main Container *\/\n    #tdm-tech-specs-white .tdm-container {\n      max-width: 1200px !important;\n      margin: 0 auto !important;\n    }\n\n    \/* --- HEADER --- *\/\n    #tdm-tech-specs-white .tdm-header {\n      margin-bottom: 40px !important;\n      max-width: 900px !important;\n    }\n\n    \/* Eyebrow \/ H2 Wrapper *\/\n    #tdm-tech-specs-white .tdm-eyebrow {\n      display: inline-block !important;\n      font-size: 13px !important;\n      font-weight: 700 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 1.5px !important;\n      color: #1860A8 !important; \n      margin-bottom: 8px !important;\n      background: #F8FAFC !important; \/* Slightly tinted background for contrast on white *\/\n      padding: 4px 12px !important;\n      border-radius: 4px !important;\n    }\n\n    \/* H2: Main Title (UPDATED TO BLACK) *\/\n    #tdm-tech-specs-white h2 {\n      font-size: 32px !important;\n      font-weight: 700 !important;\n      \/* COLOR CHANGED TO BLACK *\/\n      color: #000000 !important; \n      margin-bottom: 10px !important;\n      line-height: 1.25 !important;\n    }\n\n    \/* H3: Subtitle *\/\n    #tdm-tech-specs-white h3 {\n      font-size: 20px !important;\n      font-weight: 600 !important;\n      color: #1E293B !important;\n      margin-bottom: 15px !important;\n      line-height: 1.4 !important;\n    }\n\n    #tdm-tech-specs-white .tdm-intro {\n      font-size: 16px !important;\n      color: #475569 !important;\n      margin-bottom: 0 !important;\n      max-width: 700px !important;\n    }\n\n    \/* --- DATA TABLE --- *\/\n    #tdm-tech-specs-white .tdm-table-wrapper {\n      background: #ffffff !important;\n      border-radius: 8px !important;\n      \/* Adjusted shadow for better definition on white background *\/\n      box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.08) !important;\n      border: 1px solid #E2E8F0 !important;\n      overflow: hidden !important;\n      margin-bottom: 40px !important;\n      \/* Scroll Logic *\/\n      overflow-x: auto !important;\n      -webkit-overflow-scrolling: touch !important;\n    }\n\n    #tdm-tech-specs-white table {\n      width: 100% !important;\n      border-collapse: collapse !important;\n      min-width: 800px !important; \/* Forces scroll on small screens *\/\n      font-size: 14px !important;\n    }\n\n    \/* Table Header *\/\n    #tdm-tech-specs-white thead {\n      background-color: #304890 !important;\n      color: #ffffff !important;\n    }\n\n    #tdm-tech-specs-white th {\n      padding: 18px 20px !important;\n      text-align: left !important;\n      font-weight: 700 !important;\n      text-transform: uppercase !important;\n      font-size: 12px !important;\n      letter-spacing: 0.5px !important;\n      border-right: 1px solid rgba(255,255,255,0.1) !important;\n      white-space: nowrap !important;\n    }\n\n    #tdm-tech-specs-white th:last-child {\n      border-right: none !important;\n    }\n\n    \/* Table Body *\/\n    #tdm-tech-specs-white tbody tr {\n      border-bottom: 1px solid #E2E8F0 !important;\n      transition: background-color 0.2s ease !important;\n    }\n\n    #tdm-tech-specs-white tbody tr:last-child {\n      border-bottom: none !important;\n    }\n\n    #tdm-tech-specs-white tbody tr:hover {\n      background-color: #F8FAFC !important;\n    }\n\n    #tdm-tech-specs-white td {\n      padding: 16px 20px !important;\n      color: #334155 !important;\n      font-weight: 500 !important;\n      white-space: nowrap !important;\n    }\n\n    \/* Highlight Column 1 (Size) - Adjusted contrast for white BG *\/\n    #tdm-tech-specs-white td:first-child {\n      font-weight: 800 !important;\n      color: #304890 !important;\n      background-color: #F8F9FA !important; \n    }\n\n    \/* --- NOTES SECTION --- *\/\n    #tdm-tech-specs-white .tdm-notes-grid {\n      display: grid !important;\n      grid-template-columns: 1fr 1fr !important;\n      gap: 40px !important;\n      padding-top: 20px !important;\n      border-top: 2px solid #E2E8F0 !important;\n    }\n\n    #tdm-tech-specs-white .tdm-note-col {\n      font-size: 15px !important;\n      color: #475569 !important;\n      line-height: 1.7 !important;\n    }\n\n    \/* H4: Note Headings *\/\n    #tdm-tech-specs-white h4 {\n      font-size: 16px !important;\n      font-weight: 700 !important;\n      color: #1860A8 !important; \/* Secondary Brand Color *\/\n      margin-bottom: 12px !important;\n      display: flex !important;\n      align-items: center !important;\n      gap: 10px !important;\n    }\n\n    #tdm-tech-specs-white h4::before {\n      content: '' !important;\n      display: block !important;\n      width: 4px !important;\n      height: 16px !important;\n      background-color: #304890 !important;\n      border-radius: 2px !important;\n    }\n\n    \/* Highlighting Keywords *\/\n    #tdm-tech-specs-white strong {\n      color: #304890 !important;\n    }\n\n    \/* RESPONSIVENESS *\/\n    @media (max-width: 900px) {\n      #tdm-tech-specs-white .tdm-notes-grid {\n        grid-template-columns: 1fr !important;\n        gap: 30px !important;\n      }\n    }\n\n    @media (max-width: 600px) {\n      #tdm-tech-specs-white { padding: 40px 20px !important; }\n      #tdm-tech-specs-white h2 { font-size: 26px !important; }\n      #tdm-tech-specs-white h3 { font-size: 18px !important; }\n      \n      \/* Make table instruction visible on mobile *\/\n      #tdm-tech-specs-white .tdm-table-hint {\n        display: block !important;\n        font-size: 12px !important;\n        color: #94A3B8 !important;\n        margin-bottom: 8px !important;\n        text-align: right !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"tdm-container\">\n    \n    <div class=\"tdm-header\">\n      <span class=\"tdm-eyebrow\">Technical Data<\/span>\n      <h2>Touch Display Module Specifications &#038; Capacity<\/h2>\n      <p class=\"tdm-intro\">Real numbers, not marketing fluff. Here\u2019s what our standard modules actually deliver.<\/p>\n    <\/div>\n\n    <div class=\"tdm-table-hint\" style=\"display:none;\">Scroll right to see more \u2192<\/div>\n    <div class=\"tdm-table-wrapper\">\n      <table>\n        <thead>\n          <tr>\n            <th>Size<\/th>\n            <th>Resolution<\/th>\n            <th>Panel Type<\/th>\n            <th>Touch<\/th>\n            <th>Interface<\/th>\n            <th>Brightness<\/th>\n            <th>Temp Range<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody>\n          <tr>\n            <td>2.8\u2033<\/td>\n            <td>240\u00d7320<\/td>\n            <td>TFT<\/td>\n            <td>Capacitive \/ Resistive<\/td>\n            <td>SPI<\/td>\n            <td>300 cd\/m\u00b2<\/td>\n            <td>-20\u00b0C to +70\u00b0C<\/td>\n          <\/tr>\n          <tr>\n            <td>3.5\u2033<\/td>\n            <td>320\u00d7480<\/td>\n            <td>TFT IPS<\/td>\n            <td>Capacitive<\/td>\n            <td>SPI \/ RGB<\/td>\n            <td>400 cd\/m\u00b2<\/td>\n            <td>-20\u00b0C to +70\u00b0C<\/td>\n          <\/tr>\n          <tr>\n            <td>4.3\u2033<\/td>\n            <td>480\u00d7272<\/td>\n            <td>TFT<\/td>\n            <td>Capacitive \/ Resistive<\/td>\n            <td>RGB \/ SPI<\/td>\n            <td>500 cd\/m\u00b2<\/td>\n            <td>-20\u00b0C to +70\u00b0C<\/td>\n          <\/tr>\n          <tr>\n            <td>5.0\u2033<\/td>\n            <td>800\u00d7480<\/td>\n            <td>TFT IPS<\/td>\n            <td>Capacitive<\/td>\n            <td>RGB \/ MIPI<\/td>\n            <td>500 cd\/m\u00b2<\/td>\n            <td>-30\u00b0C to +80\u00b0C<\/td>\n          <\/tr>\n          <tr>\n            <td>7.0\u2033<\/td>\n            <td>1024\u00d7600<\/td>\n            <td>IPS<\/td>\n            <td>Capacitive (PCAP)<\/td>\n            <td>LVDS \/ RGB<\/td>\n            <td>700 cd\/m\u00b2<\/td>\n            <td>-30\u00b0C to +80\u00b0C<\/td>\n          <\/tr>\n          <tr>\n            <td>10.1\u2033<\/td>\n            <td>1280\u00d7800<\/td>\n            <td>IPS<\/td>\n            <td>Capacitive (PCAP)<\/td>\n            <td>LVDS \/ MIPI DSI<\/td>\n            <td>800 cd\/m\u00b2<\/td>\n            <td>-30\u00b0C to +85\u00b0C<\/td>\n          <\/tr>\n          <tr>\n            <td>15.6\u2033<\/td>\n            <td>1920\u00d71080<\/td>\n            <td>IPS<\/td>\n            <td>Capacitive (PCAP)<\/td>\n            <td>eDP \/ LVDS<\/td>\n            <td>1000 cd\/m\u00b2<\/td>\n            <td>-20\u00b0C to +70\u00b0C<\/td>\n          <\/tr>\n        <\/tbody>\n      <\/table>\n    <\/div>\n\n    <div class=\"tdm-notes-grid\">\n      \n      <div class=\"tdm-note-col\">\n        <h4>Environmental Capability<\/h4>\n        <p>A few notes worth flagging. The brightness figures above are for standard-backlight modules. We stock <strong>high-brightness variants (1,000+ cd\/m\u00b2)<\/strong> for sunlight-readable applications \u2014 outdoor kiosks, marine panels, that sort of thing. Temperature range can be extended to \u221240\u00b0C to +85\u00b0C on select models with industrial-grade LCD cells, but you\u2019ll want to validate with a sample first because the response time at \u221240 is&#8230; not great. It works, but don\u2019t expect snappy animations at that extreme.<\/p>\n      <\/div>\n\n      <div class=\"tdm-note-col\">\n        <h4>Touch &#038; Integration<\/h4>\n        <p>On the touch side: our capacitive controllers (GT911, FT5x06 family, CST328) support up to <strong>10-point multi-touch<\/strong>, and the I2C report rate typically sits around 100Hz. The resistive option uses 4-wire analog with a dedicated ADC controller. If you need a specific SPI interface configuration or custom FPC pinout, that\u2019s a standard modification \u2014 <strong>no NRE for pin-swap changes<\/strong> on orders above 1K pieces.<\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function(){\n      document.addEventListener(\"DOMContentLoaded\", function() {\n        console.log(\"Touch Display Tech Specs (White) Loaded\");\n      });\n    })();\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-5078019\" data-block-id=\"5078019\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-5078019-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-c54fb98\" data-v=\"4\" data-block-id=\"c54fb98\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-c54fb98-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-c54fb98-inner-blocks\">\n<!-- B2B & OEM Services Module \u2014 Touch Display Modules -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" crossorigin>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&#038;family=Outfit:wght@400;500;600;700;800&#038;display=swap\">\n\n<section id=\"tdm-b2b-oem-module\" aria-label=\"B2B and OEM Services\">\n<style>\n  #tdm-b2b-oem-module {\n    --tdm-primary: #304890;\n    --tdm-secondary: #1860A8;\n    --tdm-accent: #1878C0;\n    --tdm-deep: #3048A8;\n    --tdm-bg: #f8f9fc;\n    --tdm-white: #ffffff;\n    --tdm-heading: #111827;\n    --tdm-text: #1e293b;\n    --tdm-text-mid: #374151;\n    --tdm-text-muted: #5a6478;\n    --tdm-border: #d6dde9;\n    --tdm-radius: 7px;\n    width: 100%;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'DM Sans', sans-serif !important;\n    color: var(--tdm-text) !important;\n    line-height: 1.6;\n    overflow: hidden;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  #tdm-b2b-oem-module *, #tdm-b2b-oem-module *::before, #tdm-b2b-oem-module *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* ===== HERO ===== *\/\n  #tdm-b2b-oem-module .tdm-hero {\n    padding: 40px 24px 20px;\n    background: var(--tdm-bg);\n    text-align: center;\n  }\n\n  #tdm-b2b-oem-module .tdm-hero-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  #tdm-b2b-oem-module .tdm-badge {\n    display: inline-block;\n    padding: 4px 12px;\n    background: var(--tdm-white);\n    border: 1px solid var(--tdm-border);\n    border-radius: 4px;\n    font-family: 'DM Sans', sans-serif !important;\n    font-size: 11px !important;\n    font-weight: 700 !important;\n    color: var(--tdm-primary) !important;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    margin-bottom: 10px;\n  }\n\n  #tdm-b2b-oem-module .tdm-hero h2 {\n    font-family: 'Outfit', sans-serif !important;\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    color: var(--tdm-heading) !important;\n    line-height: 1.15;\n    margin-bottom: 8px;\n    letter-spacing: -0.3px;\n  }\n\n  #tdm-b2b-oem-module .tdm-hero-sub {\n    font-family: 'DM Sans', sans-serif !important;\n    font-size: 15px !important;\n    color: var(--tdm-text-muted) !important;\n    line-height: 1.45;\n    max-width: 520px;\n    margin: 0 auto;\n  }\n\n  \/* ===== SHARED ===== *\/\n  #tdm-b2b-oem-module .tdm-wrap {\n    max-width: 1120px;\n    margin: 0 auto;\n    padding: 0 24px;\n  }\n\n  #tdm-b2b-oem-module .tdm-sh {\n    margin-bottom: 12px;\n  }\n\n  #tdm-b2b-oem-module .tdm-sh h3 {\n    font-family: 'Outfit', sans-serif !important;\n    font-size: 24px !important;\n    font-weight: 700 !important;\n    color: var(--tdm-heading) !important;\n    line-height: 1.2;\n    padding-bottom: 6px;\n    border-bottom: 2px solid var(--tdm-primary);\n    display: inline-block;\n  }\n\n  \/* ===== OEM \/ ODM SECTION ===== *\/\n  #tdm-b2b-oem-module .tdm-sec-oem {\n    padding: 22px 24px 18px;\n    background: var(--tdm-white);\n  }\n\n  #tdm-b2b-oem-module .tdm-oem-layout {\n    display: grid;\n    grid-template-columns: 5fr 6fr;\n    grid-template-rows: auto auto;\n    gap: 10px;\n  }\n\n  #tdm-b2b-oem-module .tdm-card-oem {\n    grid-column: 1;\n    grid-row: 1;\n    padding: 16px 18px 14px;\n    background: var(--tdm-bg);\n    border: 1px solid var(--tdm-border);\n    border-radius: var(--tdm-radius);\n    transition: border-color 0.2s ease;\n  }\n\n  #tdm-b2b-oem-module .tdm-card-odm {\n    grid-column: 2;\n    grid-row: 1 \/ 3;\n    padding: 16px 18px;\n    background: var(--tdm-bg);\n    border: 1px solid var(--tdm-accent);\n    border-radius: var(--tdm-radius);\n    position: relative;\n    transition: border-color 0.2s ease;\n  }\n\n  #tdm-b2b-oem-module .tdm-card-odm::before {\n    content: 'Most Requested';\n    position: absolute;\n    top: -1px;\n    right: 16px;\n    padding: 2px 9px;\n    background: var(--tdm-accent);\n    color: #fff;\n    font-family: 'DM Sans', sans-serif !important;\n    font-size: 10px !important;\n    font-weight: 600;\n    letter-spacing: 0.3px;\n    border-radius: 0 0 4px 4px;\n  }\n\n  #tdm-b2b-oem-module .tdm-card-custom {\n    grid-column: 1;\n    grid-row: 2;\n    padding: 14px 18px;\n    background: var(--tdm-primary);\n    border-radius: var(--tdm-radius);\n    color: #fff;\n  }\n\n  #tdm-b2b-oem-module .tdm-card-oem:hover,\n  #tdm-b2b-oem-module .tdm-card-odm:hover {\n    border-color: var(--tdm-secondary);\n  }\n\n  #tdm-b2b-oem-module .tdm-oem-tag {\n    display: inline-block;\n    padding: 1px 8px;\n    font-family: 'Outfit', sans-serif !important;\n    font-size: 10px !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    color: var(--tdm-white) !important;\n    border-radius: 3px;\n    margin-bottom: 7px;\n  }\n\n  #tdm-b2b-oem-module .tdm-tag-oem { background: var(--tdm-primary); }\n  #tdm-b2b-oem-module .tdm-tag-odm { background: var(--tdm-accent); }\n\n  #tdm-b2b-oem-module .tdm-oem-layout h4 {\n    font-family: 'Outfit', sans-serif !important;\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    color: var(--tdm-heading) !important;\n    margin-bottom: 4px;\n    line-height: 1.25;\n  }\n\n  #tdm-b2b-oem-module .tdm-oem-layout p {\n    font-family: 'DM Sans', sans-serif !important;\n    font-size: 13.5px !important;\n    line-height: 1.55;\n    color: var(--tdm-text-muted) !important;\n  }\n\n  #tdm-b2b-oem-module .tdm-card-custom h4 {\n    color: #fff !important;\n    font-size: 14px !important;\n    margin-bottom: 3px;\n  }\n\n  #tdm-b2b-oem-module .tdm-card-custom p {\n    color: rgba(255,255,255,0.82) !important;\n    font-size: 13px !important;\n  }\n\n  \/* ===== LOGISTICS SECTION ===== *\/\n  #tdm-b2b-oem-module .tdm-sec-log {\n    padding: 20px 24px 22px;\n    background: var(--tdm-bg);\n  }\n\n  #tdm-b2b-oem-module .tdm-log-top {\n    display: grid;\n    grid-template-columns: 2fr 3fr;\n    gap: 10px;\n    margin-bottom: 10px;\n  }\n\n  #tdm-b2b-oem-module .tdm-log-card {\n    background: var(--tdm-white);\n    border: 1px solid var(--tdm-border);\n    border-radius: var(--tdm-radius);\n    padding: 14px 16px;\n    transition: border-color 0.2s ease;\n  }\n\n  #tdm-b2b-oem-module .tdm-log-card:hover {\n    border-color: var(--tdm-accent);\n  }\n\n  #tdm-b2b-oem-module .tdm-log-card h4 {\n    font-family: 'Outfit', sans-serif !important;\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    color: var(--tdm-heading) !important;\n    text-transform: uppercase;\n    letter-spacing: 0.4px;\n    margin-bottom: 5px;\n    line-height: 1.2;\n  }\n\n  #tdm-b2b-oem-module .tdm-log-card p {\n    font-family: 'DM Sans', sans-serif !important;\n    font-size: 13px !important;\n    line-height: 1.55;\n    color: var(--tdm-text-mid) !important;\n  }\n\n  #tdm-b2b-oem-module .tdm-log-strip {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n  }\n\n  #tdm-b2b-oem-module .tdm-log-strip-item {\n    background: var(--tdm-white);\n    border: 1px solid var(--tdm-border);\n    border-radius: var(--tdm-radius);\n    padding: 12px 14px;\n    display: flex;\n    gap: 12px;\n    align-items: flex-start;\n    transition: border-color 0.2s ease;\n  }\n\n  #tdm-b2b-oem-module .tdm-log-strip-item:hover {\n    border-color: var(--tdm-accent);\n  }\n\n  #tdm-b2b-oem-module .tdm-strip-label {\n    font-family: 'Outfit', sans-serif !important;\n    font-size: 12px !important;\n    font-weight: 700 !important;\n    color: var(--tdm-white) !important;\n    background: var(--tdm-secondary);\n    padding: 3px 9px;\n    border-radius: 4px;\n    white-space: nowrap;\n    flex-shrink: 0;\n    line-height: 1.3;\n  }\n\n  #tdm-b2b-oem-module .tdm-strip-label-alt {\n    background: var(--tdm-deep);\n  }\n\n  #tdm-b2b-oem-module .tdm-log-strip-item p {\n    font-family: 'DM Sans', sans-serif !important;\n    font-size: 12.5px !important;\n    line-height: 1.5;\n    color: var(--tdm-text-mid) !important;\n  }\n\n  \/* ===== CTA ===== *\/\n  #tdm-b2b-oem-module .tdm-cta {\n    padding: 18px 24px 22px;\n    background: var(--tdm-white);\n  }\n\n  #tdm-b2b-oem-module .tdm-cta-inner {\n    max-width: 1120px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    padding: 20px 28px;\n    background: var(--tdm-primary);\n    border-radius: var(--tdm-radius);\n  }\n\n  #tdm-b2b-oem-module .tdm-cta-text {\n    flex: 1;\n  }\n\n  #tdm-b2b-oem-module .tdm-cta h3 {\n    font-family: 'Outfit', sans-serif !important;\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    color: #fff !important;\n    margin-bottom: 2px;\n    line-height: 1.2;\n  }\n\n  #tdm-b2b-oem-module .tdm-cta-desc {\n    font-family: 'DM Sans', sans-serif !important;\n    font-size: 13.5px !important;\n    color: rgba(255,255,255,0.78) !important;\n    line-height: 1.45;\n  }\n\n  #tdm-b2b-oem-module .tdm-cta-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    padding: 11px 26px;\n    background: var(--tdm-white);\n    color: var(--tdm-primary) !important;\n    font-family: 'Outfit', sans-serif !important;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    text-decoration: none !important;\n    white-space: nowrap;\n    flex-shrink: 0;\n    transition: transform 0.15s ease, box-shadow 0.2s ease;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n  }\n\n  #tdm-b2b-oem-module .tdm-cta-btn:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 4px 16px rgba(0,0,0,0.18);\n  }\n\n  #tdm-b2b-oem-module .tdm-cta-btn svg {\n    width: 15px;\n    height: 15px;\n    stroke: var(--tdm-primary);\n    fill: none;\n    stroke-width: 2.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: transform 0.15s ease;\n  }\n\n  #tdm-b2b-oem-module .tdm-cta-btn:hover svg {\n    transform: translateX(3px);\n  }\n\n  \/* ===== RESPONSIVE ===== *\/\n  @media (max-width: 860px) {\n    #tdm-b2b-oem-module .tdm-oem-layout {\n      grid-template-columns: 1fr;\n      grid-template-rows: auto auto auto;\n    }\n    #tdm-b2b-oem-module .tdm-card-oem { grid-column: 1; grid-row: 1; }\n    #tdm-b2b-oem-module .tdm-card-odm { grid-column: 1; grid-row: 2; }\n    #tdm-b2b-oem-module .tdm-card-custom { grid-column: 1; grid-row: 3; }\n\n    #tdm-b2b-oem-module .tdm-log-top {\n      grid-template-columns: 1fr;\n    }\n    #tdm-b2b-oem-module .tdm-log-strip {\n      grid-template-columns: 1fr;\n    }\n    #tdm-b2b-oem-module .tdm-cta-inner {\n      flex-direction: column;\n      text-align: center;\n      padding: 18px 18px;\n    }\n  }\n\n  @media (max-width: 640px) {\n    #tdm-b2b-oem-module .tdm-hero { padding: 20px 16px 16px; }\n    #tdm-b2b-oem-module .tdm-hero h2 { font-size: 25px !important; }\n    #tdm-b2b-oem-module .tdm-sh h3 { font-size: 20px !important; }\n    #tdm-b2b-oem-module .tdm-cta h3 { font-size: 18px !important; }\n    #tdm-b2b-oem-module .tdm-sec-oem { padding: 18px 16px 14px; }\n    #tdm-b2b-oem-module .tdm-sec-log { padding: 16px 16px 18px; }\n    #tdm-b2b-oem-module .tdm-cta { padding: 14px 16px 18px; }\n    #tdm-b2b-oem-module .tdm-log-strip-item {\n      flex-direction: column;\n      gap: 6px;\n    }\n  }\n<\/style>\n\n<!-- HERO -->\n<header class=\"tdm-hero\">\n  <div class=\"tdm-hero-inner\">\n    <span class=\"tdm-badge\">B2B &amp; OEM Services<\/span>\n    <h2>Wholesale Touch Screen Module Supplier \u2014 OEM &amp; ODM<\/h2>\n    <p class=\"tdm-hero-sub\">Whether you need 50 samples or 50,000 production units, we scale with you.<\/p>\n  <\/div>\n<\/header>\n\n<!-- OEM & ODM CAPABILITIES -->\n<section class=\"tdm-sec-oem\" aria-label=\"OEM and ODM Capabilities\">\n  <div class=\"tdm-wrap\">\n    <div class=\"tdm-sh\">\n      <h3>OEM &amp; ODM Capabilities<\/h3>\n    <\/div>\n\n    <div class=\"tdm-oem-layout\">\n      <article class=\"tdm-card-oem\">\n        <span class=\"tdm-oem-tag tdm-tag-oem\">OEM<\/span>\n        <h4>Build to Your Exact Spec<\/h4>\n        <p>You provide the design, we manufacture. OEM means we follow your specifications precisely \u2014 your drawings, your BOM, your requirements, delivered with production-grade quality control.<\/p>\n      <\/article>\n\n      <article class=\"tdm-card-odm\">\n        <span class=\"tdm-oem-tag tdm-tag-odm\">ODM<\/span>\n        <h4>We Handle the Design Too<\/h4>\n        <p>Based on your requirements, we take care of the design. Most customers start with our standard module and request 2\u20133 modifications: a different FPC connector, adjusted backlight current, or custom cover glass shape. That&#8217;s a straightforward ODM job.<\/p>\n      <\/article>\n\n      <article class=\"tdm-card-custom\">\n        <h4>Full-Custom Projects<\/h4>\n        <p>For unique board layouts, proprietary touch controller integration, or modules that need to fit inside an existing enclosure with no room to spare \u2014 we assign a dedicated project engineer from our R&amp;D team. Turnaround from design confirmation to first article is typically 3\u20134 weeks.<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ORDERING & LOGISTICS -->\n<section class=\"tdm-sec-log\" aria-label=\"Ordering and Logistics\">\n  <div class=\"tdm-wrap\">\n    <div class=\"tdm-sh\">\n      <h3>Ordering &amp; Logistics<\/h3>\n    <\/div>\n\n    <div class=\"tdm-log-top\">\n      <div class=\"tdm-log-card\">\n        <h4>MOQ<\/h4>\n        <p>No minimum for standard catalog modules. Custom modules start at 500\u20131,000 pcs depending on modification complexity.<\/p>\n      <\/div>\n      <div class=\"tdm-log-card\">\n        <h4>Wholesale Pricing<\/h4>\n        <p>Volume breaks at 1K, 5K, and 10K+ units. Fleet orders and multi-year supply agreements get additional reductions \u2014 ask us for a bulk quote.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tdm-log-strip\">\n      <div class=\"tdm-log-strip-item\">\n        <span class=\"tdm-strip-label\">Shipping<\/span>\n        <p>DHL\/FedEx\/UPS express for samples (3\u20135 days worldwide). Sea freight for production volumes. FOB Shenzhen or CIF to your port.<\/p>\n      <\/div>\n      <div class=\"tdm-log-strip-item\">\n        <span class=\"tdm-strip-label tdm-strip-label-alt\">Payment<\/span>\n        <p>T\/T, PayPal for samples, L\/C for large wholesale orders. Net-30 terms available for established accounts.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"tdm-cta\" aria-label=\"Get a Quote\">\n  <div class=\"tdm-cta-inner\">\n    <div class=\"tdm-cta-text\">\n      <h3>Ready to Discuss Your Project?<\/h3>\n      <p class=\"tdm-cta-desc\">Send us your specs. We&#8217;ll get back to you within 24 hours with a preliminary quote and timeline.<\/p>\n    <\/div>\n    <a href=\"#ct-popup-787\" class=\"tdm-cta-btn\" aria-label=\"Get a quote for your touch display module project\" title=\"Request a Quote\">\n      Get a Quote\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n    <\/a>\n  <\/div>\n<\/section>\n\n<\/section>\n<!-- END B2B & OEM Services Module -->\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-b63823e\" data-block-id=\"b63823e\"><style>.stk-b63823e {margin-bottom:1px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-b63823e-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-bb6208f\" data-v=\"4\" data-block-id=\"bb6208f\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-bb6208f-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-bb6208f-inner-blocks\">\n<!-- Problems & Solutions Module \u2014 Touch Display Modules -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" crossorigin>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&#038;family=Outfit:wght@400;500;600;700;800&#038;display=swap\">\n\n\n\n<section id=\"tdm-problems-solutions\" aria-label=\"Problems and Solutions\">\n\n<style>\n\n  #tdm-problems-solutions {\n\n    --ps-accent: #1878C0;\n\n    --ps-accent-dim: rgba(24,120,192,0.35);\n\n    --ps-white: #ffffff;\n\n    --ps-text: rgba(255,255,255,0.87);\n\n    --ps-text-dim: rgba(255,255,255,0.56);\n\n    --ps-text-faint: rgba(255,255,255,0.28);\n\n    --ps-border: rgba(255,255,255,0.07);\n\n    --ps-surface: rgba(255,255,255,0.03);\n\n    --ps-radius: 6px;\n\n    width: 100%;\n\n    margin: 0 auto;\n\n    padding: 40px 24px;\n\n    box-sizing: border-box;\n\n    font-family: 'DM Sans', sans-serif !important;\n\n    color: var(--ps-text) !important;\n\n    line-height: 1.58;\n\n    background:\n\n      radial-gradient(ellipse at 12% 6%, rgba(48,72,144,0.16) 0%, transparent 48%),\n\n      radial-gradient(ellipse at 88% 94%, rgba(24,96,168,0.1) 0%, transparent 42%),\n\n      linear-gradient(170deg, #081230 0%, #0e1f45 28%, #132852 52%, #0d1b3e 78%, #091530 100%) !important;\n\n    -webkit-font-smoothing: antialiased;\n\n  }\n\n\n\n  #tdm-problems-solutions *, #tdm-problems-solutions *::before, #tdm-problems-solutions *::after {\n\n    box-sizing: border-box;\n\n    margin: 0;\n\n    padding: 0;\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-wrap {\n\n    max-width: 1200px;\n\n    margin: 0 auto;\n\n  }\n\n\n\n  \/* ===== HEADER ===== *\/\n\n  #tdm-problems-solutions .ps-header {\n\n    margin-bottom: 20px;\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-eyebrow {\n\n    display: inline-block;\n\n    padding: 3px 10px;\n\n    background: rgba(255,255,255,0.06);\n\n    border: 1px solid rgba(255,255,255,0.09);\n\n    border-radius: 3px;\n\n    font-family: 'DM Sans', sans-serif !important;\n\n    font-size: 10px !important;\n\n    font-weight: 700 !important;\n\n    color: var(--ps-accent) !important;\n\n    letter-spacing: 0.6px;\n\n    text-transform: uppercase;\n\n    margin-bottom: 8px;\n\n  }\n\n\n\n  #tdm-problems-solutions h2 {\n\n    font-family: 'Outfit', sans-serif !important;\n\n    font-size: 32px !important;\n\n    font-weight: 700 !important;\n\n    color: var(--ps-white) !important;\n\n    line-height: 1.12;\n\n    letter-spacing: -0.3px;\n\n    margin-bottom: 6px;\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-intro {\n\n    font-family: 'DM Sans', sans-serif !important;\n\n    font-size: 14px !important;\n\n    color: var(--ps-text-dim) !important;\n\n    line-height: 1.5;\n\n  }\n\n\n\n  \/* ===== SHARED ===== *\/\n\n  #tdm-problems-solutions .ps-grid {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 10px;\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-num {\n\n    font-family: 'Outfit', sans-serif !important;\n\n    font-size: 24px !important;\n\n    font-weight: 800 !important;\n\n    color: var(--ps-text-faint) !important;\n\n    line-height: 1;\n\n    letter-spacing: -1px;\n\n  }\n\n\n\n  #tdm-problems-solutions blockquote {\n\n    font-family: 'DM Sans', sans-serif !important;\n\n    font-size: 13px !important;\n\n    color: rgba(255,255,255,0.65) !important;\n\n    line-height: 1.4;\n\n    border: none;\n\n    padding: 0;\n\n    margin: 0;\n\n    font-style: italic;\n\n  }\n\n\n\n  #tdm-problems-solutions h3 {\n\n    font-family: 'Outfit', sans-serif !important;\n\n    font-size: 18px !important;\n\n    font-weight: 700 !important;\n\n    color: var(--ps-white) !important;\n\n    line-height: 1.25;\n\n  }\n\n\n\n  #tdm-problems-solutions h4 {\n\n    font-family: 'Outfit', sans-serif !important;\n\n    font-size: 13px !important;\n\n    font-weight: 700 !important;\n\n    color: rgba(255,255,255,0.88) !important;\n\n    line-height: 1.3;\n\n    margin-bottom: 4px;\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-story-tag {\n\n    display: inline-block;\n\n    font-family: 'DM Sans', sans-serif !important;\n\n    font-size: 9px !important;\n\n    font-weight: 700 !important;\n\n    color: var(--ps-accent) !important;\n\n    text-transform: uppercase;\n\n    letter-spacing: 0.5px;\n\n    margin-bottom: 3px;\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-body-text {\n\n    font-family: 'DM Sans', sans-serif !important;\n\n    font-size: 13.5px !important;\n\n    line-height: 1.58;\n\n    color: var(--ps-text) !important;\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-story-text {\n\n    font-family: 'DM Sans', sans-serif !important;\n\n    font-size: 12.5px !important;\n\n    line-height: 1.52;\n\n    color: var(--ps-text-dim) !important;\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-story-text + .ps-story-text {\n\n    margin-top: 5px;\n\n  }\n\n\n\n  \/* ===== Block head \u2014 number + quote + h3 inline top ===== *\/\n\n  #tdm-problems-solutions .ps-block-head {\n\n    display: flex;\n\n    align-items: baseline;\n\n    gap: 10px;\n\n    padding-bottom: 8px;\n\n    border-bottom: 1px solid var(--ps-border);\n\n    margin-bottom: 8px;\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-block-titles {\n\n    flex: 1;\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 2px;\n\n  }\n\n\n\n  \/* ===== Story region \u2014 left accent bar ===== *\/\n\n  #tdm-problems-solutions .ps-story-region {\n\n    margin-top: 8px;\n\n    padding-top: 8px;\n\n    border-top: 1px solid var(--ps-border);\n\n    padding-left: 12px;\n\n    border-left: 2px solid var(--ps-accent-dim);\n\n  }\n\n\n\n  \/* ============================================================\n\n     BLOCK 1 \u2014 Standard card\n\n     ============================================================ *\/\n\n  #tdm-problems-solutions .ps-b1 {\n\n    background: var(--ps-surface);\n\n    border: 1px solid var(--ps-border);\n\n    border-radius: var(--ps-radius);\n\n    padding: 16px;\n\n    transition: border-color 0.2s ease;\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-b1:hover {\n\n    border-color: rgba(255,255,255,0.13);\n\n  }\n\n\n\n  \/* ============================================================\n\n     BLOCK 2 \u2014 Left accent bar full-height\n\n     ============================================================ *\/\n\n  #tdm-problems-solutions .ps-b2 {\n\n    background: var(--ps-surface);\n\n    border: 1px solid var(--ps-border);\n\n    border-left: 3px solid var(--ps-accent-dim);\n\n    border-radius: var(--ps-radius);\n\n    padding: 16px;\n\n    transition: border-color 0.2s ease;\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-b2:hover {\n\n    border-color: rgba(255,255,255,0.13);\n\n    border-left-color: var(--ps-accent);\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-b2 .ps-story-region {\n\n    border-left: none;\n\n    padding-left: 0;\n\n  }\n\n\n\n  \/* ============================================================\n\n     BLOCK 3 \u2014 Featured accent background\n\n     ============================================================ *\/\n\n  #tdm-problems-solutions .ps-b3 {\n\n    background: rgba(24,120,192,0.06);\n\n    border: 1px solid rgba(24,120,192,0.18);\n\n    border-radius: var(--ps-radius);\n\n    padding: 16px;\n\n    transition: border-color 0.2s ease;\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-b3:hover {\n\n    border-color: rgba(24,120,192,0.32);\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-b3 .ps-num {\n\n    color: rgba(24,120,192,0.4) !important;\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-b3 .ps-block-head {\n\n    border-bottom-color: rgba(24,120,192,0.12);\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-b3 .ps-story-region {\n\n    border-top-color: rgba(24,120,192,0.12);\n\n    border-left-color: rgba(24,120,192,0.5);\n\n  }\n\n\n\n  \/* ============================================================\n\n     BLOCK 4 \u2014 Inset story card\n\n     ============================================================ *\/\n\n  #tdm-problems-solutions .ps-b4 {\n\n    background: var(--ps-surface);\n\n    border: 1px solid var(--ps-border);\n\n    border-radius: var(--ps-radius);\n\n    padding: 16px;\n\n    transition: border-color 0.2s ease;\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-b4:hover {\n\n    border-color: rgba(255,255,255,0.13);\n\n  }\n\n\n\n  #tdm-problems-solutions .ps-b4-story-card {\n\n    margin-top: 8px;\n\n    padding: 12px;\n\n    background: rgba(255,255,255,0.025);\n\n    border: 1px solid rgba(255,255,255,0.05);\n\n    border-radius: 5px;\n\n  }\n\n\n\n  \/* ===== RESPONSIVE ===== *\/\n\n  @media (max-width: 640px) {\n\n    #tdm-problems-solutions {\n\n      padding: 22px 14px;\n\n    }\n\n    #tdm-problems-solutions h2 {\n\n      font-size: 26px !important;\n\n    }\n\n    #tdm-problems-solutions h3 {\n\n      font-size: 16px !important;\n\n    }\n\n    #tdm-problems-solutions .ps-b1,\n\n    #tdm-problems-solutions .ps-b2,\n\n    #tdm-problems-solutions .ps-b3,\n\n    #tdm-problems-solutions .ps-b4 {\n\n      padding: 12px;\n\n    }\n\n    #tdm-problems-solutions .ps-b4-story-card {\n\n      padding: 10px;\n\n    }\n\n  }\n\n<\/style>\n\n\n\n<div class=\"ps-wrap\">\n\n\n\n  <header class=\"ps-header\">\n\n    <span class=\"ps-eyebrow\">Problems &amp; Solutions<\/span>\n\n    <h2>Common Touch Display Modules Challenges \u2014 And How We Fix Them<\/h2>\n\n    <p class=\"ps-intro\">These are real issues our engineering team deals with every week. Not theoretical \u2014 pulled straight from support tickets and project kick-offs.<\/p>\n\n  <\/header>\n\n\n\n  <div class=\"ps-grid\">\n\n\n\n    <!-- \u2460 EMI \u2014 Standard card -->\n\n    <article class=\"ps-b1\">\n\n      <div class=\"ps-block-head\">\n\n        <span class=\"ps-num\">01<\/span>\n\n        <div class=\"ps-block-titles\">\n\n          <blockquote>&ldquo;The touch panel stops responding when we mount it near the motor controller.&rdquo;<\/blockquote>\n\n          <h3>EMI Interference in Industrial Capacitive Touch Panels<\/h3>\n\n        <\/div>\n\n      <\/div>\n\n      <p class=\"ps-body-text\">EMI interference killing capacitive touch is probably the most common complaint we hear from automation customers. The fix isn&#8217;t always obvious \u2014 sometimes it&#8217;s a grounding issue on the FPC cable, sometimes the touch controller&#8217;s noise threshold needs recalibrating for that specific electrical environment. We supply modules with shielded FPCs and grounded bezels for industrial control systems, and our firmware engineers can tune the touch controller&#8217;s filtering parameters for your specific noise profile.<\/p>\n\n      <div class=\"ps-story-region\">\n\n        <span class=\"ps-story-tag\">Case Study<\/span>\n\n        <h4>Bavaria Packaging Line \u2014 GT911 Controller Recalibration<\/h4>\n\n        <p class=\"ps-story-text\">We had a packaging-line automation company in Bavaria reach out last year. They&#8217;d bought touchscreen display modules from another supplier and the capacitive touch kept freezing every time the servo drives ramped up. Phantom touches, missed inputs \u2014 the operators were ready to rip the panels off the machines.<\/p>\n\n        <p class=\"ps-story-text\">Our team flew out a set of replacement modules with redesigned ground planes and a recalibrated GT911 controller. Took about three weeks from first email to working prototypes. The phantom touches dropped to zero. The factory floor supervisor (a guy named Klaus, very matter-of-fact) told us: &ldquo;It just works now. That&#8217;s all we wanted.&rdquo; Fair enough.<\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- \u2461 Gloves \u2014 Left accent bar -->\n\n    <article class=\"ps-b2\">\n\n      <div class=\"ps-block-head\">\n\n        <span class=\"ps-num\">02<\/span>\n\n        <div class=\"ps-block-titles\">\n\n          <blockquote>&ldquo;We need a touch screen module that works with gloves in a wet environment.&rdquo;<\/blockquote>\n\n          <h3>Glove-Compatible &amp; Wet-Environment Touch Modules<\/h3>\n\n        <\/div>\n\n      <\/div>\n\n      <p class=\"ps-body-text\">This one comes up a lot in food processing, pharma, and outdoor installations. Capacitive touch normally struggles with gloves because the sensor needs direct skin contact to detect the electrostatic change. Two paths here: we can supply a resistive touch panel (works with any input, including gloved hands and stylus), or we can tune a thicker-glass capacitive module specifically for glove operation. The second option costs a bit more and requires custom firmware calibration, but you get the visual clarity of capacitive with glove compatibility.<\/p>\n\n      <div class=\"ps-story-region\">\n\n        <span class=\"ps-story-tag\">Case Study<\/span>\n\n        <h4>Cold-Chain Warehouse HMI \u2014 Rotterdam, \u221230\u00b0C Operation<\/h4>\n\n        <p class=\"ps-story-text\">A cold-chain logistics company in Rotterdam needed 7-inch HMI touch display module screens for their warehouse temperature monitoring stations. The operators wear insulated gloves \u2014 thick ones, not the thin nitrile kind. Standard capacitive panels? Completely dead to gloved input.<\/p>\n\n        <p class=\"ps-story-text\">We shipped them a batch of 7\u2033 IPS modules with resistive touch panels and a 3mm chemically strengthened cover glass rated for cold storage. Operating temperature down to \u221230\u00b0C. They tested for two months in live conditions before placing the production order. Honestly, the resistive touch was the right call here \u2014 no firmware tuning needed, no recalibration, just pressure-based input that works every time. Sometimes the older technology is the better answer.<\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- \u2462 Sunlight \u2014 Featured accent background -->\n\n    <article class=\"ps-b3\">\n\n      <div class=\"ps-block-head\">\n\n        <span class=\"ps-num\">03<\/span>\n\n        <div class=\"ps-block-titles\">\n\n          <blockquote>&ldquo;The display is unreadable in direct sunlight.&rdquo;<\/blockquote>\n\n          <h3>Sunlight-Readable Displays \u2014 Optical Bonding &amp; High Brightness<\/h3>\n\n        <\/div>\n\n      <\/div>\n\n      <p class=\"ps-body-text\">Sunlight readability is an optical bonding problem more than a brightness problem \u2014 though brightness matters too. When you have an air gap between the touch panel and the lcd, light bounces between those layers and washes out the image. Optical bonding fills that gap with a clear adhesive, cutting internal reflections by about 50%. Combine that with a high-brightness backlight (800\u20131,000 cd\/m\u00b2) and anti-glare treatment on the cover glass, and you get a touch display module screen that&#8217;s legible even at noon in Arizona.<\/p>\n\n      <div class=\"ps-story-region\">\n\n        <span class=\"ps-story-tag\">Case Study<\/span>\n\n        <h4>Drone Ground Station \u2014 10.1\u2033 Display for Full-Sun Field Use, Austin TX<\/h4>\n\n        <p class=\"ps-story-text\">Okay, this one&#8217;s a fun one. A drone ground-station manufacturer in Austin, Texas needed 10.1-inch screen displays for their portable control units. These things sit on tripods in open fields \u2014 zero shade, full Texas sun. Their previous displays (from a competitor, not us) were basically mirrors past 10 AM.<\/p>\n\n        <p class=\"ps-story-text\">We built them a custom 10.1\u2033 IPS touchscreen display with 1,000 cd\/m\u00b2 brightness, optical bonding, and AR-coated cover glass. First prototype arrived in about 25 days. The customer&#8217;s feedback after field testing: &ldquo;We can actually see what we&#8217;re flying.&rdquo; Which, you know \u2014 seems like a baseline requirement for a drone controller, but apparently the bar was that low.<\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n\n    <!-- \u2463 Long-term Supply \u2014 Inset story card -->\n\n    <article class=\"ps-b4\">\n\n      <div class=\"ps-block-head\">\n\n        <span class=\"ps-num\">04<\/span>\n\n        <div class=\"ps-block-titles\">\n\n          <blockquote>&ldquo;Our current supplier can&#8217;t guarantee long-term supply for our product lifecycle.&rdquo;<\/blockquote>\n\n          <h3>Long-Term Supply Continuity for Industrial Display Modules<\/h3>\n\n        <\/div>\n\n      <\/div>\n\n      <p class=\"ps-body-text\">Industrial products often need 10+ years of supply continuity. Consumer-oriented display vendors drop models every 18 months. That&#8217;s a real mismatch. SWLCD commits to long-term availability on industrial module lines \u2014 we keep Bill of Materials locked and maintain panel sourcing relationships with BOE, Tianma, and Innolux to manage end-of-life risk. If a panel does get discontinued, we qualify a pin-compatible replacement and provide a transition kit with updated documentation.<\/p>\n\n      <div class=\"ps-b4-story-card\">\n\n        <span class=\"ps-story-tag\">Case Study<\/span>\n\n        <h4>UK Medical Device \u2014 FDA-Cleared Drop-In Replacement, 10-Year Agreement<\/h4>\n\n        <p class=\"ps-story-text\">A medical devices manufacturer in the UK had a 5-inch lcd touch display in their patient monitoring unit. Their original display supplier notified them of end-of-life with just 60 days&#8217; notice \u2014 and they had an active FDA-cleared configuration. Switching displays means re-certification. That&#8217;s not a 60-day job. More like 6\u20138 months.<\/p>\n\n        <p class=\"ps-story-text\">They came to us asking if we could produce a drop-in replacement: same 800&#215;480 resolution, same RGB interface pinout, same mechanical footprint, compatible optical stack. We matched everything within tolerance. The medical team validated the swap in their test harness in under a week. Been shipping to them for three years now, and we&#8217;ve committed to a 10-year supply agreement on that module. Long-term sourcing isn&#8217;t glamorous, but it matters \u2014 especially when regulatory approvals are on the line.<\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n\n  <\/div>\n\n<\/div>\n\n\n\n<\/section>\n<!-- END Problems & Solutions Module -->\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-7deb104\" data-block-id=\"7deb104\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-7deb104-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-968a82e\" data-v=\"4\" data-block-id=\"968a82e\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-968a82e-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-968a82e-inner-blocks\">\n<section id=\"bsy-factory-gallery\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');\n\n\/* === Root Variables === *\/\n#bsy-factory-gallery{--fg-bg:#ffffff;--fg-surface:#f4f5f7;--fg-border:#d8dce5;--fg-primary:#304890;--fg-accent:#304890;--fg-accent-dim:rgba(48,72,144,.08);--fg-accent-glow:rgba(48,72,144,.20);--fg-cta:#FFB020;--fg-cta-glow:rgba(255,176,32,.25);--fg-text:#374151;--fg-muted:#6b7280;--fg-white:#111827;--fg-green:#34d399;--fg-radius:10px;font-family:'IBM Plex Sans',system-ui,sans-serif !important;background:var(--fg-bg) !important;color:var(--fg-text) !important;padding:56px 28px !important;margin:0 !important;width:100% !important;box-sizing:border-box !important;line-height:1.6 !important}\n\n\/* === Universal Reset === *\/\n#bsy-factory-gallery *,#bsy-factory-gallery *::before,#bsy-factory-gallery *::after{box-sizing:border-box !important;margin:0;padding:0}\n\n\/* === Heading Reset (Blocksy override) === *\/\n#bsy-factory-gallery h2,#bsy-factory-gallery h3,#bsy-factory-gallery h4{margin:0 !important;padding:0 !important;border:none !important;background:none !important;font-family:'IBM Plex Sans',system-ui,sans-serif !important;letter-spacing:normal !important;text-transform:none !important;-webkit-text-fill-color:unset !important}\n\n\/* === Heading Styles === *\/\n#bsy-factory-gallery h2.fg-title{font-size:38px !important;font-weight:700 !important;color:var(--fg-white) !important;line-height:1.2 !important;margin-bottom:12px !important}\n#bsy-factory-gallery h3.fg-section-label{font-family:'IBM Plex Mono',monospace !important;font-size:12px !important;letter-spacing:1.5px !important;text-transform:uppercase !important;color:var(--fg-accent) !important;margin-bottom:10px !important}\n#bsy-factory-gallery h4.fg-cap{font-size:16px !important;font-weight:600 !important;color:var(--fg-white) !important;font-family:'IBM Plex Sans',system-ui,sans-serif !important}\n#bsy-factory-gallery h4.fg-cap-sub{font-size:12px !important;font-weight:400 !important;color:var(--fg-muted) !important;font-family:'IBM Plex Mono',monospace !important;margin-top:3px !important}\n\n\/* === Layout === *\/\n#bsy-factory-gallery .fg-wrap{max-width:1200px;margin:0 auto}\n#bsy-factory-gallery .fg-header{text-align:center;margin-bottom:44px}\n#bsy-factory-gallery .fg-badge{display:inline-block;font-family:'IBM Plex Mono',monospace !important;font-size:12px !important;letter-spacing:2px;text-transform:uppercase;color:var(--fg-accent) !important;background:var(--fg-accent-dim);border:1px solid rgba(48,72,144,.2);padding:6px 16px;border-radius:20px;margin-bottom:18px}\n#bsy-factory-gallery .fg-subtitle{font-size:16px !important;color:var(--fg-muted) !important;max-width:700px;margin:0 auto}\n\n\/* === Grid === *\/\n#bsy-factory-gallery .fg-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:300px;gap:16px}\n#bsy-factory-gallery .fg-grid .fg-item:nth-child(1){grid-column:1\/3;grid-row:1\/2}\n#bsy-factory-gallery .fg-grid .fg-item:nth-child(4){grid-column:2\/4;grid-row:2\/3}\n#bsy-factory-gallery .fg-grid .fg-item:nth-child(8){grid-column:1\/3;grid-row:4\/5}\n\n\/* === Gallery Item === *\/\n#bsy-factory-gallery .fg-item{position:relative;border-radius:var(--fg-radius);overflow:hidden;cursor:pointer;border:1px solid var(--fg-border);transition:border-color .3s,transform .3s}\n#bsy-factory-gallery .fg-item:hover{border-color:var(--fg-accent);transform:translateY(-2px)}\n#bsy-factory-gallery .fg-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}\n#bsy-factory-gallery .fg-item:hover img{transform:scale(1.04)}\n\n\/* === Placeholder (remove when real images added) === *\/\n#bsy-factory-gallery .fg-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace !important;font-size:48px !important;color:rgba(48,72,144,.15);background:var(--fg-surface)}\n\n\/* === Caption Overlay === *\/\n#bsy-factory-gallery .fg-overlay{position:absolute;bottom:0;left:0;right:0;padding:18px 20px;background:linear-gradient(0deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.4) 60%,transparent 100%);opacity:0;transition:opacity .3s}\n#bsy-factory-gallery .fg-item:hover .fg-overlay{opacity:1}\n#bsy-factory-gallery .fg-overlay h4.fg-cap{color:#fff !important}\n#bsy-factory-gallery .fg-overlay h4.fg-cap-sub{color:rgba(255,255,255,.7) !important}\n\n\/* === Stats Bar === *\/\n#bsy-factory-gallery .fg-stats{display:flex;justify-content:center;gap:56px;margin-top:40px;padding:30px 0;border-top:1px solid var(--fg-border);border-bottom:1px solid var(--fg-border)}\n#bsy-factory-gallery .fg-stat-num{font-family:'IBM Plex Mono',monospace !important;font-size:34px !important;font-weight:700 !important;color:var(--fg-accent) !important;text-align:center}\n#bsy-factory-gallery .fg-stat-label{font-size:13px !important;color:var(--fg-muted) !important;text-align:center;margin-top:5px}\n\n\/* === Lightbox === *\/\n#bsy-factory-gallery .fg-lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.88);z-index:99999;align-items:center;justify-content:center;cursor:pointer}\n#bsy-factory-gallery .fg-lightbox.open{display:flex}\n#bsy-factory-gallery .fg-lightbox-inner{position:relative;max-width:90vw;max-height:88vh}\n#bsy-factory-gallery .fg-lightbox-inner img{max-width:90vw;max-height:82vh;object-fit:contain;border-radius:6px;border:2px solid var(--fg-border)}\n#bsy-factory-gallery .fg-lightbox-inner .fg-placeholder{width:70vw;height:50vh;max-width:900px;border-radius:6px;border:2px solid var(--fg-border)}\n#bsy-factory-gallery .fg-lb-caption{text-align:center;margin-top:12px}\n#bsy-factory-gallery .fg-lb-caption h4.fg-cap{color:#fff !important}\n#bsy-factory-gallery .fg-lb-caption h4.fg-cap-sub{color:rgba(255,255,255,.7) !important}\n#bsy-factory-gallery .fg-lb-close{position:absolute;top:-36px;right:0;font-size:28px;color:#fff;cursor:pointer;background:none;border:none;font-family:'IBM Plex Sans',system-ui,sans-serif !important;line-height:1}\n#bsy-factory-gallery .fg-lb-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:32px;color:#fff;background:rgba(0,0,0,.5);border:none;cursor:pointer;padding:8px 14px;border-radius:4px;font-family:'IBM Plex Sans',system-ui,sans-serif !important;transition:background .2s}\n#bsy-factory-gallery .fg-lb-nav:hover{background:rgba(48,72,144,.4)}\n#bsy-factory-gallery .fg-lb-prev{left:-60px}\n#bsy-factory-gallery .fg-lb-next{right:-60px}\n#bsy-factory-gallery .fg-lb-counter{font-family:'IBM Plex Mono',monospace !important;font-size:12px !important;color:rgba(255,255,255,.5) !important;margin-top:6px}\n\n\/* === Responsive === *\/\n@media(max-width:690px){\n#bsy-factory-gallery h2.fg-title{font-size:28px !important}\n#bsy-factory-gallery .fg-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}\n#bsy-factory-gallery .fg-grid .fg-item:nth-child(1){grid-column:1\/3}\n#bsy-factory-gallery .fg-grid .fg-item:nth-child(4){grid-column:1\/3}\n#bsy-factory-gallery .fg-grid .fg-item:nth-child(8){grid-column:1\/3}\n#bsy-factory-gallery .fg-stats{gap:24px;flex-wrap:wrap}\n#bsy-factory-gallery .fg-lb-prev{left:-44px}\n#bsy-factory-gallery .fg-lb-next{right:-44px}\n}\n@media(max-width:480px){\n#bsy-factory-gallery .fg-grid{grid-template-columns:1fr;grid-auto-rows:240px}\n#bsy-factory-gallery .fg-grid .fg-item:nth-child(1),\n#bsy-factory-gallery .fg-grid .fg-item:nth-child(4),\n#bsy-factory-gallery .fg-grid .fg-item:nth-child(8){grid-column:auto}\n#bsy-factory-gallery .fg-stats{gap:16px}\n#bsy-factory-gallery .fg-stat-num{font-size:22px !important}\n#bsy-factory-gallery .fg-lb-prev{left:8px}\n#bsy-factory-gallery .fg-lb-next{right:8px}\n#bsy-factory-gallery .fg-lb-nav{font-size:24px;padding:6px 10px}\n}\n<\/style>\n\n<div class=\"fg-wrap\">\n  <div class=\"fg-header\">\n    <div class=\"fg-badge\">Inside SWLCD<\/div>\n    <h2 class=\"fg-title\">Our Factory &amp; Production Facility<\/h2>\n    <div class=\"fg-subtitle\">A look inside our Shenzhen production base &mdash; from SMT lines and clean rooms to final QC and packing. Every module ships from here.<\/div>\n  <\/div>\n\n  <h3 class=\"fg-section-label\" style=\"margin-bottom:20px\">Factory Tour<\/h3>\n\n  <div class=\"fg-grid\" id=\"fgGrid\">\n    <!-- 1 \u2014 Hero: Factory Exterior (spans 2 cols) -->\n    <div class=\"fg-item\" data-idx=\"0\">\n      <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Our-Factory-Production-Facility-1.png\" alt=\"SWLCD factory exterior in Shenzhen Greater Bay Area \u2014 8,000 sqm production facility\" loading=\"lazy\">\n      <div class=\"fg-overlay\">\n        <h4 class=\"fg-cap\">Factory Exterior<\/h4>\n        <h4 class=\"fg-cap-sub\">8,000 m\u00b2 Shenzhen production base<\/h4>\n      <\/div>\n    <\/div>\n\n    <!-- 2 \u2014 SMT Production Line -->\n    <div class=\"fg-item\" data-idx=\"1\">\n      <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Our-Factory-Production-Facility-2.png\" alt=\"High-speed SMT production line for touch display module controller board assembly\" loading=\"lazy\">\n      <div class=\"fg-overlay\">\n        <h4 class=\"fg-cap\">SMT Production Line<\/h4>\n        <h4 class=\"fg-cap-sub\">Controller board assembly<\/h4>\n      <\/div>\n    <\/div>\n\n    <!-- 3 \u2014 Dust-Free Clean Room -->\n    <div class=\"fg-item\" data-idx=\"2\">\n      <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Our-Factory-Production-Facility-3.png\" alt=\"Class 1000 dust-free clean room for LCD and touch panel lamination\" loading=\"lazy\">\n      <div class=\"fg-overlay\">\n        <h4 class=\"fg-cap\">Dust-Free Clean Room<\/h4>\n        <h4 class=\"fg-cap-sub\">Class 1000 lamination environment<\/h4>\n      <\/div>\n    <\/div>\n\n    <!-- 4 \u2014 Module Assembly (spans 2 cols) -->\n    <div class=\"fg-item\" data-idx=\"3\">\n      <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Our-Factory-Production-Facility-4.png\" alt=\"Touch display module assembly line \u2014 LCD panel and touch panel bonding workstation\" loading=\"lazy\">\n      <div class=\"fg-overlay\">\n        <h4 class=\"fg-cap\">Module Assembly Line<\/h4>\n        <h4 class=\"fg-cap-sub\">LCD &amp; touch panel bonding<\/h4>\n      <\/div>\n    <\/div>\n\n    <!-- 5 \u2014 Optical Bonding -->\n    <div class=\"fg-item\" data-idx=\"4\">\n      <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Our-Factory-Production-Facility-5-scaled.png\" alt=\"Optical bonding station for high-brightness sunlight-readable display modules\" loading=\"lazy\">\n      <div class=\"fg-overlay\">\n        <h4 class=\"fg-cap\">Optical Bonding Station<\/h4>\n        <h4 class=\"fg-cap-sub\">Sunlight-readable displays<\/h4>\n      <\/div>\n    <\/div>\n\n    <!-- 6 \u2014 Quality Inspection Lab -->\n    <div class=\"fg-item\" data-idx=\"5\">\n      <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Our-Factory-Production-Facility-6.png\" alt=\"SWLCD quality inspection lab \u2014 optical testing and touch calibration equipment\" loading=\"lazy\">\n      <div class=\"fg-overlay\">\n        <h4 class=\"fg-cap\">Quality Inspection Lab<\/h4>\n        <h4 class=\"fg-cap-sub\">Optical &amp; touch calibration<\/h4>\n      <\/div>\n    <\/div>\n\n    <!-- 7 \u2014 Aging & Reliability Testing -->\n    <div class=\"fg-item\" data-idx=\"6\">\n      <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Our-Factory-Production-Facility-7.png\" alt=\"High-temperature aging and reliability testing chamber for display module burn-in\" loading=\"lazy\">\n      <div class=\"fg-overlay\">\n        <h4 class=\"fg-cap\">Aging &amp; Reliability Testing<\/h4>\n        <h4 class=\"fg-cap-sub\">Burn-in &amp; temp cycling<\/h4>\n      <\/div>\n    <\/div>\n\n    <!-- 8 \u2014 R&D \/ Engineering Team (spans 2 cols) -->\n    <div class=\"fg-item\" data-idx=\"7\">\n      <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Our-Factory-Production-Facility-8.png\" alt=\"SWLCD R&#038;D engineering team \u2014 custom display module design and firmware development\" loading=\"lazy\">\n      <div class=\"fg-overlay\">\n        <h4 class=\"fg-cap\">R&amp;D Engineering Team<\/h4>\n        <h4 class=\"fg-cap-sub\">Custom design &amp; firmware dev<\/h4>\n      <\/div>\n    <\/div>\n\n    <!-- 9 \u2014 Packaging & Shipping -->\n    <div class=\"fg-item\" data-idx=\"8\">\n      <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Our-Factory-Production-Facility-9.png\" alt=\"Anti-static packaging and international shipping preparation for touch display modules\" loading=\"lazy\">\n      <div class=\"fg-overlay\">\n        <h4 class=\"fg-cap\">Packaging &amp; Shipping<\/h4>\n        <h4 class=\"fg-cap-sub\">Anti-static, export-ready<\/h4>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Stats Bar -->\n  <div class=\"fg-stats\">\n    <div>\n      <div class=\"fg-stat-num\">8,000+<\/div>\n      <div class=\"fg-stat-label\">m\u00b2 Production Area<\/div>\n    <\/div>\n    <div>\n      <div class=\"fg-stat-num\">6<\/div>\n      <div class=\"fg-stat-label\">SMT Lines<\/div>\n    <\/div>\n    <div>\n      <div class=\"fg-stat-num\">200+<\/div>\n      <div class=\"fg-stat-label\">Workers<\/div>\n    <\/div>\n    <div>\n      <div class=\"fg-stat-num\">ISO 9001<\/div>\n      <div class=\"fg-stat-label\">Certified<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Lightbox -->\n  <div class=\"fg-lightbox\" id=\"fgLightbox\">\n    <div class=\"fg-lightbox-inner\" id=\"fgLbInner\">\n      <button type=\"button\" class=\"fg-lb-close\" id=\"fgLbClose\">\u2715<\/button>\n      <button type=\"button\" class=\"fg-lb-nav fg-lb-prev\" id=\"fgLbPrev\">\u2039<\/button>\n      <button type=\"button\" class=\"fg-lb-nav fg-lb-next\" id=\"fgLbNext\">\u203a<\/button>\n      <div id=\"fgLbImg\"><\/div>\n      <div class=\"fg-lb-caption\">\n        <h4 class=\"fg-cap\" id=\"fgLbTitle\"><\/h4>\n        <h4 class=\"fg-cap-sub\" id=\"fgLbSub\"><\/h4>\n        <div class=\"fg-lb-counter\" id=\"fgLbCounter\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var items = [\n    {title:'Factory Exterior', sub:'8,000 m\u00b2 Shenzhen production base'},\n    {title:'SMT Production Line', sub:'Controller board assembly'},\n    {title:'Dust-Free Clean Room', sub:'Class 1000 lamination environment'},\n    {title:'Module Assembly Line', sub:'LCD & touch panel bonding'},\n    {title:'Optical Bonding Station', sub:'Sunlight-readable displays'},\n    {title:'Quality Inspection Lab', sub:'Optical & touch calibration'},\n    {title:'Aging & Reliability Testing', sub:'Burn-in & temp cycling'},\n    {title:'R&D Engineering Team', sub:'Custom design & firmware dev'},\n    {title:'Packaging & Shipping', sub:'Anti-static, export-ready'}\n  ];\n\n  var current = 0;\n  var lb = document.getElementById('fgLightbox');\n  var lbImg = document.getElementById('fgLbImg');\n  var lbTitle = document.getElementById('fgLbTitle');\n  var lbSub = document.getElementById('fgLbSub');\n  var lbCounter = document.getElementById('fgLbCounter');\n\n  function openLightbox(idx){\n    current = idx;\n    updateLb();\n    lb.classList.add('open');\n    document.body.style.overflow = 'hidden';\n  }\n\n  function closeLightbox(){\n    lb.classList.remove('open');\n    document.body.style.overflow = '';\n  }\n\n  function updateLb(){\n    var item = items[current];\n    var el = document.querySelectorAll('#bsy-factory-gallery .fg-item')[current];\n    var img = el.querySelector('img');\n    if(img){\n      lbImg.innerHTML = '<img decoding=\"async\" src=\"'+img.src+'\" alt=\"'+img.alt+'\">';\n    } else {\n      lbImg.innerHTML = '<div class=\"fg-placeholder\" style=\"font-size:72px\">'+String(current+1).padStart(2,'0')+'<\/div>';\n    }\n    lbTitle.textContent = item.title;\n    lbSub.textContent = item.sub;\n    lbCounter.textContent = (current+1)+' \/ '+items.length;\n  }\n\n  \/* Bind gallery clicks *\/\n  var cards = document.querySelectorAll('#bsy-factory-gallery .fg-item');\n  for(var i=0;i<cards.length;i++){\n    (function(idx){\n      cards[idx].addEventListener('click', function(){ openLightbox(idx); });\n    })(i);\n  }\n\n  \/* Lightbox controls *\/\n  document.getElementById('fgLbClose').addEventListener('click', function(e){ e.stopPropagation(); closeLightbox(); });\n  document.getElementById('fgLbPrev').addEventListener('click', function(e){ e.stopPropagation(); current = (current - 1 + items.length) % items.length; updateLb(); });\n  document.getElementById('fgLbNext').addEventListener('click', function(e){ e.stopPropagation(); current = (current + 1) % items.length; updateLb(); });\n  lb.addEventListener('click', function(e){ if(e.target === lb) closeLightbox(); });\n\n  \/* Keyboard nav *\/\n  document.addEventListener('keydown', function(e){\n    if(!lb.classList.contains('open')) return;\n    if(e.key === 'Escape') closeLightbox();\n    if(e.key === 'ArrowLeft'){ current = (current - 1 + items.length) % items.length; updateLb(); }\n    if(e.key === 'ArrowRight'){ current = (current + 1) % items.length; updateLb(); }\n  });\n})();\n<\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-3b97cc9\" data-block-id=\"3b97cc9\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-3b97cc9-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2168d91\" data-v=\"4\" data-block-id=\"2168d91\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2168d91-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2168d91-inner-blocks\">\n<section id=\"tdm-tech-guide-seo\">\n  <style>\n    \/* * PRINCIPLE 3: Aesthetics & Fonts *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n    \/* * PRINCIPLE 1: Highest Level of Scope *\/\n    #tdm-tech-guide-seo {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n      width: 100% !important;\n      box-sizing: border-box !important;\n      background-color: #f8f9fc !important;\n      color: #333333 !important;\n      line-height: 1.65 !important;\n      padding: 40px 20px !important; \n      margin: 0 !important;\n      position: relative !important;\n    }\n\n    #tdm-tech-guide-seo * {\n      box-sizing: border-box !important;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Main Container *\/\n    #tdm-tech-guide-seo .tdm-container {\n      max-width: 1200px !important;\n      margin: 0 auto !important;\n    }\n\n    \/* --- HEADER GROUP --- *\/\n    #tdm-tech-guide-seo .tdm-header-group {\n      margin-bottom: 60px !important;\n    }\n\n    #tdm-tech-guide-seo .tdm-eyebrow {\n      display: inline-block !important;\n      font-size: 13px !important;\n      font-weight: 700 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 1.5px !important;\n      color: #1860A8 !important; \n      margin-bottom: 12px !important;\n      background: rgba(48, 72, 144, 0.06) !important;\n      padding: 4px 10px !important;\n      border-radius: 4px !important;\n    }\n\n    \/* H2: Updated with Keyword *\/\n    #tdm-tech-guide-seo h2 {\n      font-size: 32px !important;\n      font-weight: 700 !important;\n      color: #000000 !important; \n      margin-bottom: 30px !important;\n      line-height: 1.25 !important;\n    }\n\n    \/* --- SECTION 1: INTRO (Text + Image) --- *\/\n    #tdm-tech-guide-seo .tdm-intro-split {\n      display: grid !important;\n      grid-template-columns: 1.1fr 1fr !important;\n      gap: 60px !important;\n      align-items: center !important;\n    }\n\n    #tdm-tech-guide-seo .tdm-lead {\n      font-size: 18px !important;\n      font-weight: 500 !important;\n      color: #475569 !important;\n      border-left: 4px solid #304890 !important;\n      padding-left: 20px !important;\n      margin-bottom: 25px !important;\n    }\n\n    #tdm-tech-guide-seo p {\n      font-size: 16px !important;\n      color: #334155 !important;\n      text-align: justify !important;\n      margin-bottom: 0 !important;\n    }\n\n    \/* Image Wrapper *\/\n    #tdm-tech-guide-seo .tdm-img-frame {\n      position: relative !important;\n      border-radius: 12px !important;\n      overflow: hidden !important;\n      background: #F8FAFC !important;\n      border: 1px solid #E2E8F0 !important;\n      box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.08) !important; \n    }\n\n    #tdm-tech-guide-seo img {\n      display: block !important;\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important; \n    }\n\n    \/* --- SECTION 2: COMPARISON --- *\/\n    #tdm-tech-guide-seo .tdm-compare-section {\n      margin: 80px 0 !important;\n    }\n\n    #tdm-tech-guide-seo h3 {\n      font-size: 24px !important;\n      font-weight: 700 !important;\n      color: #0F172A !important;\n      margin-bottom: 30px !important;\n      padding-bottom: 15px !important;\n      border-bottom: 2px solid #F1F5F9 !important;\n      display: block !important;\n    }\n\n    #tdm-tech-guide-seo .tdm-compare-grid {\n      display: grid !important;\n      grid-template-columns: 1fr 1fr !important;\n      gap: 30px !important;\n    }\n\n    \/* Cards *\/\n    #tdm-tech-guide-seo .tdm-card {\n      background: #ffffff !important;\n      border: 1px solid #E2E8F0 !important;\n      border-radius: 12px !important;\n      padding: 35px !important;\n      transition: all 0.3s ease !important;\n      position: relative !important;\n    }\n\n    #tdm-tech-guide-seo .tdm-card::before {\n      content: '' !important;\n      position: absolute !important;\n      top: 0 !important;\n      left: 30px !important;\n      right: 30px !important;\n      height: 4px !important;\n      background: #1860A8 !important;\n      border-radius: 0 0 4px 4px !important;\n    }\n\n    #tdm-tech-guide-seo .tdm-card:hover {\n      transform: translateY(-5px) !important;\n      box-shadow: 0 20px 40px -10px rgba(48, 72, 144, 0.1) !important;\n      border-color: #304890 !important;\n    }\n\n    #tdm-tech-guide-seo h4 {\n      font-size: 18px !important;\n      font-weight: 700 !important;\n      color: #304890 !important;\n      margin-bottom: 15px !important;\n      margin-top: 10px !important;\n    }\n\n    #tdm-tech-guide-seo .tdm-advice {\n      margin-top: 30px !important;\n      background: #F1F5F9 !important;\n      padding: 20px !important;\n      border-radius: 8px !important;\n      font-style: italic !important;\n      color: #475569 !important;\n      font-size: 15px !important;\n      border-left: 3px solid #64748B !important;\n    }\n\n    \/* --- SECTION 3: TECH BOX (Keyword Updated) --- *\/\n    #tdm-tech-guide-seo .tdm-tech-box {\n      background: radial-gradient(circle at top right, #3048A8 0%, #304890 100%) !important;\n      border-radius: 16px !important;\n      padding: 0 !important; \n      display: grid !important;\n      grid-template-columns: 1.2fr 0.8fr !important;\n      overflow: hidden !important;\n      box-shadow: 0 25px 50px -12px rgba(48, 72, 144, 0.35) !important;\n    }\n\n    \/* Left Side: Text *\/\n    #tdm-tech-guide-seo .tdm-box-text {\n      padding: 50px !important;\n      color: #ffffff !important;\n      display: flex !important;\n      flex-direction: column !important;\n      justify-content: center !important;\n    }\n\n    #tdm-tech-guide-seo .tdm-box-text h3 {\n      color: #ffffff !important;\n      border-bottom: 1px solid rgba(255,255,255,0.15) !important;\n      border-color: rgba(255,255,255,0.15) !important; \n      margin-bottom: 20px !important;\n    }\n\n    #tdm-tech-guide-seo .tdm-box-text p {\n      color: rgba(255, 255, 255, 0.9) !important;\n      text-align: left !important;\n      margin-bottom: 20px !important;\n    }\n\n    \/* Right Side: Image Container (White BG) *\/\n    #tdm-tech-guide-seo .tdm-box-img {\n      background: #ffffff !important; \n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      padding: 30px !important;\n      position: relative !important;\n    }\n\n    #tdm-tech-guide-seo .tdm-box-img img {\n      width: 100% !important;\n      height: auto !important;\n      object-fit: contain !important;\n      filter: drop-shadow(0 10px 20px rgba(0,0,0,0.15)) !important; \n    }\n\n    \/* RESPONSIVENESS *\/\n    @media (max-width: 900px) {\n      #tdm-tech-guide-seo .tdm-intro-split {\n        grid-template-columns: 1fr !important;\n        gap: 40px !important;\n      }\n      \n      #tdm-tech-guide-seo .tdm-tech-box {\n        grid-template-columns: 1fr !important;\n      }\n      \n      #tdm-tech-guide-seo .tdm-box-img {\n        padding: 40px !important;\n        order: -1 !important; \n        border-bottom: 4px solid #1860A8 !important;\n      }\n    }\n\n    @media (max-width: 600px) {\n      #tdm-tech-guide-seo { padding: 40px 20px !important; }\n      #tdm-tech-guide-seo h2 { font-size: 26px !important; }\n      #tdm-tech-guide-seo .tdm-compare-grid { grid-template-columns: 1fr !important; }\n      #tdm-tech-guide-seo .tdm-box-text { padding: 30px !important; }\n    }\n  <\/style>\n\n  <div class=\"tdm-container\">\n    \n    <div class=\"tdm-header-group\">\n      <span class=\"tdm-eyebrow\">Technology Guide<\/span>\n      <h2>Understanding the Technology Behind Touch Display Modules<\/h2>\n      \n      <div class=\"tdm-intro-split\">\n        <div class=\"tdm-intro-text\">\n          <div class=\"tdm-lead\">\n            Touchscreen technology merges a display and a touch panel into a single input surface. That much is obvious. But the details matter when you\u2019re specifying a module for a real product.\n          <\/div>\n          <p>The core of any touch display module is the tft lcd (or oled, in some cases) that renders your graphics, paired with a touch sensor layer that detects where and how the user interacts. IPS technology gives you wider viewing angles and better color consistency, which is why we default to IPS on anything 5\u2033 and above. For smaller sizes where viewing angle isn\u2019t as critical, standard TN-type tft panels keep the cost down without sacrificing much.<\/p>\n        <\/div>\n        \n        <div class=\"tdm-img-frame\">\n          <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Touch-Display-Modules-2.png\" alt=\"Touch Display Modules Technology Overview\" loading=\"lazy\" width=\"600\" height=\"400\">\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"tdm-compare-section\">\n      <h3>Making the Right Choice: Capacitive vs. Resistive<\/h3>\n      <div class=\"tdm-compare-grid\">\n        <div class=\"tdm-card\">\n          <h4>Capacitive Touch (PCAP)<\/h4>\n          <p>PCAP uses a grid of transparent electrodes to sense finger proximity. It supports multi-touch gestures, offers excellent optical clarity, and has no moving parts. The tradeoff? It needs skin contact (or a conductive stylus), costs more, and is more sensitive to EMI noise. Ideal for consumer-facing products.<\/p>\n        <\/div>\n        <div class=\"tdm-card\">\n          <h4>Resistive Touch<\/h4>\n          <p>Resistive touch works on pressure. Press down and two layers make contact. Any input works: fingers, gloves, pens. Cheaper, immune to surface contaminants, and robust against electrical noise. But it cuts into optical performance slightly and lacks multi-touch. Great for medical devices needing gloved operation.<\/p>\n        <\/div>\n      <\/div>\n      \n      <div class=\"tdm-advice\">\n        Here\u2019s the thing \u2014 neither technology is universally \u201cbetter.\u201d Picking the right one depends on environment, input method, touch performance requirements, and budget. That\u2019s where talking to an actual engineer (like our team) saves you time versus guessing from datasheets.\n      <\/div>\n    <\/div>\n\n    <div class=\"tdm-tech-box\">\n      <div class=\"tdm-box-text\">\n        <h3>Connectivity & Intelligence in Touch Display Modules<\/h3>\n        \n        <p>On the connectivity side, most modules offer SPI for compact MCU wiring, I2C for the touch controller, and RGB parallel or LVDS for higher-bandwidth pixel data.<\/p>\n        <p>Some of our displays bundle a built-in GPU that handles rendering locally, so your host MCU only sends high-level commands. That\u2019s worth looking at if you want to keep your firmware simple and combine industry-leading touch screens with minimal processing overhead.<\/p>\n      <\/div>\n\n      <div class=\"tdm-box-img\">\n        <img decoding=\"async\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/TFT-touch-display-module.png\" alt=\"TFT Touch Display Module Detail\" loading=\"lazy\" width=\"600\" height=\"400\">\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function(){\n      document.addEventListener(\"DOMContentLoaded\", function() {\n        console.log(\"SEO Tech Guide Module Loaded\");\n      });\n    })();\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-247a50c\" data-block-id=\"247a50c\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-247a50c-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2f448c7\" data-v=\"4\" data-block-id=\"2f448c7\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2f448c7-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2f448c7-inner-blocks\">\n<section id=\"bsy-touch-compare\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');\n\n#bsy-touch-compare {\n  \/* --- COLOR PALETTE: LIGHT MODE --- *\/\n  --tc-bg: #ffffff;\n  --tc-surface: #F8FAFC;\n  --tc-border: #E2E8F0;\n  --tc-primary: #304890;\n  \n  \/* Text Colors *\/\n  --tc-text: #475569;\n  --tc-muted: #64748b;\n  --tc-white: #0F172A; \n  \n  \/* Accents *\/\n  --tc-accent: #304890;\n  --tc-accent-dim: rgba(48, 72, 144, 0.08);\n  --tc-cta: #FFB020;\n  \n  --tc-green: #10B981;\n  --tc-red: #EF4444;\n  --tc-radius: 8px;\n  \n  font-family: 'IBM Plex Sans', system-ui, sans-serif !important;\n  background: var(--tc-bg) !important;\n  color: var(--tc-text) !important;\n  padding: 40px 20px !important;\n  margin: 0 !important;\n  width: 100% !important;\n  box-sizing: border-box !important;\n  line-height: 1.6 !important;\n}\n\n#bsy-touch-compare *, #bsy-touch-compare *::before, #bsy-touch-compare *::after {\n  box-sizing: border-box !important;\n  margin: 0;\n  padding: 0;\n}\n\n\/* Typography Reset *\/\n#bsy-touch-compare h2, #bsy-touch-compare h3, #bsy-touch-compare h4 {\n  margin: 0 !important;\n  padding: 0 !important;\n  border: none !important;\n  background: none !important;\n  font-family: 'IBM Plex Sans', system-ui, sans-serif !important;\n  letter-spacing: normal !important;\n  text-transform: none !important;\n  -webkit-text-fill-color: unset !important;\n}\n\n#bsy-touch-compare h2.tc-title {\n  font-size: 32px !important;\n  font-weight: 700 !important;\n  color: var(--tc-white) !important;\n  line-height: 1.2 !important;\n  margin-bottom: 10px !important;\n}\n\n#bsy-touch-compare h3.tc-col-title {\n  font-size: 22px !important;\n  font-weight: 700 !important;\n  color: var(--tc-white) !important;\n  margin-bottom: 15px !important;\n  text-align: center;\n}\n\n#bsy-touch-compare h4.tc-rec-tag {\n  font-family: 'IBM Plex Mono', monospace !important;\n  font-size: 12px !important;\n  color: var(--tc-green) !important;\n  text-transform: uppercase !important;\n  letter-spacing: 1px !important;\n  margin-bottom: 8px !important;\n}\n\n\/* Container *\/\n#bsy-touch-compare .tc-wrap {\n  max-width: 1200px !important; \/* Updated to 1200px *\/\n  margin: 0 auto;\n}\n\n#bsy-touch-compare .tc-header {\n  text-align: center;\n  margin-bottom: 50px;\n}\n\n#bsy-touch-compare .tc-badge {\n  display: inline-block;\n  font-family: 'IBM Plex Mono', monospace !important;\n  font-size: 11px !important;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color: var(--tc-accent) !important;\n  background: var(--tc-accent-dim);\n  border: 1px solid var(--tc-border);\n  padding: 5px 14px;\n  border-radius: 20px;\n  margin-bottom: 16px;\n}\n\n#bsy-touch-compare .tc-subtitle {\n  font-size: 16px !important;\n  color: var(--tc-muted) !important;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n\/* Comparison Grid *\/\n#bsy-touch-compare .tc-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px; \/* Increased gap for 1200px layout *\/\n}\n\n#bsy-touch-compare .tc-panel {\n  background: var(--tc-surface);\n  border: 1px solid var(--tc-border);\n  border-radius: var(--tc-radius);\n  padding: 35px; \/* Increased padding *\/\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\n  transition: border-color 0.3s ease, box-shadow 0.3s ease;\n}\n\n#bsy-touch-compare .tc-panel::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 4px;\n  background: var(--tc-border);\n  transition: background-color 0.3s ease; \n}\n\n\/* Active State Colors *\/\n#bsy-touch-compare .tc-panel.cap-win { border-color: var(--tc-green); box-shadow: 0 10px 30px -5px rgba(16, 185, 129, 0.15); }\n#bsy-touch-compare .tc-panel.cap-win::before { background: var(--tc-green); }\n\n#bsy-touch-compare .tc-panel.res-win { border-color: var(--tc-green); box-shadow: 0 10px 30px -5px rgba(16, 185, 129, 0.15); }\n#bsy-touch-compare .tc-panel.res-win::before { background: var(--tc-green); }\n\n\/* Specs Rows *\/\n#bsy-touch-compare .tc-spec {\n  padding: 12px 0;\n  border-bottom: 1px solid var(--tc-border);\n}\n\n#bsy-touch-compare .tc-spec-name {\n  font-size: 12px !important;\n  color: var(--tc-muted) !important;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  margin-bottom: 4px;\n  font-family: 'IBM Plex Mono', monospace !important;\n}\n\n#bsy-touch-compare .tc-spec-val {\n  font-size: 16px !important;\n  color: var(--tc-white) !important;\n  font-weight: 600;\n}\n\n#bsy-touch-compare .tc-spec-bar {\n  height: 6px;\n  background: #E2E8F0;\n  border-radius: 3px;\n  margin-top: 8px;\n  overflow: hidden;\n}\n\n#bsy-touch-compare .tc-spec-fill {\n  height: 100%;\n  border-radius: 3px;\n  transition: width 0.5s;\n}\n\n\/* Use Case Grid *\/\n#bsy-touch-compare .tc-use-cases {\n  margin-top: 50px;\n}\n\n#bsy-touch-compare h3.tc-uc-title {\n  font-size: 18px !important;\n  font-weight: 600 !important;\n  color: var(--tc-white) !important;\n  margin-bottom: 20px !important;\n  text-align: center;\n  font-family: 'IBM Plex Sans', system-ui, sans-serif !important;\n}\n\n#bsy-touch-compare .tc-uc-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n\n#bsy-touch-compare .tc-uc-card {\n  background: var(--tc-surface);\n  border: 2px solid var(--tc-border);\n  border-radius: var(--tc-radius);\n  padding: 25px 20px;\n  text-align: center;\n  cursor: pointer;\n  transition: all 0.2s;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n#bsy-touch-compare .tc-uc-card:hover {\n  border-color: var(--tc-accent);\n  background: var(--tc-accent-dim);\n  transform: translateY(-2px);\n}\n\n#bsy-touch-compare .tc-uc-card.active {\n  border-color: var(--tc-cta);\n  background: #FFFBEB; \/* Light Yellow tint *\/\n  box-shadow: 0 4px 12px rgba(0,0,0,0.05);\n}\n\n\/* Industrial Icons *\/\n#bsy-touch-compare .tc-uc-icon {\n  width: 40px;\n  height: 40px;\n  margin-bottom: 12px;\n  fill: var(--tc-accent);\n  transition: transform 0.2s ease;\n}\n\n#bsy-touch-compare .tc-uc-card:hover .tc-uc-icon {\n  transform: scale(1.1);\n}\n\n#bsy-touch-compare h4.tc-uc-name {\n  font-size: 14px !important;\n  font-weight: 700 !important;\n  color: var(--tc-white) !important;\n  font-family: 'IBM Plex Sans', system-ui, sans-serif !important;\n}\n\n#bsy-touch-compare .tc-uc-desc {\n  font-size: 12px !important;\n  color: var(--tc-muted) !important;\n  margin-top: 4px;\n}\n\n#bsy-touch-compare .tc-verdict {\n  margin-top: 30px;\n  background: #ECFDF5;\n  border: 1px solid var(--tc-green);\n  border-radius: var(--tc-radius);\n  padding: 25px 30px;\n  display: none;\n  animation: fadeIn 0.4s ease;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n#bsy-touch-compare .tc-verdict p {\n  font-size: 15px !important;\n  color: #064E3B !important;\n  margin: 0 !important;\n  line-height: 1.6 !important;\n}\n\n\/* Responsive *\/\n@media(max-width: 900px) {\n  #bsy-touch-compare .tc-grid {\n    grid-template-columns: 1fr;\n    gap: 30px;\n  }\n}\n\n@media(max-width: 600px) {\n  #bsy-touch-compare { padding: 40px 20px !important; }\n  #bsy-touch-compare h2.tc-title { font-size: 26px !important; }\n  #bsy-touch-compare .tc-uc-grid { grid-template-columns: 1fr 1fr; }\n  #bsy-touch-compare .tc-panel { padding: 20px; }\n}\n\n@media(max-width: 450px) {\n  #bsy-touch-compare .tc-uc-grid { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"tc-wrap\">\n  <div class=\"tc-header\">\n    <div class=\"tc-badge\">Comparison Tool<\/div>\n    <h2 class=\"tc-title\">Capacitive vs Resistive Touch Screen<\/h2>\n    <div class=\"tc-subtitle\">Side-by-side comparison with application-specific recommendations. Pick your use case below to see which technology fits best.<\/div>\n  <\/div>\n\n  <div class=\"tc-grid\" id=\"tcCompare\">\n    <div class=\"tc-panel\" id=\"tcCapPanel\">\n      <h3 class=\"tc-col-title\">Capacitive (PCAP)<\/h3>\n      <div class=\"tc-spec\">\n        <div class=\"tc-spec-name\">Multi-Touch<\/div>\n        <div class=\"tc-spec-val\">Up to 10 points<\/div>\n        <div class=\"tc-spec-bar\"><div class=\"tc-spec-fill\" style=\"width:95%;background:var(--tc-green)\"><\/div><\/div>\n      <\/div>\n      <div class=\"tc-spec\">\n        <div class=\"tc-spec-name\">Optical Clarity<\/div>\n        <div class=\"tc-spec-val\">90%+ transmittance<\/div>\n        <div class=\"tc-spec-bar\"><div class=\"tc-spec-fill\" style=\"width:92%;background:var(--tc-green)\"><\/div><\/div>\n      <\/div>\n      <div class=\"tc-spec\">\n        <div class=\"tc-spec-name\">Gesture Support<\/div>\n        <div class=\"tc-spec-val\">Pinch, swipe, rotate<\/div>\n        <div class=\"tc-spec-bar\"><div class=\"tc-spec-fill\" style=\"width:95%;background:var(--tc-green)\"><\/div><\/div>\n      <\/div>\n      <div class=\"tc-spec\">\n        <div class=\"tc-spec-name\">Durability<\/div>\n        <div class=\"tc-spec-val\">No moving parts, scratch-resistant<\/div>\n        <div class=\"tc-spec-bar\"><div class=\"tc-spec-fill\" style=\"width:88%;background:var(--tc-green)\"><\/div><\/div>\n      <\/div>\n      <div class=\"tc-spec\">\n        <div class=\"tc-spec-name\">Glove Compatibility<\/div>\n        <div class=\"tc-spec-val\">Limited (needs tuning)<\/div>\n        <div class=\"tc-spec-bar\"><div class=\"tc-spec-fill\" style=\"width:30%;background:var(--tc-red)\"><\/div><\/div>\n      <\/div>\n      <div class=\"tc-spec\">\n        <div class=\"tc-spec-name\">Wet Environment<\/div>\n        <div class=\"tc-spec-val\">Can cause false inputs<\/div>\n        <div class=\"tc-spec-bar\"><div class=\"tc-spec-fill\" style=\"width:25%;background:var(--tc-red)\"><\/div><\/div>\n      <\/div>\n      <div class=\"tc-spec\">\n        <div class=\"tc-spec-name\">Cost<\/div>\n        <div class=\"tc-spec-val\">Higher ($$ \u2013 $$$)<\/div>\n        <div class=\"tc-spec-bar\"><div class=\"tc-spec-fill\" style=\"width:40%;background:var(--tc-cta)\"><\/div><\/div>\n      <\/div>\n      <div class=\"tc-spec\">\n        <div class=\"tc-spec-name\">EMI Sensitivity<\/div>\n        <div class=\"tc-spec-val\">Moderate \u2014 needs shielding<\/div>\n        <div class=\"tc-spec-bar\"><div class=\"tc-spec-fill\" style=\"width:45%;background:var(--tc-cta)\"><\/div><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"tc-panel\" id=\"tcResPanel\">\n      <h3 class=\"tc-col-title\">Resistive (4\/5-Wire)<\/h3>\n      <div class=\"tc-spec\">\n        <div class=\"tc-spec-name\">Multi-Touch<\/div>\n        <div class=\"tc-spec-val\">Single-point only<\/div>\n        <div class=\"tc-spec-bar\"><div class=\"tc-spec-fill\" style=\"width:15%;background:var(--tc-red)\"><\/div><\/div>\n      <\/div>\n      <div class=\"tc-spec\">\n        <div class=\"tc-spec-name\">Optical Clarity<\/div>\n        <div class=\"tc-spec-val\">~80% transmittance<\/div>\n        <div class=\"tc-spec-bar\"><div class=\"tc-spec-fill\" style=\"width:72%;background:var(--tc-cta)\"><\/div><\/div>\n      <\/div>\n      <div class=\"tc-spec\">\n        <div class=\"tc-spec-name\">Gesture Support<\/div>\n        <div class=\"tc-spec-val\">Tap and drag only<\/div>\n        <div class=\"tc-spec-bar\"><div class=\"tc-spec-fill\" style=\"width:25%;background:var(--tc-red)\"><\/div><\/div>\n      <\/div>\n      <div class=\"tc-spec\">\n        <div class=\"tc-spec-name\">Durability<\/div>\n        <div class=\"tc-spec-val\">Flexible layers, can wear<\/div>\n        <div class=\"tc-spec-bar\"><div class=\"tc-spec-fill\" style=\"width:60%;background:var(--tc-cta)\"><\/div><\/div>\n      <\/div>\n      <div class=\"tc-spec\">\n        <div class=\"tc-spec-name\">Glove Compatibility<\/div>\n        <div class=\"tc-spec-val\">Excellent \u2014 any input<\/div>\n        <div class=\"tc-spec-bar\"><div class=\"tc-spec-fill\" style=\"width:95%;background:var(--tc-green)\"><\/div><\/div>\n      <\/div>\n      <div class=\"tc-spec\">\n        <div class=\"tc-spec-name\">Wet Environment<\/div>\n        <div class=\"tc-spec-val\">Works well with water<\/div>\n        <div class=\"tc-spec-bar\"><div class=\"tc-spec-fill\" style=\"width:85%;background:var(--tc-green)\"><\/div><\/div>\n      <\/div>\n      <div class=\"tc-spec\">\n        <div class=\"tc-spec-name\">Cost<\/div>\n        <div class=\"tc-spec-val\">Lower ($ \u2013 $$)<\/div>\n        <div class=\"tc-spec-bar\"><div class=\"tc-spec-fill\" style=\"width:80%;background:var(--tc-green)\"><\/div><\/div>\n      <\/div>\n      <div class=\"tc-spec\">\n        <div class=\"tc-spec-name\">EMI Sensitivity<\/div>\n        <div class=\"tc-spec-val\">Low \u2014 pressure-based<\/div>\n        <div class=\"tc-spec-bar\"><div class=\"tc-spec-fill\" style=\"width:90%;background:var(--tc-green)\"><\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"tc-use-cases\">\n    <h3 class=\"tc-uc-title\">Select Your Use Case for a Recommendation<\/h3>\n    <div class=\"tc-uc-grid\" id=\"tcUseCases\">\n      \n      <div class=\"tc-uc-card\" data-uc=\"consumer\">\n        <svg class=\"tc-uc-icon\" viewBox=\"0 0 24 24\"><path d=\"M9,21c0,0.55,0.45,1,1,1h4c0.55,0,1-0.45,1-1v-1H9V21z M12,2C8.13,2,5,5.13,5,9c0,2.38,1.19,4.47,3,5.74V17 c0,0.55,0.45,1,1,1h6c0.55,0,1-0.45,1-1v-2.26c1.81-1.27,3-3.36,3-5.74C19,5.13,15.87,2,12,2z M14.85,13.1l-0.85,0.6V16h-4v-2.3 l-0.85-0.6C7.93,12.07,7,10.64,7,9c0-2.76,2.24-5,5-5s5,2.24,5,5C17,10.64,16.07,12.07,14.85,13.1z\"\/><\/svg>\n        <h4 class=\"tc-uc-name\">Consumer \/ IoT<\/h4>\n        <div class=\"tc-uc-desc\">Smart home, wearable<\/div>\n      <\/div>\n\n      <div class=\"tc-uc-card\" data-uc=\"industrial\">\n        <svg class=\"tc-uc-icon\" viewBox=\"0 0 24 24\"><path d=\"M19.14,12.94c0.04-0.3,0.06-0.61,0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14,0.23-0.41,0.12-0.61 l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39,0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4,2.81c-0.04-0.24-0.24-0.41-0.48-0.41 h-3.84c-0.24,0-0.43,0.17-0.47,0.41L9.25,5.35C8.66,5.59,8.12,5.92,7.63,6.29L5.24,5.33c-0.22-0.08-0.47,0-0.59,0.22L2.74,8.87 C2.62,9.08,2.66,9.34,2.86,9.48l2.03,1.58C4.84,11.36,4.8,11.69,4.8,12s0.02,0.64,0.07,0.94l-2.03,1.58 c-0.18,0.14-0.23,0.41-0.12,0.61l1.92,3.32c0.12,0.22,0.37,0.29,0.59,0.22l2.39-0.96c0.5,0.38,1.03,0.7,1.62,0.94l0.36,2.54 c0.05,0.24,0.24,0.41,0.48,0.41h3.84c0.24,0,0.44-0.17,0.47-0.41l0.36-2.54c0.59-0.24,1.13-0.56,1.62-0.94l2.39,0.96 c0.22,0.08,0.47,0,0.59-0.22l1.92-3.32c0.12-0.22,0.07-0.47-0.12-0.61L19.14,12.94z M12,15.6c-1.98,0-3.6-1.62-3.6-3.6 s1.62-3.6,3.6-3.6s3.6,1.62,3.6,3.6S13.98,15.6,12,15.6z\"\/><\/svg>\n        <h4 class=\"tc-uc-name\">Industrial \/ HMI<\/h4>\n        <div class=\"tc-uc-desc\">Factory, automation<\/div>\n      <\/div>\n\n      <div class=\"tc-uc-card\" data-uc=\"medical\">\n        <svg class=\"tc-uc-icon\" viewBox=\"0 0 24 24\"><path d=\"M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M17,13h-4v4h-2v-4H7v-2h4V7h2v4h4 V13z\"\/><\/svg>\n        <h4 class=\"tc-uc-name\">Medical Device<\/h4>\n        <div class=\"tc-uc-desc\">Patient monitor, lab<\/div>\n      <\/div>\n\n      <div class=\"tc-uc-card\" data-uc=\"outdoor\">\n        <svg class=\"tc-uc-icon\" viewBox=\"0 0 24 24\"><path d=\"M6.76 4.84l-1.8-1.79-1.41 1.41 1.79 1.79 1.42-1.41zM4 10.5H1v2h3v-2zm9-9.95h-2V3.5h2V.55zm7.45 3.91l-1.41-1.41-1.79 1.79 1.41 1.41 1.79-1.79zm-3.21 13.7l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4zM20 10.5v2h3v-2h-3zm-8-5c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm-1 16.95h2V19.5h-2v2.95zm-7.45-3.91l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8z\"\/><\/svg>\n        <h4 class=\"tc-uc-name\">Outdoor \/ Kiosk<\/h4>\n        <div class=\"tc-uc-desc\">Sunlight, weather<\/div>\n      <\/div>\n\n      <div class=\"tc-uc-card\" data-uc=\"food\">\n        <svg class=\"tc-uc-icon\" viewBox=\"0 0 24 24\"><path d=\"M17,6c0-1.1-0.9-2-2-2s-2,0.9-2,2h-1c0-1.1-0.9-2-2-2s-2,0.9-2,2H7c0-1.1-0.9-2-2-2S3,4.9,3,6v8c0,4.4,3.6,8,8,8 s8-3.6,8-8V6H17z\"\/><\/svg>\n        <h4 class=\"tc-uc-name\">Gloved \/ Wet<\/h4>\n        <div class=\"tc-uc-desc\">Food, pharma, cold-chain<\/div>\n      <\/div>\n\n      <div class=\"tc-uc-card\" data-uc=\"vehicle\">\n        <svg class=\"tc-uc-icon\" viewBox=\"0 0 24 24\"><path d=\"M18.92,6.01C18.72,5.42,18.16,5,17.5,5h-11c-0.66,0-1.21,0.42-1.42,1.01L3,12v8c0,0.55,0.45,1,1,1h1c0.55,0,1-0.45,1-1v-1h12 v1c0,0.55,0.45,1,1,1h1c0.55,0,1-0.45,1-1v-8L18.92,6.01z M6.5,16c-0.83,0-1.5-0.67-1.5-1.5S5.67,13,6.5,13S8,13.67,8,14.5 S7.33,16,6.5,16z M17.5,16c-0.83,0-1.5-0.67-1.5-1.5s0.67-1.5,1.5-1.5s1.5,0.67,1.5,1.5S18.33,16,17.5,16z M5,11l1.5-4.5h11L19,11 H5z\"\/><\/svg>\n        <h4 class=\"tc-uc-name\">Vehicle \/ Marine<\/h4>\n        <div class=\"tc-uc-desc\">Dashboard, boat, EV<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"tc-verdict\" id=\"tcVerdict\"><\/div>\n  \n  <div style=\"text-align:center;margin-top:40px\">\n    <a href=\"#ct-popup-787\" class=\"ct-popup-trigger\" style=\"display:inline-block;background:var(--tc-cta);color:#0f172a;font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:16px;font-weight:700;padding:16px 40px;border-radius:6px;text-decoration:none;transition:all .2s;box-shadow: 0 4px 6px -1px rgba(255, 176, 32, 0.4);\">Get Instant Quote<\/a>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var verdicts = {\n    consumer: {\n      rec: 'Capacitive (PCAP)',\n      text: 'For consumer and IoT devices, capacitive touch is the way to go. Users expect smooth gestures, multi-touch, and the responsive feel they get from their phones. Resistive would feel outdated here. Go with a PCAP module from SWLCD \u2014 we stock capacitive panels from 2.8\" to 10.1\" with I2C touch controllers ready for ESP32 and similar MCUs.'\n    },\n    industrial: {\n      rec: 'Depends \u2014 Capacitive for clean environments, Resistive for gloved\/dirty',\n      text: 'Industrial HMI is split. If operators work bare-handed in a relatively clean control room, capacitive gives you a modern UI with gesture support. But if they wear gloves, or the environment is dusty\/oily, resistive is more reliable \u2014 no phantom touches, no EMI issues. Many of our industrial customers order both: capacitive for the office-side panels, resistive for the shop floor.'\n    },\n    medical: {\n      rec: 'Capacitive (with glove-tuning option)',\n      text: 'Medical devices generally favor capacitive for its superior optical clarity and cleanability \u2014 you can wipe capacitive glass with disinfectants without degrading the touch layer. If gloved operation is required (surgical, lab), we can tune the PCAP firmware for thick-glove detection. For cost-sensitive devices, resistive works too and avoids the glove compatibility issue entirely.'\n    },\n    outdoor: {\n      rec: 'Capacitive with optical bonding',\n      text: 'Outdoor kiosks and sunlight-readable applications need capacitive touch with optical bonding and high-brightness backlights (800+ cd\/m\u00b2). The bonding eliminates internal reflections that wash out the display in sunlight. We also apply anti-glare treatment on the cover glass. Resistive can work outdoors too, but the extra film layer reduces brightness \u2014 not ideal when you need every lumen.'\n    },\n    food: {\n      rec: 'Resistive',\n      text: 'For gloved, wet, and cold-chain environments, resistive touch is the clear winner. It works with any glove thickness, doesn\\'t false-trigger with water drops, and costs less. Our 7\" and 10.1\" resistive modules with chemically strengthened cover glass handle the cleaning chemicals and temperature extremes typical in food processing and pharmaceutical facilities.'\n    },\n    vehicle: {\n      rec: 'Capacitive with vibration-resistant mounting',\n      text: 'Automotive and marine displays need capacitive touch for the modern UI expectations, combined with vibration-damped mounting and optical bonding for reliability. We supply IATF 16949-compatible modules for automotive OEMs and wide-temp (-30\u00b0C to +85\u00b0C) modules for marine applications. The cover glass gets a 3mm chemically strengthened treatment for impact resistance.'\n    }\n  };\n\n  var cards = document.querySelectorAll('#bsy-touch-compare .tc-uc-card');\n  for(var i=0;i<cards.length;i++){\n    cards[i].addEventListener('click', function(){\n      for(var j=0;j<cards.length;j++) cards[j].classList.remove('active');\n      this.classList.add('active');\n      var uc = this.getAttribute('data-uc');\n      var v = verdicts[uc];\n      var el = document.getElementById('tcVerdict');\n      el.style.display = 'block';\n      el.innerHTML = '<h4 class=\"tc-rec-tag\">\u2713 Recommendation: '+v.rec+'<\/h4><p>'+v.text+'<\/p>';\n\n      var capPanel = document.getElementById('tcCapPanel');\n      var resPanel = document.getElementById('tcResPanel');\n      capPanel.classList.remove('cap-win');\n      resPanel.classList.remove('res-win');\n      if(uc==='consumer'||uc==='medical'||uc==='outdoor'||uc==='vehicle') capPanel.classList.add('cap-win');\n      else if(uc==='food') resPanel.classList.add('res-win');\n    });\n  }\n})();\n<\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-7858ee5\" data-block-id=\"7858ee5\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-7858ee5-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-cfb4e92\" data-v=\"4\" data-block-id=\"cfb4e92\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-cfb4e92-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-cfb4e92-inner-blocks\">\n<section id=\"tdm-applications\">\n  <style>\n    \/* * PRINCIPLE 3: Aesthetics & Fonts *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n    \/* * PRINCIPLE 1: Highest Level of Scope *\/\n    #tdm-applications {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n      width: 100% !important;\n      box-sizing: border-box !important;\n      background-color: #f8f9fc !important;\n      color: #333333 !important;\n      line-height: 1.5 !important; \/* Slightly tighter line height *\/\n      padding: 40px 20px !important; \n      margin: 0 !important;\n      position: relative !important;\n    }\n\n    #tdm-applications * {\n      box-sizing: border-box !important;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Main Container *\/\n    #tdm-applications .tdm-container {\n      max-width: 1200px !important;\n      margin: 0 auto !important;\n    }\n\n    \/* --- HEADER (More Compact) --- *\/\n    #tdm-applications .tdm-header {\n      text-align: center !important;\n      margin-bottom: 35px !important; \/* Reduced from 50px *\/\n      max-width: 800px !important;\n      margin-left: auto !important;\n      margin-right: auto !important;\n    }\n\n    #tdm-applications .tdm-eyebrow {\n      display: inline-block !important;\n      font-size: 12px !important;\n      font-weight: 700 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 1.2px !important;\n      color: #1860A8 !important; \n      margin-bottom: 8px !important;\n      background: rgba(48, 72, 144, 0.08) !important;\n      padding: 3px 10px !important;\n      border-radius: 4px !important;\n    }\n\n    #tdm-applications h2 {\n      font-size: 28px !important; \/* Slightly smaller for compactness *\/\n      font-weight: 700 !important;\n      color: #0F172A !important; \n      margin-bottom: 0 !important;\n      line-height: 1.2 !important;\n    }\n\n    \/* --- COMPACT GRID --- *\/\n    #tdm-applications .tdm-grid {\n      display: grid !important;\n      grid-template-columns: repeat(2, 1fr) !important;\n      gap: 20px !important; \/* Reduced gap from 30px *\/\n    }\n\n    \/* --- HORIZONTAL CARD (Compact Layout) --- *\/\n    #tdm-applications .tdm-card {\n      background: #ffffff !important;\n      border: 1px solid #E2E8F0 !important;\n      border-radius: 10px !important;\n      overflow: hidden !important;\n      display: flex !important; \/* Enable Side-by-Side *\/\n      flex-direction: row !important; \/* Image Left, Text Right *\/\n      align-items: stretch !important;\n      transition: all 0.3s ease !important;\n      height: 100% !important; \/* Equal height cards *\/\n    }\n\n    #tdm-applications .tdm-card:hover {\n      border-color: #304890 !important;\n      box-shadow: 0 10px 25px -5px rgba(48, 72, 144, 0.12) !important;\n      transform: translateY(-3px) !important;\n    }\n\n    \/* Image Wrapper (Left Side) *\/\n    #tdm-applications .tdm-card-image-wrap {\n      flex: 0 0 160px !important; \/* Fixed width for image column *\/\n      position: relative !important;\n      overflow: hidden !important;\n      border-right: 1px solid #f1f5f9 !important;\n    }\n\n    #tdm-applications .tdm-card-image {\n      width: 100% !important;\n      height: 100% !important;\n      object-fit: cover !important; \/* Ensures image covers the area without distortion *\/\n      object-position: center !important;\n      display: block !important;\n      transition: transform 0.5s ease !important;\n    }\n\n    #tdm-applications .tdm-card:hover .tdm-card-image {\n      transform: scale(1.05) !important;\n    }\n\n    \/* Content Wrapper (Right Side) *\/\n    #tdm-applications .tdm-card-body {\n      padding: 20px !important; \/* Compact padding *\/\n      display: flex !important;\n      flex-direction: column !important;\n      justify-content: center !important; \/* Vertically center content *\/\n    }\n\n    \/* H3: Card Title *\/\n    #tdm-applications h3 {\n      font-size: 18px !important;\n      font-weight: 700 !important;\n      color: #0F172A !important;\n      margin-bottom: 8px !important;\n      line-height: 1.3 !important;\n    }\n\n    \/* Text *\/\n    #tdm-applications p {\n      font-size: 14px !important; \/* Slightly smaller for density *\/\n      color: #475569 !important;\n      line-height: 1.5 !important;\n      margin: 0 !important;\n      text-align: left !important;\n    }\n\n    #tdm-applications strong {\n      color: #1860A8 !important;\n      font-weight: 600 !important;\n    }\n\n    \/* --- RESPONSIVENESS --- *\/\n    \/* Tablet & Mobile: Stack vertically again if too narrow *\/\n    @media (max-width: 900px) {\n      #tdm-applications .tdm-grid {\n        grid-template-columns: 1fr !important; \/* 1 column grid *\/\n      }\n    }\n\n    @media (max-width: 600px) {\n      #tdm-applications .tdm-card {\n        flex-direction: column !important; \/* Stack Image on Top *\/\n      }\n      #tdm-applications .tdm-card-image-wrap {\n        flex: 0 0 180px !important; \/* Fixed Height for mobile image *\/\n        width: 100% !important;\n        border-right: none !important;\n        border-bottom: 1px solid #f1f5f9 !important;\n      }\n      #tdm-applications h2 {\n        font-size: 24px !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"tdm-container\">\n    \n    <div class=\"tdm-header\">\n      <span class=\"tdm-eyebrow\">Applications<\/span>\n      <h2>Where Touchscreen Display Modules Get Deployed<\/h2>\n    <\/div>\n\n    <div class=\"tdm-grid\">\n      \n      <div class=\"tdm-card\">\n        <div class=\"tdm-card-image-wrap\">\n          <img decoding=\"async\" class=\"tdm-card-image\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Industrial-Automation-HMI.png\" alt=\"Industrial HMI Touch Screen\">\n        <\/div>\n        <div class=\"tdm-card-body\">\n          <h3>Industrial Automation & HMI<\/h3>\n          <p>Factory floors, process monitoring, SCADA panels. Our modules go into PLCs, RTUs, and standalone HMI units. The <strong>7\u2033 and 10.1\u2033 IPS panels<\/strong> with capacitive touch are the go-to picks here. Shielded FPC cables and wide temp ranges ensure durability.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"tdm-card\">\n        <div class=\"tdm-card-image-wrap\">\n          <img decoding=\"async\" class=\"tdm-card-image\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Medical-Devices-Diagnostics.png\" alt=\"Medical Device Touch Panel\">\n        <\/div>\n        <div class=\"tdm-card-body\">\n          <h3>Medical Devices & Diagnostics<\/h3>\n          <p>Patient monitors and lab instruments. Medical-grade modules handle disinfectant wipe-downs and sometimes <strong>full IP65 sealing<\/strong>. We support certification (IEC 60601) and supply anti-microbial coatings. Touch performance is flawless.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"tdm-card\">\n        <div class=\"tdm-card-image-wrap\">\n           <img decoding=\"async\" class=\"tdm-card-image\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Consumer-Electronics-IoT.png\" alt=\"Smart Home IoT Display\">\n        <\/div>\n        <div class=\"tdm-card-body\">\n          <h3>Consumer Electronics & IoT<\/h3>\n          <p>Smart home panels and EV chargers. The <strong>2.8-inch and 3.5\u2033 modules<\/strong> fit tight enclosures and run on low-power microcontrollers. SPI interface keeps pin count minimal. Perfect for thermostats and smart switches.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"tdm-card\">\n        <div class=\"tdm-card-image-wrap\">\n          <img decoding=\"async\" class=\"tdm-card-image\" src=\"https:\/\/saiweiglass.com\/wp-content\/uploads\/2026\/02\/Vehicle-Transportation.png\" alt=\"Automotive Touch Display\">\n        <\/div>\n        <div class=\"tdm-card-body\">\n          <h3>Vehicle & Transportation<\/h3>\n          <p>Dashboard clusters and fleet terminals. Automotive-grade modules need wide temp tolerance and <strong>optical bonding<\/strong> to prevent delamination. We supply screens for EV chargers, truck telematics, and agriculture.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function(){\n      \/\/ Simple load check (FlyingPress compatible)\n      if(document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initTDM);\n      } else {\n        initTDM();\n      }\n      function initTDM(){\n        console.log(\"Compact TDM Module Ready\");\n      }\n    })();\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-0c44396\" data-block-id=\"0c44396\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-0c44396-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-7cf383c\" data-v=\"4\" data-block-id=\"7cf383c\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-7cf383c-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-7cf383c-inner-blocks\">\n<section id=\"tdm-select-compact-v2\">\n  <style>\n    \/* * PRINCIPLE 3: Aesthetics & Fonts *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n    \/* * PRINCIPLE 1: Highest Level of Scope *\/\n    #tdm-select-compact-v2 {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n      width: 100% !important;\n      box-sizing: border-box !important;\n      background-color: #ffffff !important;\n      color: #333333 !important;\n      line-height: 1.5 !important;\n      padding: 40px 20px !important; \n      margin: 0 !important;\n      position: relative !important;\n    }\n\n    #tdm-select-compact-v2 * {\n      box-sizing: border-box !important;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Main Container *\/\n    #tdm-select-compact-v2 .tdm-container {\n      max-width: 1200px !important;\n      margin: 0 auto !important;\n    }\n\n    \/* --- HEADER --- *\/\n    #tdm-select-compact-v2 .tdm-header {\n      margin-bottom: 30px !important;\n      max-width: 900px !important;\n    }\n\n    #tdm-select-compact-v2 .tdm-eyebrow {\n      display: inline-block !important;\n      font-size: 12px !important;\n      font-weight: 700 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 1px !important;\n      color: #1860A8 !important; \n      margin-bottom: 8px !important;\n      background: rgba(48, 72, 144, 0.06) !important;\n      padding: 3px 8px !important;\n      border-radius: 4px !important;\n    }\n\n    #tdm-select-compact-v2 h2 {\n      font-size: 32px !important;\n      font-weight: 700 !important;\n      color: #000000 !important; \n      margin-bottom: 10px !important;\n      line-height: 1.2 !important;\n    }\n\n    #tdm-select-compact-v2 .tdm-intro {\n      font-size: 15px !important;\n      color: #475569 !important;\n      font-weight: 500 !important;\n      border-left: 3px solid #304890 !important;\n      padding-left: 15px !important;\n      max-width: 800px !important;\n    }\n\n    \/* --- STEPS GRID --- *\/\n    #tdm-select-compact-v2 .tdm-grid {\n      display: grid !important;\n      grid-template-columns: repeat(3, 1fr) !important;\n      gap: 20px !important;\n      margin-bottom: 20px !important;\n    }\n\n    \/* Card Styling *\/\n    #tdm-select-compact-v2 .tdm-card {\n      background: #F8FAFC !important;\n      border: 1px solid #E2E8F0 !important;\n      border-radius: 8px !important;\n      padding: 20px !important;\n      position: relative !important;\n      transition: all 0.2s ease !important;\n      display: flex !important;\n      flex-direction: column !important;\n    }\n\n    #tdm-select-compact-v2 .tdm-card:hover {\n      transform: translateY(-3px) !important;\n      box-shadow: 0 5px 15px -5px rgba(48, 72, 144, 0.1) !important;\n      border-color: #304890 !important;\n      background: #ffffff !important;\n    }\n\n    \/* Step Number *\/\n    #tdm-select-compact-v2 .tdm-step-num {\n      font-size: 14px !important;\n      font-weight: 800 !important;\n      color: #ffffff !important;\n      background: #304890 !important;\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      width: 24px !important;\n      height: 24px !important;\n      border-radius: 50% !important;\n      margin-right: 10px !important;\n      flex-shrink: 0 !important;\n    }\n\n    #tdm-select-compact-v2 .tdm-card-header {\n      display: flex !important;\n      align-items: center !important;\n      margin-bottom: 10px !important;\n    }\n\n    #tdm-select-compact-v2 h3 {\n      font-size: 16px !important;\n      font-weight: 700 !important;\n      color: #0F172A !important;\n      margin: 0 !important;\n    }\n\n    #tdm-select-compact-v2 p {\n      font-size: 13.5px !important;\n      color: #475569 !important;\n      line-height: 1.5 !important;\n      margin-bottom: 0 !important;\n    }\n\n    \/* --- FOOTER ACTION AREA --- *\/\n    #tdm-select-compact-v2 .tdm-footer-split {\n      display: grid !important;\n      grid-template-columns: 1fr 1.5fr !important;\n      gap: 20px !important;\n      margin-top: 20px !important;\n    }\n\n    \/* 1. Calculator Tool Box (Updated with Arrow) *\/\n    #tdm-select-compact-v2 .tdm-tool-box {\n      background: #F0F9FF !important;\n      border: 1px solid #BAE6FD !important;\n      border-radius: 8px !important;\n      padding: 25px !important;\n      display: flex !important;\n      flex-direction: row !important; \/* Row for arrow alignment *\/\n      align-items: center !important;\n      justify-content: space-between !important;\n      transition: all 0.2s ease !important;\n      text-decoration: none !important;\n      gap: 15px !important;\n    }\n\n    #tdm-select-compact-v2 .tdm-tool-box:hover {\n      box-shadow: 0 5px 15px rgba(14, 165, 233, 0.15) !important;\n      border-color: #0EA5E9 !important;\n      transform: translateY(-2px) !important;\n    }\n\n    \/* Text Wrapper *\/\n    #tdm-select-compact-v2 .tdm-tool-content {\n      flex: 1 !important;\n    }\n\n    #tdm-select-compact-v2 .tdm-tool-title {\n      font-size: 16px !important;\n      font-weight: 700 !important;\n      color: #0284C7 !important;\n      display: flex !important;\n      align-items: center !important;\n      gap: 8px !important;\n      margin-bottom: 6px !important;\n    }\n\n    #tdm-select-compact-v2 .tdm-tool-desc {\n      font-size: 13px !important;\n      color: #334155 !important;\n      line-height: 1.4 !important;\n    }\n\n    \/* Arrow Icon Styling *\/\n    #tdm-select-compact-v2 .tdm-tool-arrow {\n      color: #0284C7 !important;\n      flex-shrink: 0 !important;\n      transition: transform 0.2s ease !important;\n    }\n\n    #tdm-select-compact-v2 .tdm-tool-box:hover .tdm-tool-arrow {\n      transform: translateX(5px) !important; \/* Hover Animation *\/\n    }\n\n    \/* 2. CTA Bar *\/\n    #tdm-select-compact-v2 .tdm-cta-box {\n      background: #304890 !important;\n      border-radius: 8px !important;\n      padding: 25px 35px !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: space-between !important;\n      gap: 20px !important;\n      color: #ffffff !important;\n    }\n\n    #tdm-select-compact-v2 .tdm-cta-content h4 {\n      font-size: 18px !important;\n      font-weight: 700 !important;\n      color: #ffffff !important;\n      margin-bottom: 4px !important;\n    }\n\n    #tdm-select-compact-v2 .tdm-cta-content p {\n      font-size: 13px !important;\n      color: rgba(255, 255, 255, 0.85) !important;\n    }\n\n    #tdm-select-compact-v2 .tdm-btn {\n      background-color: #ffffff !important;\n      color: #304890 !important;\n      font-size: 14px !important;\n      font-weight: 700 !important;\n      text-decoration: none !important;\n      padding: 10px 24px !important;\n      border-radius: 4px !important;\n      white-space: nowrap !important;\n      transition: transform 0.2s ease !important;\n    }\n\n    #tdm-select-compact-v2 .tdm-btn:hover {\n      background-color: #F8FAFC !important;\n      transform: translateY(-2px) !important;\n    }\n\n    \/* RESPONSIVENESS *\/\n    @media (max-width: 950px) {\n      #tdm-select-compact-v2 .tdm-grid { grid-template-columns: repeat(2, 1fr) !important; }\n      #tdm-select-compact-v2 .tdm-card:nth-child(5) { grid-column: span 2 !important; }\n      #tdm-select-compact-v2 .tdm-footer-split { grid-template-columns: 1fr !important; }\n    }\n\n    @media (max-width: 600px) {\n      #tdm-select-compact-v2 { padding: 40px 20px !important; }\n      #tdm-select-compact-v2 h2 { font-size: 26px !important; }\n      #tdm-select-compact-v2 .tdm-grid { grid-template-columns: 1fr !important; }\n      #tdm-select-compact-v2 .tdm-card:nth-child(5) { grid-column: span 1 !important; }\n      #tdm-select-compact-v2 .tdm-cta-box { flex-direction: column !important; text-align: center !important; padding: 25px !important; }\n      #tdm-select-compact-v2 .tdm-btn { width: 100% !important; display: flex !important; justify-content: center !important; }\n    }\n  <\/style>\n\n  <div class=\"tdm-container\">\n    \n    <div class=\"tdm-header\">\n      <span class=\"tdm-eyebrow\">Selection Guide<\/span>\n      <h2>How to Choose the Right Touch Display Module<\/h2>\n      <p class=\"tdm-intro\">Picking a module isn\u2019t complicated once you break it down into five decisions.<\/p>\n    <\/div>\n\n    <div class=\"tdm-grid\">\n      <div class=\"tdm-card\">\n        <div class=\"tdm-card-header\">\n          <span class=\"tdm-step-num\">1<\/span>\n          <h3>Size and resolution<\/h3>\n        <\/div>\n        <p>Match these to your content. A 240x320 panel is fine for menus. If rendering charts\/maps, step up to 800x480+. Don\u2019t over-spec (e.g. 1080p on 4\u2033) to save power.<\/p>\n      <\/div>\n\n      <div class=\"tdm-card\">\n        <div class=\"tdm-card-header\">\n          <span class=\"tdm-step-num\">2<\/span>\n          <h3>Touch type<\/h3>\n        <\/div>\n        <p>Capacitive for bare-finger gestures. Resistive for gloves\/stylus. If unsure, order samples of each. A 20-minute hands-on test is better than any datasheet.<\/p>\n      <\/div>\n\n      <div class=\"tdm-card\">\n        <div class=\"tdm-card-header\">\n          <span class=\"tdm-step-num\">3<\/span>\n          <h3>Interface<\/h3>\n        <\/div>\n        <p>SPI for low-pin MCUs. RGB parallel for decent frame rates. LVDS\/MIPI DSI for high-throughput 7\u2033+ panels. Ensure host processor compatibility.<\/p>\n      <\/div>\n\n      <div class=\"tdm-card\">\n        <div class=\"tdm-card-header\">\n          <span class=\"tdm-step-num\">4<\/span>\n          <h3>Environment<\/h3>\n        <\/div>\n        <p>Indoor consumer? Standard specs. Outdoor\/Industrial? Need wide-temp, optical bonding, and conformal coating. Check operating temp, IP rating, and EMI.<\/p>\n      <\/div>\n\n      <div class=\"tdm-card\">\n        <div class=\"tdm-card-header\">\n          <span class=\"tdm-step-num\">5<\/span>\n          <h3>Lifecycle<\/h3>\n        <\/div>\n        <p>Need 5+ years production? Ask about long-term supply commitments first. Don\u2019t get stuck scrambling for a replacement 18 months later when a display gets EOL\u2019d.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tdm-footer-split\">\n      \n      <a href=\"https:\/\/saiweiglass.com\/products\/touch-display-modules\/display-interface-bandwidth-calculator\/\" class=\"tdm-tool-box\" target=\"_blank\">\n        <div class=\"tdm-tool-content\">\n          <div class=\"tdm-tool-title\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right:8px;\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/><line x1=\"16\" y1=\"14\" x2=\"16\" y2=\"18\"\/><path d=\"M16 10h.01\"\/><path d=\"M12 10h.01\"\/><path d=\"M8 10h.01\"\/><path d=\"M12 14h.01\"\/><path d=\"M8 14h.01\"\/><path d=\"M12 18h.01\"\/><path d=\"M8 18h.01\"\/><\/svg>\n            Display Interface Bandwidth Calculator\n          <\/div>\n          <div class=\"tdm-tool-desc\">Find out how much data bandwidth your display needs \u2014 and which interface can handle it.<\/div>\n        <\/div>\n        <svg class=\"tdm-tool-arrow\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n      <\/a>\n\n      <div class=\"tdm-cta-box\">\n        <div class=\"tdm-cta-content\">\n          <h4>Let\u2019s Build Your Display Solution<\/h4>\n          <p>Tell us your specs. We\u2019ll match you with the right module.<\/p>\n        <\/div>\n        <a href=\"#ct-popup-787\" class=\"tdm-btn\">Request a Quote \u2192<\/a>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function(){\n      document.addEventListener(\"DOMContentLoaded\", function() {\n        console.log(\"Compact Selection Guide + Tool + Arrow Loaded\");\n      });\n    })();\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-6da23ea\" data-block-id=\"6da23ea\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-6da23ea-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-1da965d\" data-v=\"4\" data-block-id=\"1da965d\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-1da965d-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-1da965d-inner-blocks\">\n<section id=\"tdm-faq-grid\">\n  <style>\n    \/* * PRINCIPLE 3: Aesthetics & Fonts *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\n    \/* * PRINCIPLE 1: Highest Level of Scope *\/\n    #tdm-faq-grid {\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n      width: 100% !important;\n      box-sizing: border-box !important;\n      background-color: #ffffff !important;\n      color: #333333 !important;\n      line-height: 1.6 !important;\n      padding: 40px 20px !important; \n      margin: 0 !important;\n      position: relative !important;\n    }\n\n    #tdm-faq-grid * {\n      box-sizing: border-box !important;\n      margin: 0;\n      padding: 0;\n    }\n\n    \/* Main Container *\/\n    #tdm-faq-grid .tdm-container {\n      max-width: 1200px !important;\n      margin: 0 auto !important;\n    }\n\n    \/* --- HEADER --- *\/\n    #tdm-faq-grid .tdm-header {\n      text-align: center !important;\n      margin-bottom: 50px !important;\n    }\n\n    \/* H2: Main Title (Updated) *\/\n    #tdm-faq-grid h2 {\n      font-size: 32px !important;\n      font-weight: 700 !important;\n      color: #000000 !important; \n      margin: 0 !important;\n      line-height: 1.3 !important;\n    }\n\n    \/* --- FAQ LIST --- *\/\n    #tdm-faq-grid .tdm-faq-list {\n      border-top: 1px solid #E2E8F0 !important;\n    }\n\n    #tdm-faq-grid .tdm-faq-item {\n      border-bottom: 1px solid #E2E8F0 !important;\n      background-color: #fff !important;\n    }\n\n    \/* Question Button *\/\n    #tdm-faq-grid .tdm-faq-trigger {\n      width: 100% !important;\n      display: flex !important;\n      align-items: flex-start !important;\n      justify-content: space-between !important;\n      padding: 24px 0 !important;\n      background: none !important;\n      border: none !important;\n      cursor: pointer !important;\n      text-align: left !important;\n      gap: 20px !important;\n      outline: none !important;\n    }\n\n    #tdm-faq-grid h3 {\n      font-size: 18px !important;\n      font-weight: 600 !important;\n      color: #1E293B !important; \n      margin: 0 !important;\n      line-height: 1.4 !important;\n      transition: color 0.3s ease !important;\n      flex: 1 !important;\n      pointer-events: none !important; \n    }\n\n    \/* States *\/\n    #tdm-faq-grid .tdm-faq-trigger:hover h3,\n    #tdm-faq-grid .tdm-faq-item.active h3 {\n      color: #304890 !important;\n    }\n\n    \/* Icon *\/\n    #tdm-faq-grid .tdm-icon {\n      position: relative !important;\n      width: 24px !important;\n      height: 24px !important;\n      flex-shrink: 0 !important;\n      margin-top: 4px !important;\n      pointer-events: none !important;\n    }\n\n    #tdm-faq-grid .tdm-icon::before,\n    #tdm-faq-grid .tdm-icon::after {\n      content: '' !important;\n      position: absolute !important;\n      background-color: #94A3B8 !important;\n      transition: transform 0.3s ease, background-color 0.3s ease !important;\n      top: 50% !important;\n      left: 50% !important;\n      transform: translate(-50%, -50%) !important;\n    }\n\n    #tdm-faq-grid .tdm-icon::before { width: 14px !important; height: 2px !important; }\n    #tdm-faq-grid .tdm-icon::after { width: 2px !important; height: 14px !important; }\n\n    \/* Active Icon Animation *\/\n    #tdm-faq-grid .tdm-faq-item.active .tdm-icon::after {\n      transform: translate(-50%, -50%) rotate(90deg) !important;\n      opacity: 0 !important;\n    }\n    #tdm-faq-grid .tdm-faq-item.active .tdm-icon::before {\n      background-color: #304890 !important;\n    }\n\n    \/* --- CSS GRID ANIMATION --- *\/\n    #tdm-faq-grid .tdm-faq-content-wrapper {\n      display: grid !important;\n      grid-template-rows: 0fr !important;\n      transition: grid-template-rows 0.3s ease-out !important;\n      opacity: 0.5 !important;\n    }\n\n    #tdm-faq-grid .tdm-faq-item.active .tdm-faq-content-wrapper {\n      grid-template-rows: 1fr !important;\n      opacity: 1 !important;\n    }\n\n    #tdm-faq-grid .tdm-answer-inner {\n      overflow: hidden !important;\n    }\n\n    #tdm-faq-grid p {\n      padding-bottom: 24px !important;\n      padding-right: 40px !important;\n      font-size: 15px !important;\n      color: #475569 !important; \n      line-height: 1.7 !important;\n      margin: 0 !important;\n      display: block !important; \n    }\n\n    \/* Responsive *\/\n    @media (max-width: 600px) {\n      #tdm-faq-grid { padding: 40px 20px !important; }\n      #tdm-faq-grid h2 { font-size: 26px !important; }\n      #tdm-faq-grid h3 { font-size: 16px !important; }\n      #tdm-faq-grid .tdm-answer-inner { padding-right: 0 !important; }\n    }\n  <\/style>\n\n  <div class=\"tdm-container\">\n    \n    <div class=\"tdm-header\">\n      <h2>Touch Display Modules FAQs<\/h2>\n    <\/div>\n\n    <div class=\"tdm-faq-list\">\n      \n      <div class=\"tdm-faq-item\">\n        <button class=\"tdm-faq-trigger\">\n          <h3>What is a touch screen and how does a touch display module work?<\/h3>\n          <div class=\"tdm-icon\"><\/div>\n        <\/button>\n        <div class=\"tdm-faq-content-wrapper\">\n          <div class=\"tdm-answer-inner\">\n            <p>A touch screen module is basically a display and a touch panel bonded together into one unit \u2014 the touchscreen consists of a display (usually a liquid crystal display) paired with a touch-sensitive layer on top. A touch screen consists of several layers: the LCD cell, backlight, touch sensor, controller IC, and cover glass. When you tap or swipe, the module translates that input into X\/Y coordinates that your microcontroller or embedded system uses to control graphical interfaces. Most of our modules include an onboard controller that talks over SPI interface, I2C, or UART so you don\u2019t have to handle the raw signal processing yourself.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tdm-faq-item\">\n        <button class=\"tdm-faq-trigger\">\n          <h3>How do I connect a touch screen module to an ESP32 or other microcontroller?<\/h3>\n          <div class=\"tdm-icon\"><\/div>\n        <\/button>\n        <div class=\"tdm-faq-content-wrapper\">\n          <div class=\"tdm-answer-inner\">\n            <p>Pretty straightforward, actually. You call the touch display via SPI for pixel data and I2C for touch events. Most of our modules work out-of-the-box with common libraries \u2014 LovyanGFX, TFT_eSPI, LVGL. Wire up the SPI pins (MOSI, MISO, CLK, CS, DC), connect the I2C touch lines (SDA, SCL), and you\u2019re running. The ESP32 has enough processing power to drive modern UI elements and graphical interfaces at 800x480 resolution over RGB parallel, and even higher if you use a PSRAM-equipped variant. We provide reference schematics for ESP32 integration on our download page.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tdm-faq-item\">\n        <button class=\"tdm-faq-trigger\">\n          <h3>What display resolutions and sizes are available in touch screen modules?<\/h3>\n          <div class=\"tdm-icon\"><\/div>\n        <\/button>\n        <div class=\"tdm-faq-content-wrapper\">\n          <div class=\"tdm-answer-inner\">\n            <p>SWLCD modules are available in sizes from 2.8\u2033 all the way up to 15.6\u2033. The small ones (2.8-inch, 240x320) are great for handheld gadgets. Mid-range 4.3\u2033 to 5\u2033 modules come in 480x272 and 800x480 resolutions \u2014 that\u2019s the sweet spot for most automation dashboards. For anything that needs serious pixel density, the 7\u2033 and 10.1\u2033 IPS panels at 1024x600 and 1280x800 are where we\u2019d point you. And yes, we do offer screens with liquid crystal displays in custom form factor shapes if your enclosure demands it.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tdm-faq-item\">\n        <button class=\"tdm-faq-trigger\">\n          <h3>Can I use touch screen modules for industrial HMI and control systems?<\/h3>\n          <div class=\"tdm-icon\"><\/div>\n        <\/button>\n        <div class=\"tdm-faq-content-wrapper\">\n          <div class=\"tdm-answer-inner\">\n            <p>Absolutely \u2014 and honestly, industrial HMI is where about 40% of our volume goes. Module screens are also advantageous for industrial control systems because they consolidate the display, touch input, and controller into one component that mounts directly into a panel cutout. Our industrial-line modules come with industry-leading touch screens with liquid crystal technology, chemically strengthened cover glass, excellent viewing angles, and shielded connectors. They handle the vibration, temperature swings, and electrical noise you\u2019d expect on a factory floor.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tdm-faq-item\">\n        <button class=\"tdm-faq-trigger\">\n          <h3>Capacitive vs. resistive touch \u2014 which should I pick?<\/h3>\n          <div class=\"tdm-icon\"><\/div>\n        <\/button>\n        <div class=\"tdm-faq-content-wrapper\">\n          <div class=\"tdm-answer-inner\">\n            <p>Depends on the application. Capacitive touch gives you multi-touch, gesture control, and better optical clarity \u2014 it\u2019s what people expect from a modern touchscreen. We recommend it for consumer products, medical devices with bare-hand operation, and any user interface that benefits from swipe and pinch gestures. Resistive touch is the pick for gloved environments, stylus input, and situations where cost is tight. It\u2019s simpler, proven, and doesn\u2019t care what you poke it with. We\u2019ve shipped both technologies to the same customer before \u2014 capacitive for their consumer line, resistive for the industrial version.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tdm-faq-item\">\n        <button class=\"tdm-faq-trigger\">\n          <h3>What\u2019s the minimum order quantity for custom touchscreen modules?<\/h3>\n          <div class=\"tdm-icon\"><\/div>\n        <\/button>\n        <div class=\"tdm-faq-content-wrapper\">\n          <div class=\"tdm-answer-inner\">\n            <p>For off-the-shelf catalog modules, zero MOQ. Order one sample if you want. Custom modules (modified interface, brightness, cover glass) typically start at 500\u20131,000 pieces. The exact number depends on how complex the modification is \u2014 a simple FPC pinout change is different from a full-custom PCB layout. Wholesale quantities (5K+) get volume pricing and dedicated account management. Drop us a message with your quantity and configuration, and we\u2019ll give you exact pricing within a day.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tdm-faq-item\">\n        <button class=\"tdm-faq-trigger\">\n          <h3>What certifications do your touch display modules carry?<\/h3>\n          <div class=\"tdm-icon\"><\/div>\n        <\/button>\n        <div class=\"tdm-faq-content-wrapper\">\n          <div class=\"tdm-answer-inner\">\n            <p>The baseline is ISO 9001 (our QMS), CE marking, and RoHS compliance across the full product line. Beyond that, it depends on your target market. We support IEC 60601 documentation for medical devices, IATF 16949 processes for automotive customers, and can provide materials data for UL and AS9100 filings. If you need specific third-party test reports (EMC, safety, environmental), we can run those through our partner labs and provide the certs as part of the project deliverables.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tdm-faq-item\">\n        <button class=\"tdm-faq-trigger\">\n          <h3>How long does prototyping take for a custom module?<\/h3>\n          <div class=\"tdm-icon\"><\/div>\n        <\/button>\n        <div class=\"tdm-faq-content-wrapper\">\n          <div class=\"tdm-answer-inner\">\n            <p>Standard modifications \u2014 changed interface, adjusted brightness, custom cover glass with screen only the touch panel \u2014 take about 15\u201320 working days. That gets you a fully functional prototype, not a mockup. More involved jobs (custom PCB, special optical bonding, unique hardware design requirements) push to 25\u201330 days. We ship prototypes via DHL or FedEx express, so add 3\u20135 days for transit. One thing to note: time or to display keypads and input areas onto custom glass adds about a week for tooling.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      document.addEventListener(\"DOMContentLoaded\", function() {\n        const triggers = document.querySelectorAll('#tdm-faq-grid .tdm-faq-trigger');\n\n        triggers.forEach(trigger => {\n          trigger.addEventListener('click', function(e) {\n            e.preventDefault(); \n            const parent = this.parentElement;\n            \n            \/\/ 1. Close others\n            document.querySelectorAll('#tdm-faq-grid .tdm-faq-item').forEach(item => {\n              if (item !== parent) item.classList.remove('active');\n            });\n\n            \/\/ 2. Toggle current\n            parent.classList.toggle('active');\n          });\n        });\n        console.log(\"FAQ Grid Module Loaded\");\n      });\n    })();\n  <\/script>\n\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": [\n      {\n        \"@type\": \"Question\",\n        \"name\": \"What is a touch screen and how does a touch display module work?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"A touch screen module is basically a display and a touch panel bonded together into one unit \u2014 the touchscreen consists of a display (usually a liquid crystal display) paired with a touch-sensitive layer on top. A touch screen consists of several layers: the LCD cell, backlight, touch sensor, controller IC, and cover glass. When you tap or swipe, the module translates that input into X\/Y coordinates that your microcontroller or embedded system uses to control graphical interfaces.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"How do I connect a touch screen module to an ESP32 or other microcontroller?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Pretty straightforward, actually. You call the touch display via SPI for pixel data and I2C for touch events. Most of our modules work out-of-the-box with common libraries \u2014 LovyanGFX, TFT_eSPI, LVGL. Wire up the SPI pins (MOSI, MISO, CLK, CS, DC), connect the I2C touch lines (SDA, SCL), and you\u2019re running. The ESP32 has enough processing power to drive modern UI elements and graphical interfaces at 800x480 resolution over RGB parallel.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"What display resolutions and sizes are available in touch screen modules?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"SWLCD modules are available in sizes from 2.8\u2033 all the way up to 15.6\u2033. The small ones (2.8-inch, 240x320) are great for handheld gadgets. Mid-range 4.3\u2033 to 5\u2033 modules come in 480x272 and 800x480 resolutions \u2014 that\u2019s the sweet spot for most automation dashboards. For anything that needs serious pixel density, the 7\u2033 and 10.1\u2033 IPS panels at 1024x600 and 1280x800 are where we\u2019d point you.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Can I use touch screen modules for industrial HMI and control systems?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Absolutely \u2014 and honestly, industrial HMI is where about 40% of our volume goes. Module screens are also advantageous for industrial control systems because they consolidate the display, touch input, and controller into one component that mounts directly into a panel cutout. Our industrial-line modules come with industry-leading touch screens with liquid crystal technology, chemically strengthened cover glass, excellent viewing angles, and shielded connectors.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"Capacitive vs. resistive touch \u2014 which should I pick?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Depends on the application. Capacitive touch gives you multi-touch, gesture control, and better optical clarity \u2014 it\u2019s what people expect from a modern touchscreen. We recommend it for consumer products and medical devices. Resistive touch is the pick for gloved environments, stylus input, and situations where cost is tight. It\u2019s simpler, proven, and doesn\u2019t care what you poke it with.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"What\u2019s the minimum order quantity for custom touchscreen modules?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"For off-the-shelf catalog modules, zero MOQ. Order one sample if you want. Custom modules (modified interface, brightness, cover glass) typically start at 500\u20131,000 pieces. The exact number depends on how complex the modification is \u2014 a simple FPC pinout change is different from a full-custom PCB layout.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"What certifications do your touch display modules carry?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"The baseline is ISO 9001 (our QMS), CE marking, and RoHS compliance across the full product line. Beyond that, it depends on your target market. We support IEC 60601 documentation for medical devices, IATF 16949 processes for automotive customers, and can provide materials data for UL and AS9100 filings.\"\n        }\n      },\n      {\n        \"@type\": \"Question\",\n        \"name\": \"How long does prototyping take for a custom module?\",\n        \"acceptedAnswer\": {\n          \"@type\": \"Answer\",\n          \"text\": \"Standard modifications \u2014 changed interface, adjusted brightness, custom cover glass with screen only the touch panel \u2014 take about 15\u201320 working days. That gets you a fully functional prototype, not a mockup. More involved jobs (custom PCB, special optical bonding, unique hardware design requirements) push to 25\u201330 days.\"\n        }\n      }\n    ]\n  }\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u2605\u2605\u2605\u2605\u2605 Est. 2004 \u2022 Trusted Globally Touch Display Modules Touchscreen LCD TFT Display Modules \u2014 Custom Touch Screen Solutions for Every Interface SWLCD builds touchscreen display modules from 2.8\u2033 to 15.6\u2033 with capacitive and resistive touch panels, SPI and I2C interfaces, and IPS technology for wide viewing. Over 2,000 display configurations shipped to 50+ countries [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":791,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1723","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/1723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/comments?post=1723"}],"version-history":[{"count":0,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/1723\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/pages\/791"}],"wp:attachment":[{"href":"https:\/\/saiweiglass.com\/es\/wp-json\/wp\/v2\/media?parent=1723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}