Produkttyp
Andere Oberflächenmuster sind auf Anfrage nach individueller Prüfung erhältlich, dieser Konfigurator ist jedoch auf das Grip Strut Style Krokodilmaul-Sicherheitsstufenprofil spezialisiert.
914 mm ist die Standardreferenzlänge. Individuelle Längen werden nach werkseitiger Prüfung angeboten.
241 mm ist die Standardreferenzbreite. Individuelle Breiten werden nach werkseitiger Prüfung angeboten.
38 mm ist die Standard-Seitenkanalhöhe. Individuelle Höhen werden nach werkseitiger Prüfung angeboten.
Der obere Überstand wird durch das Werkzeug und den Umformprozess bestimmt. Wird bei Sondergrößen werkseitig bestätigt.
3,0 mm Aluminium ist die Hauptoption. Andere Stärken werden nach werkseitiger Prüfung angeboten.
Aluminium hat ein geringeres Stückgewicht als Stahl und wird für versandempfindliche Sonderstufenprofil-Bestellungen empfohlen.
Dieser Konfigurator ist auf das Grip Strut Style Krokodilmaul-Sicherheitsstufenprofil spezialisiert. Andere Oberflächenmuster sind nach separater werkseitiger Prüfung erhältlich.
So funktioniert es
Konfigurieren
Set dimensions, material & quantity
Schätzung ansehen
Referenz-Karton-Schätzung
Spezifikation senden
WhatsApp oder E-Mail mit einem Klick
Angebot erhalten
Bestätigter Preis innerhalb 24h
Häufig gestellte Fragen
Ist der Konfigurator-Preis endgültig?
Nein. Der Konfigurator zeigt nur Referenzschätzungen pro Karton an. Das endgültige Lieferangebot hängt von Postleitzahl, Material, tatsächlichem Bruttogewicht, Kartonanzahl, Lochlayout, Zuschlag für entlegene Gebiete und verfügbarer Frachtroute ab.
Was ist die Standard-Aluminiumkonfiguration?
Die Standard-Referenzkonfiguration beträgt 914 mm Länge × 241 mm Breite × 38 mm Seitenkanalhöhe, mit ca. 11 mm Überstand und 3,0 mm Aluminiumdicke. Standardverpackung ist 5 Stück pro Karton.
Wo befinden sich die Befestigungslöcher?
Das Standardprodukt hat insgesamt 4 Befestigungslöcher an den kurzen Enden. Jede kurze Seitenplatte hat 1 Rundloch und 1 Langloch. Die langen Seitenkanäle haben beim Standardprodukt keine Löcher.
Können Löcher an der Längsseite hinzugefügt werden?
Ja. Langlöcher, zusätzliche Löcher, unterschiedliche Lochabstände oder kundenspezifische Lochlayouts können als Sonder- / OEM-Bestellung angeboten werden. Senden Sie Ihre Zeichnung, Lochgröße, Lochabstand, Material, Menge und Ziel-Postleitzahl zur Werksprüfung.
Welches Material soll ich wählen?
3,0 mm Aluminium ist die Hauptoption für versandempfindliche kundenspezifische Trittstufenbestellungen. Die aktuelle Q235B verzinkte Stahlmustercharge ist nur per Fast Air DDP verfügbar. Feuerverzinkte Ausführung und 304 / 316 Edelstahl können für rauere oder korrosionsempfindliche Umgebungen angeboten werden.
Kann ich die DXF direkt für die Produktion verwenden?
Nein. Die exportierte DXF ist nur ein Referenzentwurf. Die endgültige Produktionszeichnung, das Lochlayout, die Biegedetails und die Produktionsmachbarkeit müssen vor der Produktion von unserem Werksteam bestätigt werden.
Sind die Kanten sicher zu handhaben?
Metallkanten und erhabene Zähne können scharf sein. Tragen Sie schnittfeste Handschuhe bei Handhabung und Installation. Der Käufer sollte die Eignung für die endgültige Anwendung und Installationsmethode bestätigen.
Was ist die MOQ für Sonder- / OEM-Anfertigungen?
Sondergrößen oder kundenspezifische Lochlayouts beginnen in der Regel ab 100 Stück, abhängig von Zeichnung, Größe, Lochmuster, Material, Umformbarkeit und Verpackungsanforderungen.
Engineering & BIM Ressourcen
Planen Sie einen Gehweg, eine Plattform oder eine Treppe? Erhalten Sie die technischen Daten, die Sie benötigen, um die Grip-Strut-Trittstufe direkt in Ihr Modell und Ausschreibungspaket zu integrieren — Kanaltiefe, offene Fläche, Befestigungslochlayout und Lastrichtung, geliefert für Ihre genaue Konfiguration.
2D Maßzeichnungen
PDF / DWG Werkstattzeichnungen mit Breite, Länge, Kanaltiefe, Plankenabstand und Schraubenlochabstand, bemessen nach Ihrer gewählten Spezifikation.
3D / BIM Modelle
STEP / IGES Volumenmodelle und 2D/3D-Referenzdateien auf Anfrage, damit die konfigurierte Planke in der richtigen Größe und Gewicht in Ihrem Strukturmodell landet.
Spezifikations- & Einreichungsblatt
Ein einzelnes Einreichungsblatt mit Materialgüte, Oberfläche, Oberflächenmuster und Spannrichtung — kann nach Werksprüfung oder Genehmigungspaket erstellt werden.
Benötigen Sie Zeichnungen für Ihre Konfiguration?
Konfigurieren your step tread above, then request the matching drawing pack. We prepare 2D/3D files and the submittal sheet for your exact width, length, gauge and material.
Zeichnungspaket anfordernSpezifikationen auf einen Blick
Kurzreferenz für Sicherheits-Trittstufen im Grip-Strut-Stil, konfigurierbar und direkt ab Werk von Leading Top Union versendet.
Breitenbereich
Standardreferenz: 241 mm. Sonderbreiten werden nach Werksprüfung für spezifische Anwendungen angeboten.
Längenbereich
Standardreferenz: 914 mm. Sonderlängen werden nach Werksprüfung für spezifische Anwendungen angeboten.
Kanaltiefe
Standardreferenz: 38 mm. Sondertiefen werden nach Werksprüfung angeboten.
Stärke / Dicke
Stärke 16, 14, 13, 12, 10, 8. 12 ga (ca. 2,7 mm) ist die Standardwahl für Industriestufen.
Materialien
3,0 mm Aluminium (Hauptoption), 5052/6061 Aluminium (~45% des Stahlgewichts), 304/316 Edelstahl für korrosive Umgebungen.
Oberflächenmuster
Serrated crocodile-mouth anti-slip. 3-diamond (7″) in-stock standard; 5-diamond (11¾″) and perforated made to order.
Packaging
5 Stück pro Karton, ca. 24 kg Brutto pro Karton bei Standard 11,75″ × 12 ft, 12 ga verzinkt.
Lieferzeit
Lagerbestand: 2-3 Tage Produktion. US-West-Lieferung 25-35 Tage Seefracht oder 7-12 Tage Luftfracht DDP. Großbestellungen ab 50 Stück, Sonderanfertigung/OEM ab 100 Stück.
Preise
Verzinktes Muster: Fast Air DDP $539/Karton (6 Stk., 7–14 Tage). Bulk Ocean DDP ab $429/Karton mit Rostschutzbehandlung — Fracht, Zoll, Endlieferung inklusive.
Get Quick QuoteFast Response // ── Imports ── import * as THREE from 'https://esm.sh/three@0.160.0'; import { OrbitControls } from 'https://esm.sh/three@0.160.0/examples/jsm/controls/OrbitControls.js?bundle'; // ── State ── let scene, camera, renderer, controls, plateMesh, plateGroup; let animId = null; let wIn = 9.5, lFt = 3, depthIn = 1.5, material = 'aluminum', hasFlange = true; const matColors = { 'steel': new THREE.Color('#a8b4bc'), 'aluminum': new THREE.Color('#d4d8dd'), '304': new THREE.Color('#ccd0d4'), 'stainless': new THREE.Color('#ccd0d4'), }; // ── AlphaMap Generator — surface-aware hole pattern ── // surface: 'serrated-3' | 'serrated' | 'perforated' | 'traction' // 缓存避免每次滑块变化都重新生成 const _alphaCache = {}; function generateAlphaMap(plateW, plateL, surface) { const cacheKey = plateW.toFixed(1) + "_" + plateL.toFixed(1) + "_" + surface; if (_alphaCache[cacheKey]) return _alphaCache[cacheKey]; const SIZE = 512; // 从2048降至512，速度提升16倍 const cv = document.createElement('canvas'); cv.width = SIZE; cv.height = SIZE; const ctx = cv.getContext('2d'); ctx.fillStyle = '#ffffff'; ctx.fillRect(0, 0, SIZE, SIZE); ctx.fillStyle = '#000000'; const MAX_CELLS = 50; // 限制最大网格数，防止超长板阻塞 const scale = SIZE / Math.max(plateW, plateL); const s = surface || 'serrated-3'; if (s.indexOf('perf') > -1) { const r = 0.35 * scale, gap = 0.7 * scale; let cols = Math.floor(plateW * scale / (r*2 + gap)); let rows = Math.floor(plateL * scale / (r*2 + gap)); if (cols * rows > MAX_CELLS * MAX_CELLS) { const ratio = Math.sqrt(MAX_CELLS*MAX_CELLS/(cols*rows)); cols = Math.max(2, Math.floor(cols*ratio)); rows = Math.max(2, Math.floor(rows*ratio)); } const ox = (SIZE - cols*(r*2+gap) + gap)/2, oy = (SIZE - rows*(r*2+gap) + gap)/2; for (let row = 0; row < rows; row++) { const stagger = (row % 2) * (r + gap/2); for (let col = 0; col < cols; col++) { ctx.beginPath(); ctx.arc(ox + col*(r*2+gap) + stagger + r, oy + row*(r*2+gap) + r, r, 0, Math.PI*2); ctx.fill(); } } } else if (s.indexOf('traction') > -1) { const r = 0.2 * scale, gap = 0.4 * scale; let cols = Math.floor(plateW * scale / (r*2 + gap)); let rows = Math.floor(plateL * scale / (r*2 + gap)); if (cols * rows > MAX_CELLS * MAX_CELLS) { const ratio = Math.sqrt(MAX_CELLS*MAX_CELLS/(cols*rows)); cols = Math.max(2, Math.floor(cols*ratio)); rows = Math.max(2, Math.floor(rows*ratio)); } const ox = (SIZE - cols*(r*2+gap) + gap)/2, oy = (SIZE - rows*(r*2+gap) + gap)/2; for (let row = 0; row < rows; row++) { for (let col = 0; col < cols; col++) { ctx.beginPath(); ctx.arc(ox + col*(r*2+gap) + r, oy + row*(r*2+gap) + r, r, 0, Math.PI*2); ctx.fill(); } } } else { const mw = 1.45 * scale, mh = 0.70 * scale; const hgap = 0.50 * scale, vgap = 1.55 * scale; let cols = Math.floor(plateW * scale / (mw + hgap)); let rows = Math.floor(plateL * scale / vgap); if (cols * rows > MAX_CELLS * MAX_CELLS) { const ratio = Math.sqrt(MAX_CELLS*MAX_CELLS/(cols*rows)); cols = Math.max(2, Math.floor(cols*ratio)); rows = Math.max(2, Math.floor(rows*ratio)); } const ox = (SIZE - (cols*(mw+hgap) - hgap))/2, oy = (SIZE - rows*vgap)/2; const nw = mw * 0.38; // width of narrow tip zone for (let row = 0; row < rows; row++) { const stagger = (row % 2) * (mw + hgap)/2; for (let col = 0; col < cols; col++) { const cx = ox + col*(mw+hgap) + stagger + mw/2; const cy = oy + row*vgap + mh/2; const lx = cx - mw/2, rx = cx + mw/2; const ty = cy - mh/2, by = cy + mh/2; // Stretched hexagon — pointed ends, tapered middle ctx.beginPath(); ctx.moveTo(lx + nw, ty); ctx.lineTo(rx - nw, ty); ctx.quadraticCurveTo(rx - nw*0.4, cy - mh*0.08, rx - nw*0.12, cy); ctx.quadraticCurveTo(rx - nw*0.4, cy + mh*0.08, rx - nw, by); ctx.lineTo(lx + nw, by); ctx.quadraticCurveTo(lx + nw*0.4, cy + mh*0.08, lx + nw*0.12, cy); ctx.quadraticCurveTo(lx + nw*0.4, cy - mh*0.08, lx + nw, ty); ctx.closePath(); ctx.fill(); // Tiny serration bumps along the tapered edges const bw = mw * 0.04; for (let b = 1; b <= 2; b++) { const frac = b / 3; // Left top serration ctx.beginPath(); ctx.ellipse(lx + nw*(1-frac), ty + mh*0.08, bw*0.6, bw, -Math.PI*0.3, 0, Math.PI*2); ctx.fill(); // Left bottom serration ctx.beginPath(); ctx.ellipse(lx + nw*(1-frac), by - mh*0.08, bw*0.6, bw, Math.PI*0.3, 0, Math.PI*2); ctx.fill(); // Right top serration ctx.beginPath(); ctx.ellipse(rx - nw*(1-frac), ty + mh*0.08, bw*0.6, bw, -Math.PI*1.3, 0, Math.PI*2); ctx.fill(); // Right bottom serration ctx.beginPath(); ctx.ellipse(rx - nw*(1-frac), by - mh*0.08, bw*0.6, bw, Math.PI*1.3, 0, Math.PI*2); ctx.fill(); } } } } const tex = new THREE.CanvasTexture(cv); tex.wrapS = THREE.ClampToEdgeWrapping; tex.wrapT = THREE.ClampToEdgeWrapping; tex.minFilter = THREE.LinearMipmapLinearFilter; tex.magFilter = THREE.LinearFilter; tex.generateMipmaps = true; _alphaCache[cacheKey] = tex; return tex; } // ── 3D Scene Init ── function init3D() { const canvas = document.getElementById('viewer-3d'); if (!canvas) return; // Renderer renderer = new THREE.WebGLRenderer({ canvas, antialias: true, alpha: false }); renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2)); renderer.shadowMap.enabled = true; renderer.shadowMap.type = THREE.PCFSoftShadowMap; renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMappingExposure = 1.1; // Scene scene = new THREE.Scene(); scene.background = new THREE.Color('#1e293b'); scene.fog = new THREE.Fog('#1e293b', 3, 12); // Camera camera = new THREE.PerspectiveCamera(40, 1, 0.1, 20); camera.position.set(2.2, 1.6, 2.4); // Lights — 4-point studio setup for metallic surfaces const amb = new THREE.AmbientLight('#8899bb', 0.4); scene.add(amb); const key = new THREE.DirectionalLight('#ffffff', 1.6); key.position.set(4, 6, 3); key.castShadow = true; key.shadow.mapSize.set(1024,1024); key.shadow.camera.near=0.5; key.shadow.camera.far=20; key.shadow.camera.left=-5; key.shadow.camera.right=5; key.shadow.camera.top=5; key.shadow.camera.bottom=-5; scene.add(key); const fill = new THREE.DirectionalLight('#aaccff', 0.4); fill.position.set(-3, 1, -1); scene.add(fill); const rim = new THREE.DirectionalLight('#ffffff', 0.5); rim.position.set(0, 0.5, -3); scene.add(rim); const hemi = new THREE.HemisphereLight('#8899cc', '#334455', 0.25); scene.add(hemi); // Controls controls = new OrbitControls(camera, renderer.domElement); controls.enableDamping = true; controls.dampingFactor = 0.08; controls.minDistance = 1; controls.maxDistance = 8; controls.target.set(0, 0.05, 0); controls.update(); // Ground shadow receiver const groundGeo = new THREE.PlaneGeometry(10, 10); const groundMat = new THREE.ShadowMaterial({ opacity: 0.25 }); const ground = new THREE.Mesh(groundGeo, groundMat); ground.rotation.x = -Math.PI/2; ground.position.y = -0.6; ground.receiveShadow = true; scene.add(ground); // Plate group plateGroup = new THREE.Group(); scene.add(plateGroup); // Initial build buildModel(11.75, 12, 2.0, 'steel'); window.__threeReady = true; resize3D(); // Animation loop function loop() { animId = requestAnimationFrame(loop); controls.update(); renderer.render(scene, camera); } loop(); } function resize3D() { const canvas = document.getElementById('viewer-3d'); if (!canvas || !renderer) return; const w = canvas.clientWidth, h = canvas.clientHeight || w; if (canvas.width !== w || canvas.height !== h) { renderer.setSize(w, h, false); camera.aspect = w / Math.max(h, 1); camera.updateProjectionMatrix(); } } window.addEventListener('resize', resize3D); // ── Build 3D Model ── function buildModel(w, l, d, mat, surf) { wIn = w; lFt = l; depthIn = d; material = mat; surf = surf || 'serrated-3'; if (!plateGroup) return; // Clear old while (plateGroup.children.length) plateGroup.remove(plateGroup.children[0]); // Convert inches/feet → meters const W = w * 0.0254; const L = l * 0.3048; const t = 0.003; // plate thickness ~12ga const D = d * 0.0254; // channel depth // AlphaMap for croc-mouth holes const alphaTex = generateAlphaMap(W * 39.37, L * 39.37, (typeof selSurface !== 'undefined' ? selSurface : 'serrated-3')); // Material const pMat = new THREE.MeshStandardMaterial({ color: matColors[mat] || matColors['steel'], metalness: 0.85, roughness: 0.35, alphaMap: alphaTex, alphaTest: 0.15, side: THREE.DoubleSide, transparent: true, envMapIntensity: 0.3, }); // Main plate (top surface) const plateGeo = new THREE.PlaneGeometry(L, W, 1, 1); const plate = new THREE.Mesh(plateGeo, pMat); plate.rotation.x = -Math.PI/2; plate.position.y = t/2; plate.castShadow = true; plate.receiveShadow = true; plateGroup.add(plate); // Bottom plate (closed back) const botGeo = new THREE.PlaneGeometry(L, W, 1, 1); const botMat = new THREE.MeshStandardMaterial({ color: matColors[mat] || matColors['steel'], metalness: 0.8, roughness: 0.55 }); const bot = new THREE.Mesh(botGeo, botMat); bot.rotation.x = -Math.PI/2; bot.position.y = -t/2; bot.receiveShadow = true; plateGroup.add(bot); // Side channels (U-bend edges) const chMat = new THREE.MeshStandardMaterial({ color: new THREE.Color('#8a9299'), metalness: 0.7, roughness: 0.5 }); const chT = 0.004; // Left + Right channels [[W/2, 0], [-W/2, Math.PI]].forEach(([zOff, ry]) => { const chGeo = new THREE.BoxGeometry(Math.max(0.01, L), Math.max(0.01, D), Math.max(0.001, chT)); const ch = new THREE.Mesh(chGeo, chMat); ch.position.set(0, -D/2, zOff); ch.castShadow = true; ch.receiveShadow = true; plateGroup.add(ch); }); // Front + Back channels [[L/2, 0], [-L/2, 0]].forEach(([xOff, _]) => { const chGeo = new THREE.BoxGeometry(Math.max(0.001, chT), Math.max(0.01, D), Math.max(0.01, W)); const ch = new THREE.Mesh(chGeo, chMat); ch.position.set(xOff, -D/2, 0); ch.castShadow = true; ch.receiveShadow = true; plateGroup.add(ch); }); // Wireframe overlay for grid feel const gridGeo = new THREE.PlaneGeometry(L*0.96, W*0.94, Math.max(2, Math.floor(L*6)), Math.max(2, Math.floor(W*3))); const gridMat = new THREE.MeshBasicMaterial({ color: '#667788', wireframe: true, transparent: true, opacity: 0.12 }); const grid = new THREE.Mesh(gridGeo, gridMat); grid.rotation.x = -Math.PI/2; grid.position.y = t/2 + 0.001; plateGroup.add(grid); } window.__rebuild3D = function() { const w = parseFloat((document.getElementById('cfg-w')||{}).value) || 241; const l = parseFloat((document.getElementById('cfg-l')||{}).value) || 914; const d = parseFloat((document.getElementById('cfg-d')||{}).value) || 38; const mat = ((document.getElementById('cfg-mat')||{}).value || 'steel').toLowerCase(); // Read surface from global selSurface for pattern switching if (typeof selSurface !== 'undefined') buildModel(w, l, d, mat, selSurface); else buildModel(w, l, d, mat); resize3D(); }; // ── DXF Export ── window.exportDXF = function() { const w = parseFloat((document.getElementById('cfg-w')||{}).value) || 241; const l = parseFloat((document.getElementById('cfg-l')||{}).value) || 914; // Convert to mm const mmW = Math.round(w * 25.4); const mmL = Math.round(l * 304.8); // Build DXF string manually (minimal valid DXF) const dxf = [ '0','SECTION','2','HEADER','0','ENDSEC', '0','SECTION','2','TABLES','0','ENDSEC', '0','SECTION','2','BLOCKS','0','ENDSEC', '0','SECTION','2','ENTITIES', // Outer rectangle (plate outline) '0','LWPOLYLINE','90','4','70','1','43','0.5', '10','0','20','0', '10', String(mmL), '20','0', '10', String(mmL), '20', String(mmW), '10','0','20', String(mmW), // Inner rectangle (bend line) '0','LWPOLYLINE','90','4','70','0','43','0.25', '10', String(Math.round(mmW*0.08)), '20', String(Math.round(mmW*0.08)), '10', String(mmL - Math.round(mmW*0.08)), '20', String(Math.round(mmW*0.08)), '10', String(mmL - Math.round(mmW*0.08)), '20', String(mmW - Math.round(mmW*0.08)), '10', String(Math.round(mmW*0.08)), '20', String(mmW - Math.round(mmW*0.08)), '0','ENDSEC', '0','EOF' ].join('\n'); const blob = new Blob([dxf], { type: 'application/dxf' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'LTU_Custom_Aluminum_Safety_Step_Tread_' + Math.round(l) + 'x' + Math.round(w) + 'x' + Math.round(d) + 'mm.dxf'; a.click(); URL.revokeObjectURL(url); }; // ── Area Calculator ── window.calcArea = function() { const w = parseFloat((document.getElementById('cfg-w')||{}).value) || 241; const l = parseFloat((document.getElementById('cfg-l')||{}).value) || 914; // Flat area in square meters: width(mm)*length(mm)/1000000 const areaSqM = (w * l) / 1000000; const areaSqFt = areaSqM * 10.764; return { sqm: areaSqM, sqft: areaSqFt }; }; // ── Start ── try { init3D(); } catch(e) { console.warn('3D viewer init failed (non-blocking):', e.message); } // Set initial area display (function(){ var a = window.calcArea(); if (a && document.getElementById('disp-area')) document.getElementById('disp-area').textContent = a.sqft.toFixed(2) + ' sq ft (' + a.sqm.toFixed(2) + ' m²)'; })();