TR8 PRO V2 Racing Simulator
TR8 PRO V2 Racing Simulator The TR8 PRO V2 is the upgraded iteration of TrakRacer's legendary TR8 platform — refined over 10,000+ owner builds. Strong, adjustable, and compatible w ith virtually every peripheral brand. Choose your frame color above, then configure your build below. Seat not included by default. .era-cfg-header{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);color:#fff;padding:20px 24px;border-radius:12px 12px 0 0;} .era-cfg-header h3{margin:0 0 4px;font-size:20px;font-weight:700;} .era-cfg-header p{margin:0;font-size:13px;color:#bbb;} .era-cfg-price-bar{display:flex;justify-content:space-between;align-items:center;background:#111;color:#fff;padding:14px 24px;position:sticky;top:0;z-index:10;} .era-cfg-price-bar .era-total{font-size:22px;font-weight:700;color:#ff4444;} .era-cfg-price-bar .era-addon-sum{font-size:13px;color:#aaa;} .era-cfg-body{border:1px solid #e0e0e0;border-top:none;border-radius:0 0 12px 12px;overflow:hidden;} .era-cfg-group{border-bottom:1px solid #eee;} .era-cfg-group:last-child{border-bottom:none;} .era-cfg-group-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;cursor:pointer;background:#fafafa;transition:background .15s;user-select:none;} .era-cfg-group-head:hover{background:#f0f0f0;} .era-cfg-group-head .era-g-left{display:flex;align-items:center;gap:10px;} .era-cfg-group-head .era-g-icon{font-size:22px;} .era-cfg-group-head .era-g-name{font-size:15px;font-weight:600;color:#222;} .era-cfg-group-head .era-g-count{font-size:12px;color:#888;background:#eee;padding:2px 8px;border-radius:10px;} .era-cfg-group-head .era-g-arrow{font-size:14px;color:#999;transition:transform .2s;} .era-cfg-group-head.open .era-g-arrow{transform:rotate(180deg);} .era-cfg-group-body{display:none;padding:8px 16px 16px;} .era-cfg-group-body.open{display:block;} .era-cfg-opt{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:4px 0;border:2px solid #eee;border-radius:8px;cursor:pointer;transition:all .15s;background:#fff;} .era-cfg-opt:hover{border-color:#ccc;background:#f9f9f9;} .era-cfg-opt.selected{border-color:#ff4444;background:#fff5f5;} .era-cfg-opt.coming-soon{opacity:.55;cursor:default;} .era-cfg-opt .era-o-check{width:20px;height:20px;border:2px solid #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;font-size:14px;} .era-cfg-opt.selected .era-o-check{background:#ff4444;border-color:#ff4444;color:#fff;} .era-cfg-opt .era-o-img{width:56px;height:56px;object-fit:cover;border-radius:6px;background:#f0f0f0;flex-shrink:0;} .era-cfg-opt .era-o-info{flex:1;min-width:0;} .era-cfg-opt .era-o-name{font-size:14px;font-weight:500;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .era-cfg-opt .era-o-link{font-size:11px;color:#0066cc;text-decoration:none;} .era-cfg-opt .era-o-price{font-size:15px;font-weight:700;color:#e60000;white-space:nowrap;flex-shrink:0;} .era-cfg-opt .era-o-badge{font-size:11px;color:#888;background:#f0f0f0;padding:2px 8px;border-radius:10px;white-space:nowrap;} .era-cfg-atc{padding:16px 20px;background:#fff;border-top:1px solid #eee;} .era-cfg-btn{width:100%;padding:16px;font-size:18px;font-weight:700;background:#e60000;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .15s;} .era-cfg-btn:hover{background:#cc0000;} .era-cfg-btn:disabled{background:#999;cursor:not-allowed;} .era-cfg-summary{margin-top:12px;font-size:13px;color:#555;line-height:1.6;} 🏁 Configure Your Build Select add-ons to customize your simulator. All items ship together. $699.00 Select add-ons below Bundle TotalBase + selected add-ons Add Bundle to Cart No add-ons selected. (function(){ var BASE_VID = 47067393753245; var BASE_PRICE = 699.0; // may be expression for 3-tier products var STORE = "https://store.eragaming.gg"; var GROUPS = [{key:"wheel_mounts",name:"Wheel Mounts",icon:"\ud83c\udfae",type:"multi",options:[{label:"Fanatec DD Side Mount Bracket",vid:null,price:0,comingSoon:true},{label:"Universal DD Front Mount",vid:null,price:0,comingSoon:true},{label:"Asetek Universal DD Mount",vid:null,price:0,comingSoon:true},{label:"Moza Universal DD Mount",vid:null,price:0,comingSoon:true},{label:"Asetek DD Wheel Plate",vid:null,price:0,comingSoon:true},{label:"Simagic EVO Side Mount",vid:null,price:0,comingSoon:true}]},{key:"seats",name:"Seats",icon:"\ud83e\ude91",type:"multi",options:[{label:"GT Bucket Seat — Gloss Black",vid:null,price:0,comingSoon:true},{label:"GT Bucket Seat — Gloss Grey",vid:null,price:0,comingSoon:true},{label:"GT Bucket Seat — Pearlescent",vid:null,price:0,comingSoon:true},{label:"RS Rally Pro Sim Seat — Fiberglass",vid:null,price:0,comingSoon:true},{label:"RE2 Dual-Side Recliner Seat",vid:null,price:0,comingSoon:true},{label:"GT Rally-Pro Fibreglass — Carbon Fiber",vid:null,price:0,comingSoon:true},{label:"GT Pro Racing Seat — Fiberglass",vid:null,price:0,comingSoon:true},{label:"GT Style Fiberglass — Carbon Fiber",vid:null,price:0,comingSoon:true},{label:"Recliner Seat — Black/Red",vid:null,price:0,comingSoon:true},{label:"Recliner Seat — Black",vid:null,price:0,comingSoon:true},{label:"HSX Hybrid Formula Pro — BWT Alpine F1 Edition",vid:null,price:0,comingSoon:true},{label:"Formula/GT Hybrid Seat — Black",vid:null,price:0,comingSoon:true},{label:"GT Pro Racing Seat — Carbon Fiber",vid:null,price:0,comingSoon:true},{label:"HCF Carbon Fiber Hybrid Formula Pro Seat",vid:null,price:0,comingSoon:true},{label:"FCS Flight Simulator Control Seat",vid:null,price:0,comingSoon:true},{label:"Performance 4-Point Harness \u2014 Black",vid:48765573136541,price:60.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TR-SBELT-R_2__shopify_1e37d87a-7dd2-4bc0-ba3b-c99def6f5313.png?v=1786121442",handle:"4-point-racing-harness-for-sim-racing-flight-simulator-cockpits"},{label:"Performance 4-Point Harness \u2014 Red",vid:48765573169309,price:60.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TR-SBELT-R_2__shopify_1e37d87a-7dd2-4bc0-ba3b-c99def6f5313.png?v=1786121442",handle:"4-point-racing-harness-for-sim-racing-flight-simulator-cockpits"},{label:"Motorized Seat Slider",vid:null,price:0,comingSoon:true},{label:"Adjustable Recliner Seat Brackets",vid:null,price:0,comingSoon:true},{label:"Recliner Seat Bracket Set",vid:null,price:0,comingSoon:true},{label:"Bucket Seat Adjustable Brackets",vid:null,price:0,comingSoon:true}]},{key:"racing_bundles",name:"Racing Control Bundles",icon:"\ud83c\udfc1",type:"multi",options:[{label:"Simagic Alpha EVO Sport 9Nm Bundle",vid:null,price:0,comingSoon:true},{label:"Simagic Alpha EVO Pro 18Nm Bundle",vid:null,price:0,comingSoon:true},{label:"Simagic Alpha EVO Pro 18Nm Shifter Bundle",vid:null,price:0,comingSoon:true},{label:"Simagic Alpha EVO Pro 18Nm Shifter & Handbrake Bundle",vid:null,price:0,comingSoon:true},{label:"SC2 Bundle — Wheelbase / Wheel / Pedal Set",vid:null,price:0,comingSoon:true},{label:"SC2 Bundle — Wheelbase / Wheel / Pedals / Shifter",vid:null,price:0,comingSoon:true},{label:"SC2 Bundle — Wheelbase / Wheel / Pedals / Shifter / Handbrake",vid:null,price:0,comingSoon:true}]},{key:"shifters_hb",name:"Shifters & Handbrakes",icon:"\u2699\ufe0f",type:"multi",options:[{label:"BDH H2SQ Dual-Mode Shifter",vid:null,price:0,comingSoon:true},{label:"BDH ACTIVE SHIFTER",vid:null,price:0,comingSoon:true},{label:"BDH H1 SHIFTER",vid:null,price:0,comingSoon:true},{label:"BDH S1 SEQUENTIAL SHIFTER",vid:null,price:0,comingSoon:true},{label:"Conspit H3 Hydraulic Handbrake",vid:null,price:0,comingSoon:true},{label:"Heusinkveld Handbrake",vid:null,price:0,comingSoon:true},{label:"Heusinkveld MagShift Sequential Shifter",vid:null,price:0,comingSoon:true},{label:"Heusinkveld Handbrake & MagShift Bundle",vid:null,price:0,comingSoon:true},{label:"Simagic Q1S Sequential Shifter",vid:null,price:0,comingSoon:true},{label:"Simagic TB-1 Handbrake",vid:null,price:0,comingSoon:true},{label:"Simagic DS-8X Shifter",vid:null,price:0,comingSoon:true},{label:"Simagic DS-8X Shifter & TB-1 Handbrake Bundle",vid:null,price:0,comingSoon:true},{label:"VNM Rally & Drift Handbrake V1.5",vid:null,price:0,comingSoon:true},{label:"VNM Dual-Mode H-Pattern & Sequential Shifter",vid:null,price:0,comingSoon:true},{label:"VNM Shifter & Handbrake Bundle",vid:null,price:0,comingSoon:true}]},{key:"monitors",name:"Monitors & VR",icon:"\ud83d\udda5\ufe0f",type:"multi",options:[{label:"32\" QHD 180Hz IPS Gaming Monitor",vid:48765270098077,price:294.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/MONITOR32_Front_1.webp?v=1786117124",handle:"32-qhd-180hz-ips-gaming-monitor-sim-racing-flight-sim-display"},{label:"34\" Ultrawide UWQHD Curved Gaming Monitor",vid:47068513403037,price:394.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TR-M34A-1.webp?v=1786120180",handle:"34-ultrawide-uwqhd-165hz-1ms-qled-3440x1440-21-9-curved-gaming-monitor"},{label:"49\" Curved Super Ultrawide Gaming Monitor",vid:48765262135453,price:694.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TR-M49B_Logo.png?v=1786116939",handle:"49-curved-super-ultrawide-gaming-monitor-165hz-5120x1440-dqhd"},{label:"Pimax Crystal Light VR Headset",vid:null,price:0,comingSoon:true}]},{key:"monitor_stands",name:"Monitor Stands",icon:"\ud83d\udcfa",type:"multi",options:[{label:"Integrated Single Monitor Stand",vid:null,price:0,comingSoon:true},{label:"Large Freestanding Single Stand",vid:null,price:0,comingSoon:true},{label:"Large Freestanding Dual Stand",vid:48765470867613,price:414.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/MS-BDL.6.png?v=1786120314",handle:"freestanding-dual-2-monitor-stand-upgradeable-to-triple-up-to-80-display-for-sim-racing-flight-simulation-truck-simulators"},{label:"Small Freestanding Triple Stand (22\"\u201332\")",vid:48765452288157,price:354.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TM-B5-37-KIT.1_5791be70-2e87-4940-8a77-43ddd6f4484e.png?v=1786119900",handle:"freestanding-triple-3-monitor-stand-22-to-32-displays-for-sim-racing-flight-simulation-truck-simulators"},{label:"Large Freestanding Triple Stand (32\"\u201345\")",vid:48765451468957,price:354.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TM-B5-37-KIT.1.png?v=1786119885",handle:"freestanding-triple-3-monitor-stand-32-to-45-displays-for-sim-racing-flight-simulation-truck-simulators"},{label:"Large Freestanding Quad Stand",vid:48765449601181,price:494.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/MS-B34.1.png?v=1786119819",handle:"freestanding-quad-4-monitor-stand-up-to-80-display-for-sim-racing-flight-simulation-truck-simulators"},{label:"Freestanding Triple Stand \u2014 Extra Leg Support",vid:48765406576797,price:594.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/MS-FM-SIN-TR2-FM_06-min.png?v=1786119124",handle:"freestanding-triple-3-monitor-stand-with-extra-leg-supports-up-to-55-displays-for-sim-racing-flight-simulation-truck-simulators"},{label:"Freestanding Quad Stand \u2014 Extra Leg Support",vid:48765406773405,price:744.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/MS-FM-QD2-FM_06-min.png?v=1786119137",handle:"freestanding-quad-4-monitor-stand-with-extra-leg-supports-up-to-55-displays-for-sim-racing-flight-simulation-truck-simulators"},{label:"Variable VESA Adapter Kit (Triple)",vid:48765454712989,price:104.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TR-VARIABLE.1.png?v=1786119943",handle:"variable-adjustment-vesa-adapter-kit-tool-free-monitor-alignment-for-triple-monitor-stands"},{label:"Variable VESA Adapter Kit (Single)",vid:48765454745757,price:50.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TR-VARIABLE.1.png?v=1786119943",handle:"variable-adjustment-vesa-adapter-kit-tool-free-monitor-alignment-for-triple-monitor-stands"}]},{key:"shifter_hb",name:"Shifter & Handbrake Mounts",icon:"\ud83d\udd27",type:"multi",options:[{label:"Handbrake Mount \u2014 Right Side",vid:48765478666397,price:34.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TR-HBMN2_01_e5fe9f38-ba8c-4545-9f8c-affd317d7042.png?v=1786120362",handle:"tr-one-right-side-handbrake-mount-for-tr8-pro-extrusion-rigs"},{label:"L/R Shifter/Handbrake Upgrade Kit",vid:48765479452829,price:94.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TR-HBSM-L_04S_b51ca4e5-b2d5-4a39-b3a3-a52f3e32aa1c.png?v=1786120381",handle:"tr-one-shifter-handbrake-side-mount-upgrade-kit-left-right"}]},{key:"peripheral",name:"Peripheral Mounts",icon:"\u2328\ufe0f",type:"multi",options:[{label:"Universal Inverted Pedal Mount",vid:null,price:0,comingSoon:true},{label:"Tablet & Button Box Holder V2",vid:48765478535325,price:74.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TR-TSH4.2_73e8c64f-4d20-4111-9c23-fdbcddbe986d.png?v=1786120348",handle:"tablet-and-button-box-upgrade-mount-for-tr8-pro-and-alpine-racing-trx"},{label:"Keyboard & Mouse Side Mount",vid:48765431349405,price:124.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TR-KBMMS_02-min_c7d8ab14-3d30-4eb0-9799-d83adba90c05.png?v=1786119418",handle:"keyboard-mouse-side-mount-for-tr8-pro-trx-cockpits"},{label:"PC Control Box Shelf Mount",vid:48765468508317,price:114.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TR8-PCT_01_Shopify.png?v=1786120281",handle:"pc-shelf-mount-for-tr8-pro-trx-porsche-91xtr-racing-simulators"},{label:"Tablet · LCD · Button Box Upgrade Kit",vid:null,price:0,comingSoon:true},{label:"Center Flight Stick Mount",vid:48765407068317,price:94.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/FS-CST_01.png?v=1786119171",handle:"center-mount-flight-stick-bracket-for-sim-rigs"},{label:"Flight Sim Upgrade Mount (L/R HOTAS)",vid:48765494657181,price:104.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TR-FS025.png?v=1786120607",handle:"left-right-hotas-flight-sim-mounts-for-rs6-tr8-pro-fs3-cockpits"}]},{key:"motion",name:"Motion, Sound & Haptic",icon:"\ud83d\udd0a",type:"multi",options:[{label:"200W 2CH Bass Shaker Kit",vid:48765432201373,price:284.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/tr-bsa200kit_1.webp?v=1786119430",handle:"v2-pro-2ch-200w-low-frequency-class-d-amplifier-bass-shaker-kit-with-universal-rig-mount"},{label:"100W Pro Haptic Bass Shaker",vid:48765441048733,price:74.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TR-BSA200-KIT.2_553984eb-50fa-40d3-a7c0-3341a0f27d27.png?v=1786119608",handle:"100w-pro-haptic-bass-shaker"},{label:"40W 4CH Bass Shaker Kit",vid:null,price:0,comingSoon:true},{label:"10W Bass Shaker Kit (2-Pack)",vid:48765286613149,price:74.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TRR115_BS-10W_Top01_1x2_f0d8966a-0624-43be-9777-102e373a3d93.png?v=1786117558",handle:"10w-control-mount-bass-shaker-kit-set-of-2-for-pedals-shifter-handbrake-haptics"},{label:"ButtKicker Seat Shaker Mount",vid:48765467328669,price:24.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/fa35e68d69ace7509f6ef58585df951_1_73e041c0-0ca2-4e49-ba7c-1ed7b987c067.png?v=1786120254",handle:"buttkicker-seat-shaker-mount-for-tr8-tr8-pro-trx-aluminium-profile-rigs"},{label:"Qubic Seat Belt Tensioner w/ Bracket — Black",vid:null,price:0,comingSoon:true},{label:"Qubic Seat Belt Tensioner w/ Bracket — Red",vid:null,price:0,comingSoon:true},{label:"Simagic P-HPR Haptic Pedal Kit",vid:null,price:0,comingSoon:true},{label:"Simagic 2× P-HPR Haptic Pedal Kit",vid:null,price:0,comingSoon:true},{label:"Simagic 3× P-HPR Haptic Pedal Kit",vid:null,price:0,comingSoon:true},{label:"D-BOX G5 3DOF Motion System + Base",vid:48765462184093,price:4734.55,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/DBOX-3-BASE.5.1.png?v=1786120113",handle:"motion-system-with-3-motors-actuators-and-motion-sim-base"},{label:"D-BOX G5 4DOF Motion System + Base",vid:48765460938909,price:6064.55,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/DBOX-4-BASE.5.1.png?v=1786120091",handle:"motion-system-with-4-motors-actuators-and-motion-sim-base"},{label:"Underseat Bass Shaker Mount",vid:48765463101597,price:84.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TR-SHAPLATE3.2.png?v=1786120130",handle:"universal-bass-shaker-tactile-transducer-seat-mount"},{label:"Universal Bass Shaker Mount",vid:48765440360605,price:44.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/40_TR80-OFCPLATE2_02_Shopify_885af472-025d-4f91-af52-309078d76b43.png?v=1786119605",handle:"universal-bass-shaker-buttkicker-tactile-transducer-mount-for-sim-racing-flight-sim-rigs"},{label:"Vibration Isolation Kit",vid:null,price:0,comingSoon:true}]},{key:"addons",name:"Add-Ons",icon:"\u2795",type:"multi",options:[{label:"RGB Neon LED Floor Mat",vid:null,price:0,comingSoon:true},{label:"Premium Neoprene Floor Mat",vid:48765495509149,price:64.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/03_e6e7af9f-6b78-49b1-99ab-08ef25a22f41.png?v=1786120619",handle:"premium-neoprene-sim-racing-floor-mat"},{label:"Pedal Slider System",vid:48765511794845,price:104.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TR-PSLIDER2_FrontRight_2.webp?v=1786120766",handle:"quick-adjust-pedal-slider-system-for-rs6-tr8-pro-fs3-cockpits"},{label:"Freestanding Keyboard & Mouse Tray",vid:48765402415261,price:134.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TR-FLKBM_e01.png?v=1786119025",handle:"free-standing-adjustable-keyboard-mouse-tray-for-sim-racing-flight-sim-cockpits"},{label:"Caster Wheel & Brake Kit",vid:48765480337565,price:64.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/tr-wkit-2.2.png?v=1786120416",handle:"caster-wheel-brake-kit-for-tr8-pro-trx-aluminium-cockpits"},{label:"5-Speaker Mount Kit",vid:48765445865629,price:94.00,img:"https://cdn.shopify.com/s/files/1/0506/6922/4093/files/TR-SPMT-TR8-3_04-min.png?v=1786119741",handle:"5-speaker-mount-kit-for-tr8-pro-racing-simulator"},{label:"Universal VR/Headphone/Drink Holder",vid:null,price:0,comingSoon:true},{label:"Footrest",vid:null,price:0,comingSoon:true},{label:"2m LED Strip Light Set",vid:null,price:0,comingSoon:true}]}]; var selected = {}; // TR8 PRO V2: read selected variant from page at cart-add time // The Shopify theme updates input[name="id"] when user changes color variant function init(){ var body = document.getElementById("eraCfgBody"); if(!body) return; body.innerHTML = ""; GROUPS.forEach(function(g,gi){ selected[g.key] = {}; var div = document.createElement("div"); div.className = "era-cfg-group"; var headId = "eraGH_"+g.key; var bodyId = "eraGB_"+g.key; var isOpen = gi < 2; div.innerHTML = '' +''+g.icon+''+g.name+'' +''+g.options.length+' options' +'▼' +''; body.appendChild(div); var bodyEl = document.getElementById(bodyId); g.options.forEach(function(opt,oi){ var cs = opt.comingSoon; var el = document.createElement("div"); el.className = "era-cfg-opt"+(cs?" coming-soon":""); el.dataset.gkey = g.key; el.dataset.okey = oi; var imgHtml = opt.img ? '' : ''; var priceHtml = cs ? 'Coming Soon' : '+$'+opt.price.toFixed(2)+''; var linkHtml = (!cs && opt.handle) ? 'View product ↗' : ''; el.innerHTML = '' +imgHtml +''+opt.label+''+linkHtml+'' +priceHtml; if(!cs) el.onclick = function(){ eraToggleOpt(this,g,opt); }; bodyEl.appendChild(el); }); }); updateBar(); } window.eraToggleGroup = function(head,bodyId){ head.classList.toggle("open"); var b = document.getElementById(bodyId); if(b) b.classList.toggle("open"); }; function eraToggleOpt(el,g,opt){ var gSel = selected[g.key]; var key = opt.label; if(gSel[key]){ delete gSel[key]; el.classList.remove("selected"); el.querySelector(".era-o-check").textContent=""; } else{ gSel[key]={vid:opt.vid,price:opt.price,label:opt.label}; el.classList.add("selected"); el.querySelector(".era-o-check").textContent="✓"; } updateBar(); } function updateBar(){ var addAmt=0; Object.values(selected).forEach(function(g){ Object.values(g).forEach(function(o){ addAmt+=o.price; }); }); var total = BASE_PRICE + addAmt; var totalEl = document.getElementById("eraCfgTotal"); var addEl = document.getElementById("eraCfgAddon"); if(totalEl){ totalEl.textContent = "$" + total.toLocaleString("en-US",{minimumFractionDigits:2,maximumFractionDigits:2}); totalEl.dataset.addonAmt = addAmt; } if(addEl) addEl.textContent = addAmt>0 ? "+$"+addAmt.toLocaleString("en-US",{minimumFractionDigits:2,maximumFractionDigits:2})+" in add-ons" : "Select add-ons below"; updateSummary(); } function updateSummary(){ var lines=[]; Object.values(selected).forEach(function(g){ Object.values(g).forEach(function(o){ lines.push("✓ "+o.label+" (+$"+o.price.toFixed(2)+")"); }); }); var s = document.getElementById("eraCfgSummary"); if(s) s.innerHTML = lines.length ? lines.join("") : "No add-ons selected."; } window.eraAddToCart = function(){ var btn = document.getElementById("eraCfgBtn"); if(btn) btn.disabled = true; // Read currently selected Shopify variant (Black vs Gray) var baseVid = 47067393753245; var vidInput = document.querySelector('form[action="/cart/add"] input[name="id"]') || document.querySelector('form[action="/cart/add"] select[name="id"]') || document.querySelector('input[name="id"]') || document.querySelector('select[name="id"]'); if(vidInput && vidInput.value) baseVid = parseInt(vidInput.value); var items=[{id:baseVid,quantity:1}]; Object.values(selected).forEach(function(g){ Object.values(g).forEach(function(o){ items.push({id:o.vid,quantity:1}); }); }); fetch("/cart/add.js",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({items:items})}) .then(function(r){return r.json();}) .then(function(){ window.location.href="/cart"; }) .catch(function(e){ console.error("ERA cart error:",e); if(btn) btn.disabled=false; alert("Failed to add items to cart. Please try again."); }); }; if(document.readyState==="loading"){ document.addEventListener("DOMContentLoaded",init); } else { init(); } })(); /* ERA — hide native ATC form, lift variant select into configurator */ (function(){ function run(){ var form = document.querySelector('form[action^="/cart/add"], form[action="/cart/add"]'); var spBtn = document.querySelector('.shopify-payment-button'); var cfg = document.getElementById('era-configurator'); if(!cfg) return; var sel = form ? form.querySelector('select[name="id"]') : null; if(sel && sel.options.length > 1){ /* Multi-variant: lift the into the configurator */ var bar = document.createElement('div'); bar.id = 'era-variant-bar'; bar.style.cssText = [ 'padding:10px 20px 14px', 'background:#f4f4f4', 'border:1px solid #ddd', 'border-top:none', 'display:flex', 'align-items:center', 'gap:12px', ].join(';'); var lbl = document.createElement('span'); /* Try to find the option label from theme markup */ var optLabel = ''; var labelEl = form ? ( form.querySelector('[data-option-name], .product-form__option-name, .variant__button-wrap label, legend') ) : null; if(labelEl) optLabel = labelEl.textContent.trim(); if(!optLabel) optLabel = 'Select Bundle'; lbl.textContent = optLabel + ':'; lbl.style.cssText = 'font-size:13px;font-weight:700;color:#333;white-space:nowrap;flex-shrink:0;'; sel.style.cssText = [ 'flex:1', 'padding:9px 14px', 'font-size:14px', 'font-weight:600', 'border:2px solid #ddd', 'border-radius:8px', 'cursor:pointer', 'background:white', 'max-width:380px', ].join(';'); bar.appendChild(lbl); bar.appendChild(sel); /* MOVE — not clone — keeps original form sync */ /* Insert between header and price bar */ var priceBar = cfg.querySelector('.era-cfg-price-bar'); if(priceBar){ cfg.insertBefore(bar, priceBar); } else { cfg.appendChild(bar); } /* Keep hidden input in form updated so any other theme JS doesn't break */ sel.addEventListener('change', function(){ var hidden = form ? form.querySelector('input[name="id"]') : null; if(hidden) hidden.value = sel.value; }); } /* Hide the form and Shop Pay section */ if(form) form.style.display = 'none'; if(spBtn) spBtn.style.display = 'none'; /* Also hide any standalone payment / dynamic checkout containers */ var extras = document.querySelectorAll( '.payment-button-container, .shopify-payment-button__button, ' + '.dynamic-checkout__content, [data-shopify="payment-button"]' ); extras.forEach(function(el){ el.style.display = 'none'; }); } if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', run); } else { /* Small delay so theme variant JS has time to render select options */ setTimeout(run, 300); } })();
More you might like
Related
TR8 PRO V2 Racing Simulator
Related
TR8 Pro V2 Racing Simulator
Related
TR8 Pro V2 Racing Simulator
Related