USB Hub NANOCABLE 10.16.4608
Exceptional value - <b>USB Hub NANOCABLE 10.16.4608.</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":"6ba7da15-bb47-49e5-8f97-6da90c7f1dc9","product_id":"efc0c10d-cf32-47d1-9b28-53f5671a997a","title":"","weight_unit":"kg","inventory_quantity":11,"sku":"S9918657","barcode":"8433281015555","position":1,"option1":"","option2":"","option3":"","note":"NEW","image":null,"wholesale_price":[{"price":39,"min_quantity":1}],"weight":"0.6","compare_at_price":"0","price":"39","retail_price":"0","available":true,"url":"\/products\/usb-hub-nanocable-10164608?variant=6ba7da15-bb47-49e5-8f97-6da90c7f1dc9","available_quantity":11,"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 : S9918657
Weight : 0.6kg
Barcode : 8433281015555
Inventory : 11
${function(){
const variantData = data.variant || {"id":"6ba7da15-bb47-49e5-8f97-6da90c7f1dc9","product_id":"efc0c10d-cf32-47d1-9b28-53f5671a997a","title":"","weight_unit":"kg","inventory_quantity":11,"sku":"S9918657","barcode":"8433281015555","position":1,"option1":"","option2":"","option3":"","note":"NEW","image":null,"wholesale_price":[{"price":39,"min_quantity":1}],"weight":"0.6","compare_at_price":"0","price":"39","retail_price":"0","available":true,"url":"\/products\/usb-hub-nanocable-10164608?variant=6ba7da15-bb47-49e5-8f97-6da90c7f1dc9","available_quantity":11,"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":"6ba7da15-bb47-49e5-8f97-6da90c7f1dc9","product_id":"efc0c10d-cf32-47d1-9b28-53f5671a997a","title":"","weight_unit":"kg","inventory_quantity":11,"sku":"S9918657","barcode":"8433281015555","position":1,"option1":"","option2":"","option3":"","note":"NEW","image":null,"wholesale_price":[{"price":39,"min_quantity":1}],"weight":"0.6","compare_at_price":"0","price":"39","retail_price":"0","available":true,"url":"\/products\/usb-hub-nanocable-10164608?variant=6ba7da15-bb47-49e5-8f97-6da90c7f1dc9","available_quantity":11,"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 -
USB Hub NANOCABLE 10.16.4608 The NANOCABLE USB Hub is a versatile device designed to expand the connection capabilities of desktops and laptops, especially those with USB-C ports. This hub allows multiple devices to be used simultaneously thanks to its configuration, which includes 3 USB-C ports (USB 3.2) and 2 USB-A 3.2 ports , facilitating high-speed data transfer and efficient connection of peripherals such as hard drives, keyboards, or mice. It also features an HDMI output that supports 4K video transmission, ideal for external monitors or TVs, expanding display and productivity options. Another notable feature is its 3.5 mm jack for audio, allowing headphones or speakers to be connected without additional adapters. The device can provide up to 100 W of power for charging, enabling connected equipment to stay powered while working without compromising battery life. Its grey finish offers a sober and professional design, suitable for office and desktop environments. Compact and easy to carry, this hub is a complete solution for users needing to connect multiple devices and improve productivity effortlessly, making the most of the latest USB technologies and integrated video and audio signals. In short, the NANOCABLE USB Hub offers robust and flexible connectivity, adapting to the current needs of users demanding functionality and reliability in a single device.
Type: USB Hub Colour: Grey Connections: HDMI USB Jack 3.5 mm USB 3.2 USB-A 3.2 3.5mm jack cable Power: 100 W Power supply: Wired Compatible: Windows Characteristics: Plug and play Resolution: 4K Ultra HD Ethernet: No Resolution (px): 3840 x 2160 px Category: Computing > Accessories > Laptop and netbook accessories > Chargers and charging stands > Docking Stations
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
