ROCKBROOK BX1028 45L Motorcycle Top Box with Side Tables
1/14

ROCKBROOK BX1028 45L Motorcycle Top Box with Side Tables

Aluminum Motorcycle Top Box with Quick Release, 45L Storage & Dual Wing Side Tables

$265.44
$291.69
-$26.25
Quantity
Sku : BX1028
Weight : 9.8kg
Barcode : 6975963790630
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 = "48775cc6-b17d-4b2e-a159-0643b3bab8a1"; // 促销活动数据 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 == '6995ddc1-f0b6-4bc5-b407-63eec88160a9' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } getData() { const reqBody = { product_id: "6995ddc1-f0b6-4bc5-b407-63eec88160a9", 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 = '48775cc6-b17d-4b2e-a159-0643b3bab8a1'; this.isRTL = SPZ.win.document.dir === 'rtl'; } 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 = '6995ddc1-f0b6-4bc5-b407-63eec88160a9'; 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 == '6995ddc1-f0b6-4bc5-b407-63eec88160a9' && 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(); }); } 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);

Description

The ROCKBROOK BX1028 45L Motorcycle Top Box is designed for motorcycle riders who need durable, spacious, and secure storage. Made from high-quality aluminum alloy, this top box offers a 45L storage capacity for safely carrying your essentials on the go. The quick-release stainless steel chassis ensures easy installation and removal, while the dual wing side tables provide additional space for small items, making this top box both practical and convenient.

Features include:

  • Material: Durable aluminum alloy for a lightweight yet strong box, with rubber lining for secure storage and stainless steel clip locks for added security.
  • Quick Release: Easily remove and install the box with the included quick-release chassis.
  • Side Tables: Includes dual wing side tables to help you organize small items or provide additional workspace.
  • Locking System: Equipped with upper and lower locks and keys for enhanced security.
  • Accessories: Comes with installation accessories, safety backrest, warning stickers, and loading/unloading toolkits for your convenience.

This small motorcycle top box is ideal for riders seeking a compact and reliable solution to carry their gear safely while maintaining a sleek look. Whether you're traveling or just commuting, the ROCKBROOK BX1028 Motorcycle Top Box offers optimal storage capacity and convenience, ensuring that your belongings stay safe and secure.

Perfect for any motorcycle enthusiast looking to upgrade their ride with practical, high-quality storage that doesn’t sacrifice style for functionality.

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 32QT Floating Cooler for River & Pool – CB8001 $282.00
ROCKBROOK 32QT Floating Cooler for River & Pool – CB8001
$282.00 $309.89 Save $27.89
SECOND SC20 Coffee Making Kit & Brewing Set for Camping $178.53
SECOND SC20 Coffee Making Kit & Brewing Set for Camping
$178.53 $196.19 Save $17.66
ROCKBROOK BX1028 45L Motorcycle Top Box with Side Tables $265.44
ROCKBROOK BX1028 45L Motorcycle Top Box with Side Tables
$265.44 $291.69 Save $26.25
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
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 50L Truck Camping Box - Durable Aluminium Storage $128.94
ROCKBROOK 50L Truck Camping Box - Durable Aluminium Storage
$128.94 $141.69 Save $12.75
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
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 BX1013 84L Outdoor Camping Storage Container $281.27
ROCKBROOK BX1013 84L Outdoor Camping Storage Container
$281.27 $309.09 Save $27.82
ROCKBROOK BX1003GNM 50L Green Aluminum Storage Box with Lock & Key $154.78
ROCKBROOK BX1003GNM 50L Green Aluminum Storage Box with Lock & Key
$154.78 $170.09 Save $15.31
ROCKBROOK BX1003KHM 50L Outdoor Storage Box with Lock $157.42
ROCKBROOK BX1003KHM 50L Outdoor Storage Box with Lock
$157.42 $172.99 Save $15.57
ROCKBROOK BX1003GBM 50L Blue Aluminum Overlanding Storage Box $142.31
ROCKBROOK BX1003GBM 50L Blue Aluminum Overlanding Storage Box
$142.31 $156.39 Save $14.08