ATX Semi-tower Box Mars Gaming MC300 Black LED RGB RGB mATX
Quality you can trust - <b>ATX Semi-tower Box Mars Gaming MC300 Black LED RGB RGB mATX.</b>
${function(){
return `
${data.starNum} /${data.starTotal}
`;
}()}
${function(){
return `
${data.showStarText === 'true' ? `
${data.starNum} /${data.starTotal}
` : ''}
`;
}()}
const TAG = 'spz-custom-revue-star';
class SPZCustomRevueStar extends SPZ.BaseElement {
constructor(element) {
super(element);
}
static deferredMount() {
return false;
}
buildCallback = () => {
this.action_ = SPZServices.actionServiceForDoc(this.element);
this.templates_ = SPZServices.templatesForDoc(this.element);
this.xhr_ = SPZServices.xhrFor(this.win);
this.starNum = this.element.getAttribute('starNum');
this.starTotal = this.element.getAttribute('starTotal');
this.showStarText = this.element.getAttribute('showStarText');
this.starColor = this.element.getAttribute('color');
this.interact = this.element.getAttribute('interact');
this.starSize = this.element.getAttribute('starSize') || 14;
}
mountCallback = () => {
this.doRender_({
starTotal: this.starTotal,
totalArray: Array.from({ length: Number(this.starTotal) }, (v, k) => k + 1),
starNum: this.starNum,
showStarText: this.showStarText,
starColor: this.starColor,
starSize: this.starSize
}).then(() => {
if (this.interact) {
this.addEventListeners_();
}
});
}
addEventListeners_ = () => {
const stars = document.querySelectorAll('.revue-star__star');
stars.forEach(star => {
star.addEventListener('click', event => {
const starEl = star.closest('.revue-star__star');
const starIndex = Number(starEl.dataset.index);
let isHalf = event.offsetX < star.offsetWidth / 2;
// rtl
if (document.documentElement.getAttribute('dir') === 'rtl') {
isHalf = event.offsetX > star.offsetWidth / 2;
}
const starValue = isHalf ? starIndex - 0.5 : starIndex;
this.starClickHandler_({ value: starValue });
});
});
}
renderStar = () => {
const isRtl = document.documentElement.getAttribute('dir') === 'rtl';
const stars = this.element.querySelectorAll('.revue-star__star');
stars.forEach((star, i) => {
const starIndex = i + 1;
const starEl = star.querySelector('svg:nth-child(2)');
const isHalf = this.starNum % 1 > 0 && Math.ceil(this.starNum) === starIndex;
const isSolid = starIndex <= Math.ceil(this.starNum);
starEl.style.display = isSolid ? 'block' : 'none';
if (isHalf) {
if (isRtl) {
// RTL布局下，如果是半星，显示星星的右半边
starEl.style.clipPath = `polygon(50% 0, 100% 0, 100% 100%, 50% 100%)`;
} else {
// LTR布局下，如果是半星，显示星星的左半边
starEl.style.clipPath = `polygon(0 0, 50% 0, 50% 100%, 0 100%)`;
}
} else {
starEl.style.clipPath = `polygon(0 0, 100% 0, 100% 100%, 0 100%)`
}
});
const showCountEle = this.element.querySelector('#revue-star-show-count');
showCountEle && SPZ.whenApiDefined(showCountEle).then((api) => {
api.render({ starNum: this.starNum, starTotal: this.starTotal });
});
}
doRender_ = (data) => {
return this.templates_
.findAndRenderTemplate(this.element, { starSize: this.starSize, ...data }, null)
.then((el) => {
const children = this.element.querySelector('*:not(template)');
children && SPZCore.Dom.removeElement(children);
this.element.appendChild(el);
})
.then(() => {
this.starNum = data.starNum;
this.renderStar();
});
}
starClickHandler_ = (event) => {
this.starNum = event.value;
this.renderStar();
this.triggerEvent_('change', { value: event.value });
}
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, SPZCustomRevueStar)
(
try {
const productId = window.SHOPLAZZA.meta.page.resource_id;
const productType = `default`;
const getProductReviews = (star_least) =>
fetch('/api/comment/count-star-multi',
{
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
product_id: [productId],
star_least: star_least || 1,
}),
}).then(res => res.json());
try {
const section = document.querySelector('#revue-product-star');
if(productType === "gift_card" && section) {
section.style.display = 'none';
}
} catch(e) {
console.log(e);
window.addEventListener('load', () => {
try {
const section = document.querySelector('#revue-product-star');
if(productType=== "gift_card" && section) {
section.style.display = 'none';
}
} catch(e) {
console.log(e)
}
})
}
const getReviewsConfig = async () => {
let data = {};
const url = new URL(window.location.href);
const preview_theme_id = url.searchParams.get('preview_theme_id');
const commentConfig = await fetch('/api/comment-config', {
method: 'GET',
headers: {
'Content-Type': 'application/json',
}
}).then(res => res.json());
data = commentConfig.data;
const themeConfig = await fetch(`/api/comment-config?theme_id=${preview_theme_id || ''}`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
}
}).then(res => res.json());
if (themeConfig?.data && themeConfig.data.star_color) {
data.star_color = themeConfig.data.star_color;
}
if (preview_theme_id) {
data.star_least = window.apps_global && apps_global.reviews && apps_global.reviews.preview_star_least;
} else if (themeConfig?.data && themeConfig.data.product_settings) {
data.star_least = themeConfig.data.product_settings.star_least;
}
return data;
};
if (productId && window.SHOPLAZZA.meta.page.template_type == 1) {
getReviewsConfig().then(async res => {
const config = res;
let review = await getProductReviews(config.star_least);
review = review.data[productId];
if (!config.open_status || (!review.comment_avg_star && !config.show_no_comment_star)) return;
const render = async () => {
const section = document.querySelector('#revue-product-star');
const starComponent = document.querySelector('#revue-product-star-component');
const count = document.querySelector('#revue-product-star-count');
count.innerText = review.published_count;
const api = await SPZ.whenApiDefined(starComponent);
api.doRender_({
starNum: review.comment_avg_star,
starTotal: 5,
showStarText: false,
starColor: config.star_color,
totalArray: Array.from({ length: 5 }, (v, k) => k + 1)
});
section.style.opacity = 1;
}
render();
document.addEventListener('dj.editor.update', render);
});
}
} catch (e) {console.warn(e)};
${function() {
const variantData = data.variant || {"id":"10b0514f-1f36-423e-ae6a-41a18aca920a","product_id":"93fe3ed9-a623-412a-86ba-549003aca6c1","title":"","weight_unit":"kg","inventory_quantity":4,"sku":"S9918190","barcode":"4711099471652","position":1,"option1":"","option2":"","option3":"","note":"NEW","image":null,"wholesale_price":[{"price":57,"min_quantity":1}],"weight":"3.1","compare_at_price":"0","price":"57","retail_price":"0","available":true,"url":"\/products\/atx-semi-tower-box-mars-gaming-mc300-black-led-rgb-rgb-matx?variant=10b0514f-1f36-423e-ae6a-41a18aca920a","available_quantity":4,"options":[],"off_ratio":0,"flashsale_info":[],"sales":0};
const saveType = "percentage";
const productLabelDiscountOn = true;
return `
-
(Tax included)
${saveType == 'percentage'
? `-${variantData.off_ratio}% `
: `-
(Tax included)
`;
}()}
Sku : S9918190
Weight : 3.1kg
Barcode : 4711099471652
Inventory : 4
${function(){
const variantData = data.variant || {"id":"10b0514f-1f36-423e-ae6a-41a18aca920a","product_id":"93fe3ed9-a623-412a-86ba-549003aca6c1","title":"","weight_unit":"kg","inventory_quantity":4,"sku":"S9918190","barcode":"4711099471652","position":1,"option1":"","option2":"","option3":"","note":"NEW","image":null,"wholesale_price":[{"price":57,"min_quantity":1}],"weight":"3.1","compare_at_price":"0","price":"57","retail_price":"0","available":true,"url":"\/products\/atx-semi-tower-box-mars-gaming-mc300-black-led-rgb-rgb-matx?variant=10b0514f-1f36-423e-ae6a-41a18aca920a","available_quantity":4,"options":[],"off_ratio":0,"flashsale_info":[],"sales":0};
return `
Sku : ${variantData && variantData.sku}
Weight : ${variantData && variantData.weight}${variantData && variantData.weight_unit}
Barcode : ${variantData && variantData.barcode}
Inventory : ${variantData && variantData.available_quantity}
`
}()}
${function() {
const minDays = parseInt('3');
const maxDays = parseInt('7');
const customText = "Estimated Delivery\uff1a{min_date} - {max_date}";
const minDate = new Date(Date.now() + (minDays * 86400000));
const maxDate = new Date(Date.now() + (maxDays * 86400000));
const formatDate = (minDate.getFullYear() == maxDate.getFullYear() && minDate.getFullYear() == new Date().getFullYear())
? new Intl.DateTimeFormat('en', { month: 'short', day: '2-digit' })
: new Intl.DateTimeFormat('en', { month: 'short', day: '2-digit', year: 'numeric' });
const tipText = customText.replace(/\{min_date\}/g, '' + formatDate.format(minDate) + ' ')
.replace(/\{max_date\}/g, '' + formatDate.format(maxDate) + ' ');
return `
${tipText}
`;
}()}
Add to cart
${function(){
const wholesale_enabled = false;
const qty = data.quantity || 1;
const currentSelectVariant = data.variant;
const defaultVariant = (data.product && data.product.variants && data.product.variants[0]);
const productVariant = {"id":"10b0514f-1f36-423e-ae6a-41a18aca920a","product_id":"93fe3ed9-a623-412a-86ba-549003aca6c1","title":"","weight_unit":"kg","inventory_quantity":4,"sku":"S9918190","barcode":"4711099471652","position":1,"option1":"","option2":"","option3":"","note":"NEW","image":null,"wholesale_price":[{"price":57,"min_quantity":1}],"weight":"3.1","compare_at_price":"0","price":"57","retail_price":"0","available":true,"url":"\/products\/atx-semi-tower-box-mars-gaming-mc300-black-led-rgb-rgb-matx?variant=10b0514f-1f36-423e-ae6a-41a18aca920a","available_quantity":4,"options":[],"off_ratio":0,"flashsale_info":[],"sales":0};
const variantData = currentSelectVariant || defaultVariant || productVariant;
const wholesale_price = variantData.wholesale_price || [];
if(wholesale_enabled && wholesale_price.length > 0) {
let wholesaleIndex = wholesale_price.findIndex(item => {
return item.min_quantity > qty;
});
if(wholesaleIndex < 0){
wholesaleIndex = wholesale_price.length - 1;
}else if(wholesaleIndex > 0){
wholesaleIndex = wholesaleIndex - 1;
}
const wholesalePrice = wholesale_price[wholesaleIndex] || '';
return `
`
}else {
const price = variantData && variantData.price;
return price != undefined ? `
` : '
Buy now
Product was out of stock.
Product is unavailable.
Premium quality -
ATX Semi-tower Box Mars Gaming MC300 Black LED RGB RGB mATX If you're passionate about
IT and electronics , like being up to date on technology and don't miss even the slightest details, buy
ATX Semi-tower Box Mars Gaming MC300 Black LED RGB RGB mATX at an unbeatable price.
Ventilator: Connections: Jack 3.5 mm USB 3.0 USB 2.0 USB 3.2 Characteristics: LED RGB RGB Cable Organiser Lighting RGB Number of Bays: 3,5" x 2 2,5" x 2 3,5" x 4 2,5" x 6 Approx. dimensions: 34,5 x 27 x 18 cm Type: ATX Semi-tower Box Midi-Tower Chasis PC Micro ATX Form factor: ATX MicroATX mATX Mini-ITX Mini-Tower Compatible: Micro ATX Mini ITX 2,5" Hard Drive Recommended use: Gaming Not included: Power supply Colour: Black Material: Tempered Glass Height: 30 cm Ports: Lighting: RGB Expansion slots: 4 Battery type: Litio Ion Compact case with built-in triple cooling for high performance gaming configurations in Micro-ATX and Mini-ITX formats. Tempered glass side window. Available in classic black, white and exotic PINK.
SPECTACULAR GAMING DESIGN
Take the leap to the PC of your dreams with the most careful aesthetics down to the last detail: tempered glass side window, 3x FRGB front fans, TOTAL-MESH front grille, controls and connections on the top... All this in 3 colors to choose: Black, White or Pink.
AVAILABLE IN 3 VERSIONS
Available in three colors, choose the one that best suits your setup.
MAXIMUM COOLING CAPACITY
A constant airflow is the key to extend the life of your components and keep your system running at its best. That's why the MC300 features a triple front/rear ventilation system and a TOTAL-MESH front grille. In addition, it offers support for 120mm liquid cooling.
MAXIMUM INTERNAL CAPACITY
The MC300 offers ample internal space for the installation of high-performance components, offering support for MicroATX and Mini-ITX motherboards, up to 4 x 2.5" SSDs and 2 x 3.5" HDDs, all with efficient internal cable management.
ADVANCED RGB GAMING LIGHTING
The MC300's triple vents feature a Fixed RGB lighting system that provides your setup with a constant flow of color, elevating the aesthetics of your rig to the max. The front Mesh design further enhances the look, perfectly combining cooling and lighting.
Form factor: Mini Tower Type: PC Product colour: Black Supported motherboard form factors: micro ATX, Mini-ITX Number of 3.5" bays: 2 Number of 2.5" bays: 4 Number of expansion slots: 4 Illumination: Y Illumination colour: Red/Green/Blue Maximum CPU cooler height: 16 cm Maximum graphics card length: 26 cm Power supply included: N USB 2.0 ports quantity: 2 USB 3.2 Gen 1 (3.1 Gen 1) Type-A ports quantity: 1 Audio input: Y Audio output: Y Front fans installed: 2x 120 mm Number of front fans supported (max): 2 Front fans diameters supported: 120 mm Rear fans installed: 1x 120 mm Number of rear fans supported (max): 2 Rear fans diameters supported: 120,140 mm Supported HDD sizes: 3.5" SSD form factor: 2.5" Width: 190 mm Depth: 353 mm Height: 300 mm Weight: 2.85 kg Package width: 240 mm Package depth: 355 mm Package height: 400 mm Category: Computing > Components > External devices > Tabletop computer cases
24-months Warranty on "New" Products - 12-months Warranty on "Refurbished" or "Open Box" Products
VISA - Mastercard - Google Pay - Apple Pay
Secure payments by PayPal
