{"id":9731,"date":"2026-05-13T16:08:50","date_gmt":"2026-05-13T08:08:50","guid":{"rendered":"https:\/\/zhss.org\/?p=9731"},"modified":"2026-05-13T16:13:53","modified_gmt":"2026-05-13T08:13:53","slug":"profile-5-40x20-4n180-natural","status":"publish","type":"post","link":"https:\/\/zhss.org\/de\/metals\/aluminium\/aluminium-sections\/profile-5-40x20-4n180-natural\/","title":{"rendered":"Profile 5 40&#215;20 4N180, natural"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9731\" class=\"elementor elementor-9731\" data-elementor-post-type=\"post\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-f0f63b1 e-con-full e-flex e-con e-child\" data-id=\"f0f63b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-132fe9b elementor-widget elementor-widget-heading\" data-id=\"132fe9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Profile 5 40&#215;20 4N180, natural<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a23cc35 elementor-widget elementor-widget-html\" data-id=\"a23cc35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"zhss-gallery-editor\" data-use-imgix=\"auto\"><\/div>\n\n<style>\n#zhss-gallery-editor{\n  --zg-line:#1e2a8a;\n  --zg-active:#e53935;\n  --zg-gap:16px;\n\n  --zg-main-height-desktop:618px;\n  --zg-main-height-tablet:350px;\n  --zg-main-height-mobile:308px;\n\n  --zg-thumb-gap-desktop:14px;\n  --zg-thumb-gap-tablet:12px;\n  --zg-thumb-gap-mobile:8px;\n\n  --zg-svg-padding:10px;\n  --zg-svg-bg:#fff;\n\n  --zg-radius:8px;\n\n  --zg-thumb-count:4;\n  --zg-thumb-size:144px;\n}\n\n#zhss-gallery-editor{\n  display:flex;\n  gap:var(--zg-gap);\n  align-items:stretch;\n  width:100%;\n  max-width:100%;\n  padding:0;\n  margin:0;\n  background:transparent;\n  border:none;\n  border-radius:0;\n  box-sizing:border-box;\n}\n\n#zhss-gallery-editor *{\n  box-sizing:border-box;\n}\n\n#zhss-gallery-editor .zhss-gallery__thumbs{\n  width:var(--zg-thumb-size);\n  min-width:var(--zg-thumb-size);\n  height:var(--zg-main-height-desktop);\n  display:flex;\n  flex-direction:column;\n  gap:var(--zg-thumb-gap-desktop);\n}\n\n#zhss-gallery-editor .zhss-gallery__thumb{\n  appearance:none;\n  -webkit-appearance:none;\n  display:block;\n  width:var(--zg-thumb-size);\n  height:var(--zg-thumb-size);\n  min-width:var(--zg-thumb-size);\n  min-height:var(--zg-thumb-size);\n  max-width:var(--zg-thumb-size);\n  max-height:var(--zg-thumb-size);\n  flex:0 0 var(--zg-thumb-size);\n  padding:0;\n  margin:0;\n  background:transparent;\n  border:2px solid var(--zg-line);\n  border-radius:var(--zg-radius);\n  overflow:hidden;\n  cursor:pointer;\n  transition:border-color .18s ease, opacity .18s ease;\n}\n\n#zhss-gallery-editor .zhss-gallery__thumb:hover{\n  opacity:.92;\n}\n\n#zhss-gallery-editor .zhss-gallery__thumb.is-active{\n  border-color:var(--zg-active);\n}\n\n#zhss-gallery-editor .zhss-gallery__thumb img{\n  display:block;\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  border-radius:var(--zg-radius);\n  background:transparent;\n}\n\n#zhss-gallery-editor .zhss-gallery__thumb img.is-svg{\n  object-fit:contain;\n  padding:var(--zg-svg-padding);\n  background:var(--zg-svg-bg);\n}\n\n#zhss-gallery-editor .zhss-gallery__main{\n  flex:1 1 auto;\n  min-width:0;\n  border:2px solid var(--zg-active);\n  border-radius:var(--zg-radius);\n  overflow:hidden;\n  background:transparent;\n}\n\n#zhss-gallery-editor .zhss-gallery__main-image{\n  display:block;\n  width:100%;\n  height:var(--zg-main-height-desktop);\n  object-fit:cover;\n  border-radius:var(--zg-radius);\n  background:transparent;\n}\n\n#zhss-gallery-editor .zhss-gallery__main-image.is-svg{\n  object-fit:contain;\n  padding:var(--zg-svg-padding);\n  background:var(--zg-svg-bg);\n}\n\n@media (max-width:1024px){\n  #zhss-gallery-editor{\n    flex-direction:column;\n    gap:14px;\n  }\n\n  #zhss-gallery-editor .zhss-gallery__main{\n    order:1;\n  }\n\n  #zhss-gallery-editor .zhss-gallery__thumbs{\n    order:2;\n    width:100%;\n    min-width:0;\n    height:auto;\n    flex-direction:row;\n    gap:var(--zg-thumb-gap-tablet);\n    overflow:hidden;\n  }\n\n  #zhss-gallery-editor .zhss-gallery__thumb{\n    width:auto;\n    height:auto;\n    min-width:0;\n    min-height:0;\n    max-width:none;\n    max-height:none;\n    flex:1 1 0;\n  }\n\n  #zhss-gallery-editor .zhss-gallery__thumb img{\n    width:100%;\n    height:auto;\n    aspect-ratio:1 \/ 1;\n    object-fit:cover;\n  }\n\n  #zhss-gallery-editor .zhss-gallery__thumb img.is-svg{\n    object-fit:contain;\n    padding:var(--zg-svg-padding);\n    background:var(--zg-svg-bg);\n  }\n\n  #zhss-gallery-editor .zhss-gallery__main-image{\n    height:var(--zg-main-height-tablet);\n  }\n}\n\n@media (max-width:767px){\n  #zhss-gallery-editor{\n    gap:10px;\n  }\n\n  #zhss-gallery-editor .zhss-gallery__thumbs{\n    gap:var(--zg-thumb-gap-mobile);\n  }\n\n  #zhss-gallery-editor .zhss-gallery__main-image{\n    height:var(--zg-main-height-mobile);\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const rawImages = [\n    'https:\/\/zhss.org\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-4N180-natural-V1.png',\n    'https:\/\/zhss.org\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-4N180-natural.svg',\n    'https:\/\/zhss.org\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-4N180-natural-V2.png',\n    'https:\/\/zhss.org\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-natural-V3.png'\n  ];\n\n  const imageAltPrefix = 'Product image';\n\n  const config = {\n    imgixBase: 'https:\/\/zhss.imgix.net',\n    originHost: 'zhss.org',\n    originUploadsPrefix: '\/wp-content\/uploads\/',\n    rewriteSvg: false,\n    probeTimeout: 2500,\n    imgixDefaultParams: {\n      auto: 'format,compress',\n      w: '2000'\n    }\n  };\n\n  const root = document.getElementById('zhss-gallery-editor');\n  if (!root || !rawImages.length) return;\n\n  function escapeHtml(str) {\n    return String(str || '')\n      .replace(\/&\/g, '&amp;')\n      .replace(\/<\/g, '&lt;')\n      .replace(\/>\/g, '&gt;')\n      .replace(\/\"\/g, '&quot;')\n      .replace(\/'\/g, '&#039;');\n  }\n\n  function isSvg(url) {\n    return \/\\.svg(\\?.*)?$\/i.test(url || '');\n  }\n\n  function toAbsoluteUrl(url) {\n    try {\n      return new URL(url, window.location.origin).toString();\n    } catch (e) {\n      return url;\n    }\n  }\n\n  function parseBooleanLike(value) {\n    if (typeof value !== 'string') return null;\n    const v = value.trim().toLowerCase();\n    if (['1','true','yes','on'].includes(v)) return true;\n    if (['0','false','no','off'].includes(v)) return false;\n    return null;\n  }\n\n  function buildImgixUrl(originUrl) {\n    const absUrl = toAbsoluteUrl(originUrl);\n\n    try {\n      const u = new URL(absUrl);\n      const allowedHosts = [\n        config.originHost,\n        'www.' + config.originHost,\n        window.location.hostname\n      ].filter(Boolean);\n\n      if (!allowedHosts.includes(u.hostname)) return absUrl;\n      if (!u.pathname.startsWith(config.originUploadsPrefix)) return absUrl;\n      if (isSvg(absUrl) && !config.rewriteSvg) return absUrl;\n\n      \/* \u5173\u952e\uff1a\u4f60\u7684 imgix \u5fc5\u987b\u4fdd\u7559 \/wp-content\/uploads\/ *\/\n      const out = new URL(config.imgixBase.replace(\/\\\/$\/, '') + u.pathname);\n\n      const sourceQuery = new URLSearchParams(u.search);\n\n      if (sourceQuery.has('max-w')) out.searchParams.set('w', sourceQuery.get('max-w'));\n      if (sourceQuery.has('max-h')) out.searchParams.set('h', sourceQuery.get('max-h'));\n      if (sourceQuery.has('w')) out.searchParams.set('w', sourceQuery.get('w'));\n      if (sourceQuery.has('h')) out.searchParams.set('h', sourceQuery.get('h'));\n      if (sourceQuery.has('fit')) out.searchParams.set('fit', sourceQuery.get('fit'));\n\n      Object.keys(config.imgixDefaultParams).forEach(function (key) {\n        const value = config.imgixDefaultParams[key];\n        if (value !== '' && !out.searchParams.has(key)) {\n          out.searchParams.set(key, value);\n        }\n      });\n\n      return out.toString();\n    } catch (e) {\n      return absUrl;\n    }\n  }\n\n  function probeImage(url, timeoutMs) {\n    return new Promise(function (resolve) {\n      const img = new Image();\n      let done = false;\n\n      const timer = setTimeout(function () {\n        if (done) return;\n        done = true;\n        resolve(false);\n      }, timeoutMs);\n\n      img.onload = function () {\n        if (done) return;\n        done = true;\n        clearTimeout(timer);\n        resolve(true);\n      };\n\n      img.onerror = function () {\n        if (done) return;\n        done = true;\n        clearTimeout(timer);\n        resolve(false);\n      };\n\n      img.src = url;\n    });\n  }\n\n  const items = rawImages.map(function (originUrl, index) {\n    return {\n      index: index,\n      origin: toAbsoluteUrl(originUrl),\n      imgix: buildImgixUrl(originUrl),\n      svg: isSvg(originUrl)\n    };\n  });\n\n  function getDisplayUrl(item, useImgix) {\n    if (item.svg && !config.rewriteSvg) return item.origin;\n    if (useImgix && item.imgix && item.imgix !== item.origin) return item.imgix;\n    return item.origin;\n  }\n\n  function bindFallback(imgEl) {\n    if (!imgEl) return;\n\n    imgEl.addEventListener('error', function () {\n      const origin = this.getAttribute('data-origin');\n      if (origin && this.getAttribute('src') !== origin) {\n        this.setAttribute('src', origin);\n      }\n    }, { once: true });\n  }\n\n  function render(useImgix) {\n    root.setAttribute('data-image-source', useImgix ? 'imgix' : 'origin');\n\n    const styles = getComputedStyle(root);\n    const mainHeight = parseFloat(styles.getPropertyValue('--zg-main-height-desktop')) || 618;\n    const thumbGap = parseFloat(styles.getPropertyValue('--zg-thumb-gap-desktop')) || 14;\n    const count = items.length;\n    const thumbSize = Math.floor((mainHeight - thumbGap * (count - 1)) \/ count);\n\n    root.style.setProperty('--zg-thumb-count', count);\n    root.style.setProperty('--zg-thumb-size', thumbSize + 'px');\n\n    const thumbsHtml = items.map(function (item, index) {\n      const displayUrl = getDisplayUrl(item, useImgix);\n      const activeClass = index === 0 ? ' is-active' : '';\n      const svgClass = item.svg ? ' is-svg' : '';\n\n      return `\n        <button\n          class=\"zhss-gallery__thumb${activeClass}\"\n          type=\"button\"\n          data-full=\"${escapeHtml(displayUrl)}\"\n          data-origin=\"${escapeHtml(item.origin)}\"\n          data-is-svg=\"${item.svg ? '1' : '0'}\"\n          aria-label=\"Image ${index + 1}\">\n          <img\n            decoding=\"async\"\n            loading=\"lazy\"\n            class=\"${svgClass.trim()}\"\n            src=\"${escapeHtml(displayUrl)}\"\n            data-origin=\"${escapeHtml(item.origin)}\"\n            alt=\"${escapeHtml(imageAltPrefix + ' ' + (index + 1))}\">\n        <\/button>\n      `;\n    }).join('');\n\n    const firstUrl = getDisplayUrl(items[0], useImgix);\n    const firstIsSvg = items[0].svg ? ' is-svg' : '';\n\n    root.innerHTML = `\n      <div class=\"zhss-gallery__thumbs\">\n        ${thumbsHtml}\n      <\/div>\n      <div class=\"zhss-gallery__main\">\n        <img\n          decoding=\"async\"\n          class=\"zhss-gallery__main-image${firstIsSvg}\"\n          src=\"${escapeHtml(firstUrl)}\"\n          data-origin=\"${escapeHtml(items[0].origin)}\"\n          alt=\"${escapeHtml(imageAltPrefix + ' 1')}\">\n      <\/div>\n    `;\n\n    const main = root.querySelector('.zhss-gallery__main-image');\n    const thumbs = root.querySelectorAll('.zhss-gallery__thumb');\n    const thumbImgs = root.querySelectorAll('.zhss-gallery__thumb img');\n\n    bindFallback(main);\n    thumbImgs.forEach(bindFallback);\n\n    thumbs.forEach(function (btn, index) {\n      btn.addEventListener('click', function () {\n        const full = this.getAttribute('data-full');\n        const origin = this.getAttribute('data-origin');\n        const svg = this.getAttribute('data-is-svg') === '1';\n\n        if (!full) return;\n\n        main.setAttribute('src', full);\n        main.setAttribute('data-origin', origin || '');\n        main.setAttribute('alt', imageAltPrefix + ' ' + (index + 1));\n        main.classList.toggle('is-svg', svg);\n\n        thumbs.forEach(function (item) {\n          item.classList.remove('is-active');\n        });\n\n        this.classList.add('is-active');\n\n        bindFallback(main);\n      });\n    });\n\n    console.log('[ZHSS Gallery] source mode =', useImgix ? 'IMGIX' : 'ORIGIN');\n  }\n\n  async function init() {\n    const forced = parseBooleanLike(root.getAttribute('data-use-imgix'));\n\n    if (forced === false) {\n      render(false);\n      return;\n    }\n\n    const firstRaster = items.find(function (item) {\n      return !item.svg && item.imgix !== item.origin;\n    });\n\n    if (!firstRaster) {\n      render(false);\n      return;\n    }\n\n    const imgixOk = await probeImage(firstRaster.imgix, config.probeTimeout);\n\n    if (forced === true) {\n      render(imgixOk);\n      return;\n    }\n\n    render(imgixOk);\n  }\n\n  init();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9dc7237 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"9dc7237\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2b483c elementor-widget elementor-widget-heading\" data-id=\"e2b483c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Variants<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea7e91b elementor-widget elementor-widget-html\" data-id=\"ea7e91b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"zhss-variants-i18n\" class=\"zhss-variants-hidden-source\" aria-hidden=\"true\">\n  <!-- \u8868\u5934\uff1a\u8fd9\u91cc\u53ef\u4ee5\u76f4\u63a5\u6539\u6587\u5b57\uff0cTranslatePress \u4e5f\u80fd\u6293\u5230 -->\n  <span data-key=\"label_variant\">Variant<\/span>\n  <span data-key=\"label_length\">Length <span class=\"zhss-variants__head-mm\">(mm)<\/span><\/span>\n  <span data-key=\"label_grooves\">Grooves<\/span>\n  <span data-key=\"label_colour\">Colour<\/span>\n\n  <!-- \u5e73\u677f \/ \u624b\u673a\u7aef\u6807\u7b7e -->\n  <span data-key=\"mobile_length\">Length:<\/span>\n  <span data-key=\"mobile_grooves\">Grooves:<\/span>\n  <span data-key=\"mobile_colour\">Colour:<\/span>\n<\/div>\n\n<div id=\"zhss-variants-source\" class=\"zhss-variants-hidden-source\" aria-hidden=\"true\">\n  <!--\n    \u4f7f\u7528\u8bf4\u660e\uff1a\n    1\uff09\u65b0\u589e\u53d8\u4f53\uff1a\u590d\u5236\u4e00\u4e2a .zhss-variants-source__item \u6574\u5757\n    2\uff09\u6700\u5c11 2 \u4e2a\uff0c\u6700\u591a 20 \u4e2a\n    3\uff09\u53ea\u9700\u8981\u6539\uff1a\n       data-image\n       data-length\n       data-groove-image\n       data-swatch\n       data-url\n       \u4ee5\u53ca\u4e0b\u9762 3 \u4e2a\u6587\u5b57\uff1aname \/ grooves \/ colour\n    4\uff09name \/ grooves \/ colour \u76f4\u63a5\u5199\u6210\u666e\u901a\u6587\u5b57\uff0cTranslatePress \u624d\u80fd\u7ffb\u8bd1\n  -->\n\n  <div\n    class=\"zhss-variants-source__item\"\n    data-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-natural.png\"\n    data-length=\"20...6000\"\n    data-groove-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/03\/Aluminium-Profile-5-20x20-Open.svg\"\n    data-swatch=\"#BDBDBD\"\n    data-url=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/profile-5-40x20-natural\/\"\n  >\n    <span data-field=\"name\">Profile 5 40x20, natural\n\n<\/span>\n    <span data-field=\"grooves\">Open<\/span>\n    <span data-field=\"colour\">Aluminium, natural<\/span>\n  <\/div>\n\n  <div\n    class=\"zhss-variants-source__item\"\n    data-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-black.png\"\n    data-length=\"20...6000\"\n    data-groove-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/03\/Aluminium-Profile-5-20x20-Open.svg\"\n    data-swatch=\"#000000\"\n    data-url=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/profile-5-40x20-black\/\"\n  >\n    <span data-field=\"name\">Profile 5 40x20, black\n\n<\/span>\n    <span data-field=\"grooves\">Open<\/span>\n    <span data-field=\"colour\">Black<\/span>\n  <\/div>\n\n  <div\n    class=\"zhss-variants-source__item\"\n    data-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-2N-natural.png\"\n    data-length=\"20...6000\"\n    data-groove-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/03\/Aluminium-Profile-5-20x20-1-side-closed.svg\"\n    data-swatch=\"#BDBDBD\"\n    data-url=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/profile-5-40x20-2n-natural\/\"\n  >\n    <span data-field=\"name\">Profile 5 40x20 2N, natural<\/span>\n    <span data-field=\"grooves\">1 side closed<\/span>\n    <span data-field=\"colour\">Aluminium, natural<\/span>\n  <\/div>\n\n  <div\n    class=\"zhss-variants-source__item\"\n    data-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-2N180-natural.png\"\n    data-length=\"20...6000\"\n    data-groove-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/03\/Aluminium-Profile-5-20x20-2-sides-closed-180\u00b0.svg\"\n    data-swatch=\"#BDBDBD\"\n    data-url=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/profile-5-40x20-2n180-natural\/\"\n  >\n    <span data-field=\"name\">Profile 5 40x20 2N180, natural<\/span>\n    <span data-field=\"grooves\">2 sides closed (180\u00b0)<\/span>\n    <span data-field=\"colour\">Aluminium, natural<\/span>\n  <\/div>\n\n  <div\n    class=\"zhss-variants-source__item\"\n    data-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-3N90-natural.png\"\n    data-length=\"20...6000\"\n    data-groove-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/03\/Aluminium-Profile-5-20x20-2-sides-closed-90\u00b0.svg\"\n    data-swatch=\"#BDBDBD\"\n    data-url=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/profile-5-40x20-3n90-natural\/\"\n  >\n    <span data-field=\"name\">Profile 5 40x20 3N90, natural<\/span>\n    <span data-field=\"grooves\">2 sides closed (90\u00b0)<\/span>\n    <span data-field=\"colour\">Aluminium, natural<\/span>\n  <\/div>\n\n  <div\n    class=\"zhss-variants-source__item\"\n    data-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-4N180-natural.png\"\n    data-length=\"20...6000\"\n    data-groove-image=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/03\/Aluminium-Profile-5-20x20-2-sides-closed-180\u00b0.svg\"\n    data-swatch=\"#BDBDBD\"\n    data-url=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/profile-5-40x20-4n180-natural\/\"\n  >\n    <span data-field=\"name\">Profile 5 40x20 4N180, natural<\/span>\n    <span data-field=\"grooves\">2 sides closed (180\u00b0)<\/span>\n    <span data-field=\"colour\">Aluminium, natural\n<\/span>\n  <\/div>\n<\/div>\n\n<div id=\"zhss-variants-table\"><\/div>\n\n<style>\n\/* =========================\n   \u7ed9 TranslatePress \u6293\u5b57\u7b26\u4e32\u7528\n========================= *\/\n.zhss-variants-hidden-source{\n  position:absolute;\n  left:-99999px;\n  top:auto;\n  width:1px;\n  height:1px;\n  overflow:hidden;\n  opacity:0;\n  pointer-events:none;\n}\n.zhss-variants-hidden-source span,\n.zhss-variants-hidden-source div{\n  display:block;\n  white-space:pre-wrap;\n}\n\n\/* =========================\n   \u5916\u5c42\u53ef\u8c03\u6837\u5f0f\u53c2\u6570\n========================= *\/\n#zhss-variants-table{\n  --head-size-desktop: 19px;\n  --content-size-desktop: 16px;\n  --variant-size-desktop: 16px;\n\n  --variant-size-tablet: 18px;\n  --label-size-tablet: 18px;\n  --value-size-tablet: 16px;\n\n  --variant-size-mobile: 17px;\n  --label-size-mobile: 17px;\n  --value-size-mobile: 15px;\n\n  --text-color: #5f5f5f;\n  --title-color: #5d5d5d;\n  --head-color: #0D015E;\n  --line-color: #d9d9e2;\n  --hover-bg: #DFDFDF;\n  --active-color: #0D015E;\n  --active-border: #0D015E;\n  --radius: 8px;\n}\n\n#zhss-variants-table{\n  width:100%;\n  background:transparent;\n  border:none;\n  margin:0;\n  padding:0;\n  font-family:inherit;\n  color:var(--text-color);\n}\n#zhss-variants-table *{\n  box-sizing:border-box;\n}\n\n#zhss-variants-table .zhss-variants__table{\n  width:100%;\n  background:transparent;\n  border:none;\n}\n\n\/* \u684c\u9762\u7aef\u5217\u5bbd\u56fa\u5b9a *\/\n#zhss-variants-table .zhss-variants__row{\n  display:grid;\n  grid-template-columns:minmax(0, 1.42fr) minmax(0, 0.68fr) minmax(0, 0.65fr) minmax(0, 0.75fr);\n  gap:1px;\n  align-items:center;\n  text-decoration:none;\n  color:inherit;\n}\n\n#zhss-variants-table .zhss-variants__col,\n#zhss-variants-table .zhss-variants__variant-wrap,\n#zhss-variants-table .zhss-variants__variant-text,\n#zhss-variants-table .zhss-variants__value,\n#zhss-variants-table .zhss-variants__icon-text,\n#zhss-variants-table .zhss-variants__color-wrap{\n  min-width:0;\n}\n\n\/* =========================\n   \u8868\u5934\n========================= *\/\n#zhss-variants-table .zhss-variants__head{\n  padding:0 10px 16px;\n  border-bottom:1px solid var(--line-color);\n}\n\n#zhss-variants-table .zhss-variants__head .zhss-variants__col{\n  display:flex;\n  align-items:flex-start;\n}\n\n#zhss-variants-table .zhss-variants__head-label{\n  display:inline-block;\n  max-width:100%;\n  font-size:var(--head-size-desktop);\n  font-weight:900;\n  line-height:1.2;\n  color:var(--head-color);\n  white-space:normal;\n  overflow-wrap:break-word;\n  word-break:normal;\n}\n\n#zhss-variants-table .zhss-variants__head-mm{\n  font-size:1em;\n  font-weight:inherit;\n  line-height:1;\n}\n\n@media (min-width:1025px){\n  #zhss-variants-table .zhss-variants__head-mm{\n    font-size:0.72em;\n    font-weight:800;\n    position:relative;\n    top:-1px;\n  }\n}\n\n\/* =========================\n   \u5217\u8868\u9879\n========================= *\/\n#zhss-variants-table .zhss-variants__item{\n  padding:10px 8px;\n  border-top:1px solid var(--line-color);\n  background:transparent;\n  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease;\n}\n\n#zhss-variants-table .zhss-variants__item:last-child{\n  border-bottom:1px solid var(--line-color);\n}\n\n#zhss-variants-table .zhss-variants__item.is-current{\n  border:2px solid var(--active-border);\n  border-radius:var(--radius);\n  padding:8px 6px;\n}\n\n#zhss-variants-table .zhss-variants__variant-wrap{\n  display:flex;\n  align-items:center;\n  gap:10px;\n}\n\n#zhss-variants-table .zhss-variants__variant-img{\n  width:64px;\n  height:64px;\n  object-fit:contain;\n  flex:0 0 64px;\n}\n\n#zhss-variants-table .zhss-variants__variant-text{\n  font-size:var(--variant-size-desktop);\n  line-height:1.3;\n  font-weight:600;\n  color:var(--title-color);\n  overflow-wrap:anywhere;\n}\n\n#zhss-variants-table .zhss-variants__col--length,\n#zhss-variants-table .zhss-variants__col--grooves,\n#zhss-variants-table .zhss-variants__col--colour{\n  font-size:var(--content-size-desktop);\n  line-height:1.3;\n  font-weight:500;\n  color:var(--text-color);\n}\n\n#zhss-variants-table .zhss-variants__value{\n  font-weight:500;\n  color:inherit;\n  overflow-wrap:anywhere;\n}\n\n#zhss-variants-table .zhss-variants__item.is-current .zhss-variants__variant-text,\n#zhss-variants-table .zhss-variants__item.is-current .zhss-variants__value,\n#zhss-variants-table .zhss-variants__item.is-current .zhss-variants__mobile-label{\n  font-weight:700;\n  color:var(--active-color);\n}\n\n@media (min-width:1025px){\n  #zhss-variants-table .zhss-variants__item:hover{\n    background:var(--hover-bg);\n    border-radius:var(--radius);\n  }\n\n  #zhss-variants-table .zhss-variants__item:hover .zhss-variants__variant-text,\n  #zhss-variants-table .zhss-variants__item:hover .zhss-variants__value,\n  #zhss-variants-table .zhss-variants__item:hover .zhss-variants__mobile-label{\n    color:var(--active-color);\n  }\n}\n\n\/* \u56fe\u6807\u5217\u3001\u989c\u8272\u5217\u56fa\u5b9a *\/\n#zhss-variants-table .zhss-variants__icon-text{\n  display:grid;\n  grid-template-columns:24px minmax(0, 1fr);\n  align-items:center;\n  column-gap:8px;\n}\n\n#zhss-variants-table .zhss-variants__color-wrap{\n  display:grid;\n  grid-template-columns:22px minmax(0, 1fr);\n  align-items:center;\n  column-gap:8px;\n}\n\n#zhss-variants-table .zhss-variants__groove-img{\n  width:24px;\n  height:24px;\n  object-fit:contain;\n  display:block;\n}\n\n#zhss-variants-table .zhss-variants__color-swatch{\n  width:22px;\n  height:22px;\n  display:block;\n}\n\n#zhss-variants-table .zhss-variants__mobile-label{\n  display:none;\n}\n\n\/* =========================\n   \u5e73\u677f\u7aef\n========================= *\/\n@media (max-width:1024px){\n  #zhss-variants-table .zhss-variants__head{\n    display:none;\n  }\n\n  #zhss-variants-table .zhss-variants__item{\n    display:block;\n    padding:10px 8px;\n    border-top:1px solid var(--line-color);\n  }\n\n  #zhss-variants-table .zhss-variants__item.is-current{\n    padding:8px 6px;\n  }\n\n  #zhss-variants-table .zhss-variants__col{\n    display:block;\n    width:100%;\n  }\n\n  #zhss-variants-table .zhss-variants__col + .zhss-variants__col{\n    margin-top:8px;\n  }\n\n  #zhss-variants-table .zhss-variants__variant-wrap{\n    align-items:center;\n    gap:10px;\n  }\n\n  #zhss-variants-table .zhss-variants__variant-img{\n    width:68px;\n    height:68px;\n    flex:0 0 68px;\n  }\n\n  #zhss-variants-table .zhss-variants__variant-text{\n    font-size:var(--variant-size-tablet);\n    line-height:1.3;\n    font-weight:700;\n  }\n\n  #zhss-variants-table .zhss-variants__col--length,\n  #zhss-variants-table .zhss-variants__col--grooves,\n  #zhss-variants-table .zhss-variants__col--colour{\n    font-size:var(--value-size-tablet);\n    line-height:1.38;\n  }\n\n  #zhss-variants-table .zhss-variants__mobile-label{\n    display:inline-block;\n    font-weight:700;\n    font-size:var(--label-size-tablet);\n    margin-right:4px;\n    color:var(--title-color);\n  }\n\n  #zhss-variants-table .zhss-variants__value{\n    font-weight:500;\n    font-size:var(--value-size-tablet);\n  }\n\n  #zhss-variants-table .zhss-variants__item.is-current .zhss-variants__value,\n  #zhss-variants-table .zhss-variants__item.is-current .zhss-variants__variant-text,\n  #zhss-variants-table .zhss-variants__item.is-current .zhss-variants__mobile-label{\n    font-weight:700;\n    color:var(--active-color);\n  }\n\n  #zhss-variants-table .zhss-variants__groove-img{\n    width:26px;\n    height:26px;\n  }\n\n  #zhss-variants-table .zhss-variants__color-swatch{\n    width:26px;\n    height:26px;\n  }\n\n  #zhss-variants-table .zhss-variants__icon-text,\n  #zhss-variants-table .zhss-variants__color-wrap{\n    display:inline-flex;\n    vertical-align:middle;\n    gap:6px;\n    flex-wrap:wrap;\n    align-items:center;\n  }\n}\n\n\/* =========================\n   \u624b\u673a\u7aef\n========================= *\/\n@media (max-width:767px){\n  #zhss-variants-table .zhss-variants__item{\n    padding:8px 6px;\n  }\n\n  #zhss-variants-table .zhss-variants__item.is-current{\n    padding:6px 4px;\n  }\n\n  #zhss-variants-table .zhss-variants__col + .zhss-variants__col{\n    margin-top:6px;\n  }\n\n  #zhss-variants-table .zhss-variants__variant-wrap{\n    gap:8px;\n    align-items:center;\n  }\n\n  #zhss-variants-table .zhss-variants__variant-img{\n    width:58px;\n    height:58px;\n    flex:0 0 58px;\n  }\n\n  #zhss-variants-table .zhss-variants__variant-text{\n    font-size:var(--variant-size-mobile);\n    line-height:1.28;\n    font-weight:700;\n  }\n\n  #zhss-variants-table .zhss-variants__mobile-label{\n    font-size:var(--label-size-mobile);\n    font-weight:700;\n  }\n\n  #zhss-variants-table .zhss-variants__value{\n    font-size:var(--value-size-mobile);\n    line-height:1.35;\n    font-weight:500;\n  }\n\n  #zhss-variants-table .zhss-variants__item.is-current .zhss-variants__value,\n  #zhss-variants-table .zhss-variants__item.is-current .zhss-variants__variant-text,\n  #zhss-variants-table .zhss-variants__item.is-current .zhss-variants__mobile-label{\n    font-weight:700;\n    color:var(--active-color);\n  }\n\n  #zhss-variants-table .zhss-variants__col--length,\n  #zhss-variants-table .zhss-variants__col--grooves,\n  #zhss-variants-table .zhss-variants__col--colour{\n    font-size:var(--value-size-mobile);\n    line-height:1.35;\n  }\n\n  #zhss-variants-table .zhss-variants__groove-img{\n    width:22px;\n    height:22px;\n  }\n\n  #zhss-variants-table .zhss-variants__color-swatch{\n    width:22px;\n    height:22px;\n  }\n}\n<\/style>\n\n<script>\n(function () {\n  const root = document.getElementById('zhss-variants-table');\n  const i18nRoot = document.getElementById('zhss-variants-i18n');\n  const sourceRoot = document.getElementById('zhss-variants-source');\n  if (!root || !i18nRoot || !sourceRoot) return;\n\n  function getI18nNode(key) {\n    return i18nRoot.querySelector('[data-key=\"' + key + '\"]');\n  }\n\n  function trHtml(key, fallback) {\n    const node = getI18nNode(key);\n    return node ? node.innerHTML : fallback;\n  }\n\n  function trText(key, fallback) {\n    const node = getI18nNode(key);\n    return node ? node.textContent : fallback;\n  }\n\n  function escapeHtml(str) {\n    return String(str || '')\n      .replace(\/&\/g, '&amp;')\n      .replace(\/<\/g, '&lt;')\n      .replace(\/>\/g, '&gt;')\n      .replace(\/\"\/g, '&quot;')\n      .replace(\/'\/g, '&#039;');\n  }\n\n  function normalizePath(pathname) {\n    return (pathname || '\/').replace(\/\\\/+$\/, '') || '\/';\n  }\n\n  function getHtmlLangCandidates() {\n    const lang = (document.documentElement.getAttribute('lang') || '').toLowerCase().trim();\n    if (!lang) return [];\n\n    const out = [lang];\n    const primary = lang.split('-')[0];\n    if (primary && primary !== lang) out.push(primary);\n\n    return out;\n  }\n\n  function detectCurrentLanguagePrefix(pathname) {\n    const segments = String(pathname || '\/').split('\/').filter(Boolean);\n    if (!segments.length) return '';\n\n    const first = segments[0].toLowerCase();\n    const htmlLangCandidates = getHtmlLangCandidates();\n\n    if (htmlLangCandidates.includes(first)) return first;\n\n    const primaryCandidates = htmlLangCandidates.map(function(code) {\n      return code.split('-')[0];\n    });\n    if (primaryCandidates.includes(first)) return first;\n\n    if (\/^[a-z]{2,3}(?:-[a-z]{2,3})?$\/.test(first)) {\n      return first;\n    }\n\n    return '';\n  }\n\n  function joinPrefixAndPath(prefix, pathname) {\n    const cleanPrefix = String(prefix || '').replace(\/^\\\/+|\\\/+$\/g, '');\n    const cleanPath = String(pathname || '\/');\n\n    if (!cleanPrefix) return cleanPath || '\/';\n    if (cleanPath === '\/' || cleanPath === '') return '\/' + cleanPrefix + '\/';\n\n    return '\/' + cleanPrefix + (cleanPath.startsWith('\/') ? cleanPath : '\/' + cleanPath);\n  }\n\n  function buildTranslatePressAwareUrl(rawUrl) {\n    let urlObj;\n    try {\n      urlObj = new URL(rawUrl, window.location.origin);\n    } catch (e) {\n      return rawUrl;\n    }\n\n    if (urlObj.origin !== window.location.origin) return urlObj.href;\n\n    const currentPrefix = detectCurrentLanguagePrefix(window.location.pathname);\n    const targetPrefix = detectCurrentLanguagePrefix(urlObj.pathname);\n\n    if (targetPrefix) return urlObj.href;\n    if (!currentPrefix) return urlObj.href;\n\n    urlObj.pathname = joinPrefixAndPath(currentPrefix, urlObj.pathname);\n    return urlObj.href;\n  }\n\n  function readSourceVariants() {\n    const items = Array.prototype.slice.call(sourceRoot.querySelectorAll('.zhss-variants-source__item')).slice(0, 20);\n\n    return items.map(function(item) {\n      const getText = function(field) {\n        const node = item.querySelector('[data-field=\"' + field + '\"]');\n        return node ? (node.textContent || '').trim() : '';\n      };\n\n      return {\n        image: item.getAttribute('data-image') || '',\n        name: getText('name'),\n        length: item.getAttribute('data-length') || '',\n        grooveImage: item.getAttribute('data-groove-image') || '',\n        grooves: getText('grooves'),\n        swatch: item.getAttribute('data-swatch') || '#BDBDBD',\n        colour: getText('colour'),\n        url: item.getAttribute('data-url') || '#'\n      };\n    }).filter(function(item) {\n      return item.name || item.length || item.colour || item.grooves;\n    });\n  }\n\n  const labels = {\n    variant: trHtml('label_variant', 'Variant \u2193\u2191'),\n    length: trHtml('label_length', 'Length <span class=\"zhss-variants__head-mm\">(mm)<\/span> \u2193\u2191'),\n    grooves: trHtml('label_grooves', 'Grooves \u2193\u2191'),\n    colour: trHtml('label_colour', 'Colour \u2193\u2191'),\n    mobileLength: trText('mobile_length', 'Length:'),\n    mobileGrooves: trText('mobile_grooves', 'Grooves:'),\n    mobileColour: trText('mobile_colour', 'Colour:')\n  };\n\n  function renderTable() {\n    const variants = readSourceVariants();\n    const currentPath = normalizePath(window.location.pathname);\n\n    const rowsHtml = variants.map(function(item) {\n      const localizedUrl = buildTranslatePressAwareUrl(item.url || '#');\n      const itemPath = normalizePath(new URL(localizedUrl, window.location.origin).pathname);\n      const isCurrent = itemPath === currentPath ? ' is-current' : '';\n\n      return `\n        <a class=\"zhss-variants__row zhss-variants__item${isCurrent}\" href=\"${escapeHtml(localizedUrl)}\" data-url=\"${escapeHtml(localizedUrl)}\">\n          <div class=\"zhss-variants__col zhss-variants__col--variant\">\n            <div class=\"zhss-variants__variant-wrap\">\n              <img decoding=\"async\" class=\"zhss-variants__variant-img\" src=\"${escapeHtml(item.image)}\" alt=\"${escapeHtml(item.name)}\">\n              <div class=\"zhss-variants__variant-text\">${escapeHtml(item.name)}<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"zhss-variants__col zhss-variants__col--length\">\n            <span class=\"zhss-variants__mobile-label\">${escapeHtml(labels.mobileLength)}<\/span>\n            <span class=\"zhss-variants__value\">${escapeHtml(item.length)}<\/span>\n          <\/div>\n\n          <div class=\"zhss-variants__col zhss-variants__col--grooves\">\n            <span class=\"zhss-variants__mobile-label\">${escapeHtml(labels.mobileGrooves)}<\/span>\n            <span class=\"zhss-variants__icon-text\">\n              <img decoding=\"async\" class=\"zhss-variants__groove-img\" src=\"${escapeHtml(item.grooveImage)}\" alt=\"${escapeHtml(item.grooves)}\">\n              <span class=\"zhss-variants__value\">${escapeHtml(item.grooves)}<\/span>\n            <\/span>\n          <\/div>\n\n          <div class=\"zhss-variants__col zhss-variants__col--colour\">\n            <span class=\"zhss-variants__mobile-label\">${escapeHtml(labels.mobileColour)}<\/span>\n            <span class=\"zhss-variants__color-wrap\">\n              <span class=\"zhss-variants__color-swatch\" style=\"background:${escapeHtml(item.swatch)};\"><\/span>\n              <span class=\"zhss-variants__value\">${escapeHtml(item.colour)}<\/span>\n            <\/span>\n          <\/div>\n        <\/a>\n      `;\n    }).join('');\n\n    root.innerHTML = `\n      <div class=\"zhss-variants__table\">\n        <div class=\"zhss-variants__head zhss-variants__row\">\n          <div class=\"zhss-variants__col zhss-variants__col--variant\">\n            <span class=\"zhss-variants__head-label\">${labels.variant}<\/span>\n          <\/div>\n\n          <div class=\"zhss-variants__col zhss-variants__col--length\">\n            <span class=\"zhss-variants__head-label\">${labels.length}<\/span>\n          <\/div>\n\n          <div class=\"zhss-variants__col zhss-variants__col--grooves\">\n            <span class=\"zhss-variants__head-label\">${labels.grooves}<\/span>\n          <\/div>\n\n          <div class=\"zhss-variants__col zhss-variants__col--colour\">\n            <span class=\"zhss-variants__head-label\">${labels.colour}<\/span>\n          <\/div>\n        <\/div>\n\n        ${rowsHtml}\n      <\/div>\n    `;\n  }\n\n  renderTable();\n\n  const observer = new MutationObserver(function() {\n    renderTable();\n  });\n\n  observer.observe(i18nRoot, {\n    childList:true,\n    subtree:true,\n    characterData:true,\n    attributes:true\n  });\n\n  observer.observe(sourceRoot, {\n    childList:true,\n    subtree:true,\n    characterData:true,\n    attributes:true\n  });\n\n  window.setTimeout(renderTable, 400);\n  window.setTimeout(renderTable, 1200);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60c532a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"60c532a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1ebfce elementor-widget elementor-widget-heading\" data-id=\"a1ebfce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Technical Data<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-989f8ed elementor-position-left elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"989f8ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" src=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-4N180-natural.svg\" class=\"attachment-full size-full wp-image-9733\" alt=\"\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Properties<\/h3><p class=\"elementor-image-box-description\">Line\tline 5\nESD-safe\tYes\nCross-sectional area\tA = 3.43 cm2\nMoment of Inertia, torsional\tIt = 1.92 cm4\nMoment of Inertia, x-axis\tIx = 1.52 cm4\nMoment of Inertia, y-axis\tIy = 5.26 cm4\nWeight\tm = 0.93 kg\/m\nMaterial\tAl, anodized\nPermissible groove extraction force\tF = 500 N\nColour\tnatural\nResistance Moment, x-axis\tWx = 1.52 cm3\nResistance Moment, y-axis\tWy = 2.63 cm3\n\n<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de5c4a2 elementor-position-left elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"de5c4a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" src=\"https:\/\/zhss.org\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-V2.svg\" class=\"attachment-full size-full wp-image-9640\" alt=\"\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Profile 5 20x20<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aadc660 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"aadc660\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a9da97 elementor-widget elementor-widget-heading\" data-id=\"5a9da97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Description<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a65870d elementor-position-left elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"a65870d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img fetchpriority=\"high\" decoding=\"async\" width=\"2000\" height=\"1333\" src=\"https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-4N180-natural-V2.png?auto=format%2Ccompress&amp;ixlib=php-3.3.1\" class=\"attachment-full size-full wp-image-9738\" alt=\"\" srcset=\"https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-4N180-natural-V2.png?auto=format%2Ccompress&amp;ixlib=php-3.3.1&amp;w=2000 2000w, https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-4N180-natural-V2.png?auto=format%2Ccompress&amp;fit=crop&amp;h=200&amp;ixlib=php-3.3.1&amp;w=300 300w, https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-4N180-natural-V2.png?auto=format%2Ccompress&amp;fit=crop&amp;h=682&amp;ixlib=php-3.3.1&amp;w=1024 1024w, https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-4N180-natural-V2.png?auto=format%2Ccompress&amp;fit=crop&amp;h=512&amp;ixlib=php-3.3.1&amp;w=768 768w, https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-4N180-natural-V2.png?auto=format%2Ccompress&amp;fit=crop&amp;h=1024&amp;ixlib=php-3.3.1&amp;w=1536 1536w, https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-4N180-natural-V2.png?auto=format%2Ccompress&amp;fit=crop&amp;h=12&amp;ixlib=php-3.3.1&amp;w=18 18w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure><div class=\"elementor-image-box-content\"><p class=\"elementor-image-box-description\">Profile 5 40x20 is a universal construction profile made of high-quality anodized aluminium in the modular dimension of Line 5.\nThis compact aluminium profile in the standard design variant from item features six open Line 5 profile grooves.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abbad1a elementor-position-left elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"abbad1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" width=\"2000\" height=\"1333\" src=\"https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-natural-V3.png?auto=format%2Ccompress&amp;ixlib=php-3.3.1\" class=\"attachment-full size-full wp-image-9656\" alt=\"\" srcset=\"https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-natural-V3.png?auto=format%2Ccompress&amp;ixlib=php-3.3.1&amp;w=2000 2000w, https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-natural-V3.png?auto=format%2Ccompress&amp;fit=crop&amp;h=200&amp;ixlib=php-3.3.1&amp;w=300 300w, https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-natural-V3.png?auto=format%2Ccompress&amp;fit=crop&amp;h=682&amp;ixlib=php-3.3.1&amp;w=1024 1024w, https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-natural-V3.png?auto=format%2Ccompress&amp;fit=crop&amp;h=512&amp;ixlib=php-3.3.1&amp;w=768 768w, https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-natural-V3.png?auto=format%2Ccompress&amp;fit=crop&amp;h=1024&amp;ixlib=php-3.3.1&amp;w=1536 1536w, https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/05\/Profile-5-40x20-natural-V3.png?auto=format%2Ccompress&amp;fit=crop&amp;h=12&amp;ixlib=php-3.3.1&amp;w=18 18w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure><div class=\"elementor-image-box-content\"><p class=\"elementor-image-box-description\">Line 5 profiles from item are available with closed grooves in a variety of arrangements. The profile wall can be opened up partially or completely so that the groove underneath can be used.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b42358a elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b42358a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b68d8d elementor-widget elementor-widget-heading\" data-id=\"5b68d8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Accessories<\/h2>\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-016b2be e-grid e-con-boxed e-con e-child\" data-id=\"016b2be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6c4af1 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"b6c4af1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/cap-5-40x20-black\/\" tabindex=\"-1\"><img decoding=\"async\" width=\"250\" height=\"250\" src=\"https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/04\/Cap-5-40x20-black-V5.png?auto=format%2Ccompress&amp;ixlib=php-3.3.1\" class=\"attachment-medium_large size-medium_large wp-image-8295\" alt=\"\" srcset=\"https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/04\/Cap-5-40x20-black-V5.png?auto=format%2Ccompress&amp;ixlib=php-3.3.1&amp;w=250 250w, https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/04\/Cap-5-40x20-black-V5.png?auto=format%2Ccompress&amp;fit=crop&amp;h=150&amp;ixlib=php-3.3.1&amp;w=150 150w, https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/04\/Cap-5-40x20-black-V5.png?auto=format%2Ccompress&amp;fit=crop&amp;h=12&amp;ixlib=php-3.3.1&amp;w=12 12w\" sizes=\"(max-width: 250px) 100vw, 250px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\"><a href=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/cap-5-40x20-black\/\">Cap 5 40\u00d720, black<\/a><\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a28da8f elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"a28da8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/cap-5-40x20-esd-black\/\" tabindex=\"-1\"><img loading=\"lazy\" decoding=\"async\" width=\"250\" height=\"250\" src=\"https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/04\/Cap-5-40x20-ESD-black-V5.png?auto=format%2Ccompress&amp;ixlib=php-3.3.1\" class=\"attachment-medium_large size-medium_large wp-image-8296\" alt=\"\" srcset=\"https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/04\/Cap-5-40x20-ESD-black-V5.png?auto=format%2Ccompress&amp;ixlib=php-3.3.1&amp;w=250 250w, https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/04\/Cap-5-40x20-ESD-black-V5.png?auto=format%2Ccompress&amp;fit=crop&amp;h=150&amp;ixlib=php-3.3.1&amp;w=150 150w, https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/04\/Cap-5-40x20-ESD-black-V5.png?auto=format%2Ccompress&amp;fit=crop&amp;h=12&amp;ixlib=php-3.3.1&amp;w=12 12w\" sizes=\"(max-width: 250px) 100vw, 250px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\"><a href=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/cap-5-40x20-esd-black\/\">Cap 5 40\u00d720 ESD, black<\/a><\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f8beabb elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"f8beabb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/cap-5-40x20-grey-similar-to-ral-7042\/\" tabindex=\"-1\"><img loading=\"lazy\" decoding=\"async\" width=\"250\" height=\"250\" src=\"https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/04\/Cap-5-40x20-grey-similar-to-RAL-7042-V5.png?auto=format%2Ccompress&amp;ixlib=php-3.3.1\" class=\"attachment-medium_large size-medium_large wp-image-8294\" alt=\"\" srcset=\"https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/04\/Cap-5-40x20-grey-similar-to-RAL-7042-V5.png?auto=format%2Ccompress&amp;ixlib=php-3.3.1&amp;w=250 250w, https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/04\/Cap-5-40x20-grey-similar-to-RAL-7042-V5.png?auto=format%2Ccompress&amp;fit=crop&amp;h=150&amp;ixlib=php-3.3.1&amp;w=150 150w, https:\/\/zhss.imgix.net\/wp-content\/uploads\/2026\/04\/Cap-5-40x20-grey-similar-to-RAL-7042-V5.png?auto=format%2Ccompress&amp;fit=crop&amp;h=12&amp;ixlib=php-3.3.1&amp;w=12 12w\" sizes=\"(max-width: 250px) 100vw, 250px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\"><a href=\"https:\/\/zhss.org\/metals\/aluminium\/aluminium-sections\/cap-5-40x20-grey-similar-to-ral-7042\/\">Cap 5 40\u00d720, grey similar to RAL 7042<\/a><\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Variants Variant Length (mm) Grooves Colour Length: Grooves: Colour: Profile 5 40&#215;20, natural Open Aluminium, natural Profile 5 40&#215;20, black Open Black Profile 5 40&#215;20 2N, natural 1 side closed Aluminium, natural Profile 5 40&#215;20 2N180, natural 2 sides closed (180\u00b0) Aluminium, natural Profile 5 40&#215;20 3N90, natural 2 sides closed (90\u00b0) Aluminium, natural Profile [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6819,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37],"tags":[],"class_list":["post-9731","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aluminium-sections"],"_links":{"self":[{"href":"https:\/\/zhss.org\/de\/wp-json\/wp\/v2\/posts\/9731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zhss.org\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zhss.org\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zhss.org\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zhss.org\/de\/wp-json\/wp\/v2\/comments?post=9731"}],"version-history":[{"count":10,"href":"https:\/\/zhss.org\/de\/wp-json\/wp\/v2\/posts\/9731\/revisions"}],"predecessor-version":[{"id":9759,"href":"https:\/\/zhss.org\/de\/wp-json\/wp\/v2\/posts\/9731\/revisions\/9759"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zhss.org\/de\/wp-json\/wp\/v2\/media\/6819"}],"wp:attachment":[{"href":"https:\/\/zhss.org\/de\/wp-json\/wp\/v2\/media?parent=9731"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zhss.org\/de\/wp-json\/wp\/v2\/categories?post=9731"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zhss.org\/de\/wp-json\/wp\/v2\/tags?post=9731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}