ROCKBROOK BX1003GNM 50L Green Aluminum Storage Box with Lock & Key
1/5

ROCKBROOK BX1003GNM 50L Green Aluminum Storage Box with Lock & Key

Stackable, Lightweight, and Stylish 50L Outdoor Storage Box with Lock & Key

$154.78
$170.09
-$15.31
Quantity
Sku : BX1003GNM
Weight : 6.6kg
Barcode : 6975963790968
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 = "141a2e60-f448-4e19-8f79-0272d96bfa3d"; // 促销活动数据 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 == '8f7d5f8e-3a1d-41ba-b942-9be9f691e11a' && variant.id != this.variantId) { this.variantId = variant.id; this.getData(); } } getData() { const reqBody = { product_id: "8f7d5f8e-3a1d-41ba-b942-9be9f691e11a", 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 = '141a2e60-f448-4e19-8f79-0272d96bfa3d'; 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 = '8f7d5f8e-3a1d-41ba-b942-9be9f691e11a'; 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 == '8f7d5f8e-3a1d-41ba-b942-9be9f691e11a' && 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

ROCKBROOK BX1003GNM 50L Green Aluminum Storage Box with Lock & Key

Key Features:

  • 50L Capacity: Perfect for storing a wide range of items, from outdoor tools to personal belongings.
  • Durable Aluminum Construction: Made with 1mm thick brushed aluminum for long-lasting durability, ensuring your items stay safe and secure.
  • Weatherproof Seal: Equipped with a thick under-lid seal that protects contents from rain and moisture, making it ideal for outdoor use.
  • Lock & Key: Includes two locker keys, offering enhanced security for your valuables.
  • Stackable Design: Easy to stack multiple boxes, optimizing your storage space for a neat and organized setup.
  • Corner Protectors: Reinforced corner protectors for added durability, preventing damage from impacts.

Product Specifications:

  • Storage Volume: 50L
  • Material: Stamped 1mm-thick brushed aluminum
  • Seal: Thick under-lid weatherproof seal
  • Design: Stackable for efficient space utilization
  • Includes: Two locker keys (for added security)

This ROCKBROOK BX1003GNM Green Aluminum Storage Box combines strength, security, and style. With its weatherproof seal, lock and key system, and sleek aluminum exterior, it is an excellent choice for outdoor enthusiasts or anyone needing secure, organized storage. Whether you are storing tools, camping gear, or personal items, this box is designed to keep your belongings safe and protected.

Perfect for:

  • Outdoor Activities: Protect your gear from the elements.
  • Home Storage: Keep your items secure and organized.
  • Travel: Stackable and portable for easy transportation.

Order now and enjoy a reliable, stylish, and secure storage solution for all your needs!

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