ROCKBROOK BX1030 40L Aluminium Sliding Table Box
6/10

ROCKBROOK BX1030 40L Aluminium Sliding Table Box

QuickOpen 40L Aluminium Storage with Folding Legs, Lightweight, Expandable, CarReady

$266.82
$293.20
-$26.38
Color:  Black
Quantity
Sku : BX1030BK
Weight : 8kg
Barcode : 6975963791422
class SpzCustomDiscountFlashsale extends SPZ.BaseElement { constructor(element) { super(element); this.xhr_ = SPZServices.xhrFor(this.win); this.getFlashSaleApi = "\/api\/storefront\/promotion\/flashsale\/display_setting\/product_setting"; this.timer = null; this.variantId = "1562c17c-265a-4508-9a70-fcb2c9013e4d"; // 促销活动数据 this.flashsaleData = {} } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } buildCallback() { this.templates_ = SPZServices.templatesForDoc(); this.viewport_ = this.getViewport(); // 挂载bind函数 解决this指向问题 this.render = this.render.bind(this); this.resize = this.resize.bind(this); this.switchVariant = this.switchVariant.bind(this); } mountCallback() { // 获取数据 this.getData(); this.element.onclick = (e) => { const cur = this.win.document.querySelector(".app_discount_flashsale_desc"); if (this.flashsaleData.product_setting.is_redirection && appDiscountUtils.inProductBody(this.element) && e.target !== cur) { this.win.open(`/promotions/discount-default/${this.flashsaleData.discount_info.id}`); } } // 绑定 this.viewport_.onResize(this.resize); // 监听子款式切换，重新渲染 this.win.document.addEventListener('dj.variantChange', this.switchVariant); } unmountCallback() { // 解绑 this.viewport_.removeResize(this.resize); this.win.document.removeEventListener('dj.variantChange', this.switchVariant); // 清除定时器 if (this.timer) { clearTimeout(this.timer); this.timer = null; } } resize() { if (this.timer) { clearTimeout(this.timer) this.timer = null; } this.timer = setTimeout(() => { this.render(); }, 200) } switchVariant(event) { const variant = event.detail.selected; if (variant.product_id == '5bd657f3-3dfc-418a-872b-ce417365981c' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } getData() { const reqBody = { product_id: "5bd657f3-3dfc-418a-872b-ce417365981c", product_type: "default", variant_id: this.variantId } this.flashsaleData = {}; this.win.fetch(this.getFlashSaleApi, { method: "POST", body: JSON.stringify(reqBody), headers: { "Content-Type": "application/json" } }).then(async (response) => { if (response.ok) { this.flashsaleData = await response.json(); this.render(); } else { this.clearDom(); } }).catch(err => { this.clearDom(); }); } clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } render() { this.templates_ .findAndRenderTemplate(this.element, { isMobile: appDiscountUtils.judgeMobile(), isRTL: appDiscountUtils.judgeRTL(), inProductDetail: appDiscountUtils.inProductBody(this.element), flashsaleData: this.flashsaleData, image_domain: this.win.SHOPLAZZA.image_domain, }) .then((el) => { this.clearDom(); this.element.appendChild(el); }) } } SPZ.defineElement('spz-custom-discount-flashsale', SpzCustomDiscountFlashsale);
const TAG = "spz-custom-product-automatic"; class SpzCustomProductAutomatic extends SPZ.BaseElement { constructor(element) { super(element); this.variant_id = '1562c17c-265a-4508-9a70-fcb2c9013e4d'; this.isRTL = SPZ.win.document.dir === 'rtl'; this.isAddingToCart_ = false; // 加购中状态 } static deferredMount() { return false; } buildCallback() { this.action_ = SPZServices.actionServiceForDoc(this.element); this.templates_ = SPZServices.templatesForDoc(this.element); this.xhr_ = SPZServices.xhrFor(this.win); this.setupAction_(); this.viewport_ = this.getViewport(); } mountCallback() { this.init(); // 监听事件 this.bindEvent_(); } async init() { this.handleFitTheme(); const data = await this.getDiscountList(); this.renderApiData_(data); } async getDiscountList() { const productId = '5bd657f3-3dfc-418a-872b-ce417365981c'; const variantId = this.variant_id; const productType = 'default'; const reqBody = { product_id: productId, variant_id: variantId, discount_method: "DM_AUTOMATIC", customer: { customer_id: window.C_SETTINGS.customer.customer_id, email: window.C_SETTINGS.customer.customer_email }, product_type: productType } const url = `/api/storefront/promotion/display_setting/text/list`; const data = await this.xhr_.fetchJson(url, { method: "post", body: reqBody }).then(res => { return res; }).catch(err => { this.setContainerDisabled(false); }) return data; } async renderDiscountList() { this.setContainerDisabled(true); const data = await this.getDiscountList(); this.setContainerDisabled(false); // 重新渲染 抖动问题处理 this.renderApiData_(data); } clearDom() { const children = this.element.querySelector('*:not(template)'); children && SPZCore.Dom.removeElement(children); } async renderApiData_(data) { const parentDiv = document.querySelector('.automatic_discount_container'); const newTplDom = await this.getRenderTemplate(data); if (parentDiv) { parentDiv.innerHTML = ''; parentDiv.appendChild(newTplDom); } else { console.log('automatic_discount_container is null'); } } doRender_(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, renderData) .then((el) => { this.clearDom(); this.element.appendChild(el); }); } async getRenderTemplate(data) { const renderData = data || {}; return this.templates_ .findAndRenderTemplate(this.element, { ...renderData, isRTL: this.isRTL }) .then((el) => { this.clearDom(); return el; }); } setContainerDisabled(isDisable) { const automaticDiscountEl = document.querySelector('.automatic_discount_container_outer'); if(isDisable) { automaticDiscountEl.setAttribute('disabled', ''); } else { automaticDiscountEl.removeAttribute('disabled'); } } // 绑定事件 bindEvent_() { window.addEventListener('click', (e) => { let containerNodes = document.querySelectorAll(".automatic-container .panel"); let bool; Array.from(containerNodes).forEach((node) => { if(node.contains(e.target)){ bool = true; } }) // 是否popover面板点击范围 if (bool) { return; } if(e.target.classList.contains('drowdown-icon') || e.target.parentNode.classList.contains('drowdown-icon')){ return; } const nodes = document.querySelectorAll('.automatic-container'); Array.from(nodes).forEach((node) => { node.classList.remove('open-dropdown'); }) // 兼容主题 this.toggleProductSticky(true); }) // 监听变体变化 document.addEventListener('dj.variantChange', async(event) => { // 重新渲染 const variant = event.detail.selected; if (variant.product_id == '5bd657f3-3dfc-418a-872b-ce417365981c' && variant.id != this.variant_id) { this.variant_id = variant.id; this.renderDiscountList(); } }); } // 兼容主题 handleFitTheme() { // top 属性影响抖动 let productInfoEl = null; if (window.SHOPLAZZA.theme.merchant_theme_name === 'Wind' || window.SHOPLAZZA.theme.merchant_theme_name === 'Flash') { productInfoEl = document.querySelector('.product-info-body .product-sticky-container'); } else if (window.SHOPLAZZA.theme.merchant_theme_name === 'Hero') { productInfoEl = document.querySelector('.product__info-wrapper .properties-content'); } if(productInfoEl){ productInfoEl.classList.add('force-top-auto'); } } // 兼容 wind/flash /hero 主题 (sticky属性影响 popover 层级展示, 会被其他元素覆盖) toggleProductSticky(isSticky) { let productInfoEl = null; if (window.SHOPLAZZA.theme.merchant_theme_name === 'Wind' || window.SHOPLAZZA.theme.merchant_theme_name === 'Flash') { productInfoEl = document.querySelector('.product-info-body .product-sticky-container'); } else if (window.SHOPLAZZA.theme.merchant_theme_name === 'Hero') { productInfoEl = document.querySelector('.product__info-wrapper .properties-content'); } if(productInfoEl){ if(isSticky) { // 还原该主题原有的sticky属性值 productInfoEl.classList.remove('force-position-static'); return; } productInfoEl.classList.toggle('force-position-static'); } } setupAction_() { this.registerAction('handleDropdown', (invocation) => { const discount_id = invocation.args.discount_id; const nodes = document.querySelectorAll('.automatic-container'); Array.from(nodes).forEach((node) => { if(node.getAttribute('id') != `automatic-${discount_id}`) { node.classList.remove('open-dropdown'); } }) const $discount_item = document.querySelector(`#automatic-${discount_id}`); $discount_item && $discount_item.classList.toggle('open-dropdown'); // 兼容主题 this.toggleProductSticky(); }); // 加购事件 this.registerAction('handleAddToCart', (invocation) => { // 阻止事件冒泡 const event = invocation.event; if (event) { event.stopPropagation(); event.preventDefault(); } // 如果正在加购中，直接返回 if (this.isAddingToCart_) { return; } const quantity = invocation.args.quantity || 1; this.addToCart(quantity); }); } // 加购方法 async addToCart(quantity) { // 设置加购中状态 this.isAddingToCart_ = true; const productId = '5bd657f3-3dfc-418a-872b-ce417365981c'; const variantId = this.variant_id; const url = '/api/cart'; const reqBody = { product_id: productId, variant_id: variantId, quantity: quantity }; try { const data = await this.xhr_.fetchJson(url, { method: 'POST', body: reqBody }); // 触发加购成功提示 this.triggerAddToCartToast_(); return data; } catch (error) { error.then(err=>{ this.showToast_(err?.message || err?.errors?.[0] || 'Unknown error'); }) } finally { // 无论成功失败，都重置加购状态 this.isAddingToCart_ = false; } } showToast_(message) { const toastEl = document.querySelector("#apps-match-drawer-add_to_cart_toast"); if (toastEl) { SPZ.whenApiDefined(toastEl).then((apis) => { apis.showToast(message); }); } } // 触发加购成功提示 triggerAddToCartToast_() { // 如果主题有自己的加购提示，则不显示 const themeAddToCartToastEl = document.querySelector('#add-cart-event-proxy'); if (themeAddToCartToastEl) return; // 显示应用的加购成功提示 this.showToast_("Added successfully"); } triggerEvent_(name, data) { const event = SPZUtils.Event.create(this.win, `${ TAG }.${ name }`, data || {}); this.action_.trigger(this.element, name, event); } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } } SPZ.defineElement(TAG, SpzCustomProductAutomatic);
class SpzCustomDiscountBundle extends SPZ.BaseElement { constructor(element) { super(element); } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } mountCallback() {} unmountCallback() {} setupAction_() { this.registerAction('showAddToCartToast', () => { const themeAddToCartToastEl = document.querySelector('#add-cart-event-proxy') if(themeAddToCartToastEl) return const toastEl = document.querySelector('#apps-match-drawer-add_to_cart_toast') SPZ.whenApiDefined(toastEl).then((apis) => { apis.showToast("Added successfully"); }); }); } buildCallback() { this.setupAction_(); }; } SPZ.defineElement('spz-custom-discount-toast', SpzCustomDiscountBundle);

Description

Product Overview
The ROCKBROOK BX1030 40L Aluminium Table Box combines durability, versatility, and convenience for outdoor enthusiasts. Featuring a quickopen sliding desktop and tactical folding legs, this lightweight aluminium storage box transforms into a ready-to-use workspace or dining surface in seconds.

Key Features

· QuickOpen Sliding Desktop: Instantly access your table surface or storage items with a smooth sliding mechanism.

· Expandable Storage: Attach MOLLE pouches on both sides to increase storage capacity for your gear.

· Lightweight & Durable: Constructed with premium aluminium alloy and stainless steel, ideal for frequent use and long-term vehicle storage.

· Portable & Practical: Compact design with folding legs makes it easy to carry, store, or set up anywhere.

· Versatile Use: Perfect as a high-end everyday car companion, suitable for spontaneous stops, outdoor picnics, or temporary workstations.

Specifications

· Storage Capacity: 40 Liters

· Materials: Aluminium Alloy, Stainless Steel

· Includes: Sliding Desktop, Tactical Folding Stand Legs

· Design: Quick Opening Slide Desktop

Why Choose ROCKBROOK BX1030?
Whether you are parking by the roadside, camping, or enjoying a day outdoors, this box keeps your essentials organized and ready. Its sleek, minimalist design ensures it fits seamlessly in your trunk while providing premium, practical functionality. The BX1030 is the ultimate portable, car-ready lifestyle gear for those who value convenience, quality, and flexibility.

Ideal For

· Long-term car storage

· Outdoor adventures and picnics

· Quick setup for spontaneous activities

· High-frequency use and daily convenience

Featured collection

View more
View more
ROCKBROOK BX1026 30L DIY Portable Overland Kitchen Box $300.20
ROCKBROOK BX1026 30L DIY Portable Overland Kitchen Box
$300.20 $329.89 Save $29.69
ROCKBROOK BX1025 50L Camping Kitchen Box with Foldable Stand $352.89
ROCKBROOK BX1025 50L Camping Kitchen Box with Foldable Stand
$352.89 $387.79 Save $34.90
ROCKBROOK BX1024 50L Outdoor Kitchen Storage Box with Lid $299.20
ROCKBROOK BX1024 50L Outdoor Kitchen Storage Box with Lid
$299.20 $328.79 Save $29.59
ROCKBROOK BX1030 40L Aluminium Sliding Table Box $266.82
ROCKBROOK BX1030 40L Aluminium Sliding Table Box
$266.82 $293.20 Save $26.38
ROCKBROOK BX1027 60L Camping Gear Storage Box with Side Open Door $405.03
ROCKBROOK BX1027 60L Camping Gear Storage Box with Side Open Door
$405.03 $445.09 Save $40.06
ROCKBROOK BX1029 50L Custom Aluminum Camping Organizer Box $427.87
ROCKBROOK BX1029 50L Custom Aluminum Camping Organizer Box
$427.87 $470.19 Save $42.32
ROCKBROOK BX1019 30L Lightweight Scout Chuck Box with Legs $213.48
ROCKBROOK BX1019 30L Lightweight Scout Chuck Box with Legs
$213.48 $234.59 Save $21.11
ROCKBROOK 50L Aluminium Chuck Box for DIY Camping Up to BX1018D $269.90
ROCKBROOK 50L Aluminium Chuck Box for DIY Camping Up to BX1018D
$269.90 $296.59 Save $26.69
BX1023D 50L (BODY57X38X28CM) BLACK Aluminium Wagon Box: Side Table x 2 / Sliding Cover / Wheel x 6 / Baseball Bar x 1 ( SUPPERPLAY ) $1,035.30
BX1023D 50L (BODY57X38X28CM) BLACK Aluminium Wagon Box: Side Table x 2 / Sliding Cover / Wheel x 6 / Baseball Bar x 1 ( SUPPERPLAY )
$1,035.30 $1,137.69 Save $102.39
ROCKBROOK 32QT Floating Cooler for River & Pool – CB8001 $282.00
ROCKBROOK 32QT Floating Cooler for River & Pool – CB8001
$282.00 $309.89 Save $27.89
ROCKBROOK BX1028V3 Motorcycle Top Box with Side Tables $272.29
ROCKBROOK BX1028V3 Motorcycle Top Box with Side Tables
from $272.29 $299.20 Save $26.91
ROCKBROOK BX1031 Large Roof Box - Car Vehicle Top Cargo Storage $621.00
ROCKBROOK BX1031 Large Roof Box - Car Vehicle Top Cargo Storage
from $621.00 $682.00 Save $61.00
ROCKBROOK ST0000 Vintage Portable Kerosene Heater Stove $141.20
ROCKBROOK ST0000 Vintage Portable Kerosene Heater Stove
$141.20 $155.20 Save $14.00
ROCKBROOK ST0001 Portable Antique Kerosene Heater $141.25
ROCKBROOK ST0001 Portable Antique Kerosene Heater
$141.25 $155.20 Save $13.95
ROCKBROOK SV9002 Portable Propane Gas Camping Stove with Ignitor $44.03
ROCKBROOK SV9002 Portable Propane Gas Camping Stove with Ignitor
$44.03 $48.39 Save $4.36
ROCKBROOK BX1010S 20L Small Aluminium Storage Case with Handle $126.30
ROCKBROOK BX1010S 20L Small Aluminium Storage Case with Handle
$126.30 $138.79 Save $12.49