.product-navigation-container.sticked { position: fixed; top: 0; width: 100%; background-color: #FFFFFF; transition: 450ms all ease; padding-top: 1.5rem; padding-bottom: 1.5rem; z-index: 2; --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.product-navigation-container h1 { font-family: inherit; }
.product-navigation-container .link, .product-navigation-container .link-mobile { color: #A2A2A2; }
.product-navigation-container .link.active, .product-navigation-container .link-mobile.active{ color: #000000; }
.product-navigation-container .link::after { content: ''; display: block; opacity: 0; width: 0%; height: 3px; background-color: transparent; transform: translateY(5px); transition: 450ms width ease; }
.product-navigation-container .link:hover::after, .product-navigation-container .link.active::after { opacity: 1; width: 100%; background-color: #000000; transition: 450ms width ease; }
@media (max-width: 1024px){
.toggle-submenu .btn-icon::after { content: ''; display: block; width: 5px; height: 5px; border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #000000; transform: rotate(180deg); position: absolute; right: 10px; top: 15px; }
.toggle-submenu .link-mobile.btn-icon::after {border-bottom: 4px solid #A2A2A2 }
.toggle-submenu .btn-icon.active::after { border-bottom: 4px solid #0a4d83; }
.toggle-submenu .btn-icon.active { color: #0a4d83; }
}
@media (max-width: 375px){
.product-navigation-container h1::after { right: -70px; }
}
const getParameterByName = (nameInput) => {
const url = window.location.href
const name = nameInput.replace(new RegExp('/[[]]/g'), '\\$&');
const regex = new RegExp(`[?&]${name}(=([^&#]*)|&|#|$)`);
const results = regex.exec(url);
if (!results) { return null; }
if (!results[2]) { return ''; }
return decodeURIComponent(results[2].replace(new RegExp('/+/g'), ' '));
}
if(getParameterByName("return_url")){
Array.from(document.querySelectorAll('.overview-link')).forEach(item => {
item.href = getParameterByName("return_url")
});
}
window.addEventListener('scroll', () => {
const scroll = document.documentElement.scrollTop;
scroll > 200 ? document.querySelector('.product-navigation-container').classList.add('sticked') : document.querySelector('.product-navigation-container').classList.remove('sticked');
});
const toggleProductSubMenu = function(){
if(window.innerWidth <= 1024){
const title = document.querySelector('.toggle-submenu');
title.addEventListener('click', function(){
this.children[0].classList.toggle('active');
this.children[1].classList.toggle('hidden');
});
}
}
window.addEventListener('load', () => toggleProductSubMenu());
Popular products inspired by this frame...
Buy {{selected.title}}
30-day money back guarantee
Deliver to multiple addresses
Questions? Please don't hesitate to Contact us
Buy {{selected.title}}
Interface
-
Touch screen +
Controller
-
Controller only
30-day money back guarantee
Deliver to multiple addresses
Questions? Please don't hesitate to Contact us
window.productId = 6625276952694;
window.nxFrames = [{productId: '6625276952694',vendor: 'nixplay-print-shop',title: 'Generic Print',available: 'true',model: 'Default Title',color: '',size: '',price: '0',sku: '',id: '39482366132342',featured_image: '//cdn.shopify.com/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_1000x.gif',featured_image_alt: ''},];
window.nxPlusSub = [{productId: '6622577688694',vendor: 'Nixplay-membership',title: 'Nixplay Plus Annual',available: 'true',model: '12 Months',color: '12 Months',size: '12 Months',price: '4999',sku: 'SUB-Recharge-Nixplay-Plus-Annual',url: '/products/nixplay-plus-annual',id: '39474737283190',featured_image: '//cdn.shopify.com/s/files/1/0366/8553/products/NixplayPlus_LogoFinalB_Stack_withSpace_1000x1000-01_de11ea7f-25a4-4b40-addd-ab55eb1367e6_1000x.png?v=1635329463',selling_plan: '449478774'},{productId: '6622577655926',vendor: 'Nixplay-membership',title: 'Nixplay Plus (3 Months)',available: 'true',model: '3 Months',color: '',size: '',price: '1497',sku: 'SUB-Recharge-Nixplay-Plus-Quarterly',url: '/products/nixplay-plus-3-months',id: '39474737184886',featured_image: '//cdn.shopify.com/s/files/1/0366/8553/products/NixplayPlus_LogoFinalB_Stack_withSpace_1000x1000-01_2f7f7c53-74d6-4701-9e53-70b88b40596c_1000x.png?v=1635329461',selling_plan: '449446006'},]
var saleDetails = {
saleEnd: '',
cartSummary: {
item_count: 0,
items_subtotal_price: 0,
original_total_price: 0,
requires_shipping: false,
total_discount: 0,
total_price: 0,
},
cartMessage:"[#%] discount applied for our Secret Sale",
cartDiscount_code: '',
fixedDiscount: '',
locale: 'en',
offer: { you_save: "You Save", buy: "BUY", off: "OFF"},
items: [ {
sku : "408",
id: 39349472919670,
price: 18999,
saleCopy: "",
saleCopyBi: "",
copyColor: "#ac8547",
blockBg: "#f6f6f6",
discountType: "fixed",
valueOff: "percent-off",
spendAmount: "",
discountValue: "0.25",
disclaimer: "",
},{
sku : "411",
id: 39349472952438,
price: 19999,
saleCopy: "",
saleCopyBi: "",
copyColor: "#ac8547",
blockBg: "#f6f6f6",
discountType: "fixed",
valueOff: "percent-off",
spendAmount: "",
discountValue: "0.25",
disclaimer: "",
},{
sku : "418",
id: 39349472985206,
price: 19999,
saleCopy: "",
saleCopyBi: "",
copyColor: "#ac8547",
blockBg: "#f6f6f6",
discountType: "fixed",
valueOff: "percent-off",
spendAmount: "",
discountValue: "0.25",
disclaimer: "",
}, {
sku : "314",
id: 39419763228790,
price: 14999,
saleCopy: "",
saleCopyBi: "",
copyColor: "#000000",
blockBg: "#f6f6f6",
discountType: "fixed",
valueOff: "percent-off",
spendAmount: "",
discountValue: "0.25",
disclaimer: "",
}, {
sku : "409",
id: 31940914479222,
price: 32999,
saleCopy: "",
saleCopyBi: "",
copyColor: "#000000",
blockBg: "#f6f6f6",
discountType: "fixed",
valueOff: "percent-off",
spendAmount: "",
discountValue: "0.25",
disclaimer: "",
},{
sku : "421",
id: 39449435340918,
price: 33999,
saleCopy: "",
saleCopyBi: "",
copyColor: "#000000",
blockBg: "#f6f6f6",
discountType: "fixed",
valueOff: "percent-off",
spendAmount: "",
discountValue: "0.25",
disclaimer: "",
}, {
sku : "419",
id: 39391560302710,
price: 20999,
saleCopy: "",
saleCopyBi: "",
copyColor: "#000000",
blockBg: "#f6f6f6",
discountType: "fixed",
valueOff: "percent-off",
spendAmount: "",
discountValue: "0.25",
disclaimer: "",
},{
sku : "420",
id: 39449432457334,
price: 21999,
saleCopy: "",
saleCopyBi: "",
copyColor: "#000000",
blockBg: "#f6f6f6",
discountType: "fixed",
valueOff: "percent-off",
spendAmount: "",
discountValue: "0.25",
disclaimer: "",
},{
sku : "422",
id: 39449432752246,
price: 21999,
saleCopy: "",
saleCopyBi: "",
copyColor: "#000000",
blockBg: "#f6f6f6",
discountType: "fixed",
valueOff: "percent-off",
spendAmount: "",
discountValue: "0.25",
disclaimer: "",
}, {
sku : "603",
id: 30305061011574,
price: 29999,
saleCopy: "",
saleCopyBi: "",
copyColor: "#000000",
blockBg: "#f6f6f6",
discountType: "fixed",
valueOff: "percent-off",
spendAmount: "",
discountValue: "0.25",
disclaimer: "",
}, {
sku : "704",
id: 39439709569142,
price: 27999,
saleCopy: "",
saleCopyBi: "",
copyColor: "",
blockBg: "#000000",
discountType: "fixed",
valueOff: "percent-off",
spendAmount: "",
discountValue: "0.25",
disclaimer: "",
},]
};
console.log(saleDetails)
window.saleDetails = saleDetails;
var saleFunctions = {
getPrice: function (line, qtt) {
var price = line.price;
var quantity = qtt || 1
var valueOff = line.valueOff
var values = String(line.discountValue).split(',');
var totalPrice = 0
var unitPrice = 0
var difference = 0
switch (line.discountType) {
case 'fixed':
var discount_value = Number(values[0]);
unitPrice = (valueOff === 'percent-off') ? price * (1 - discount_value) : price - (discount_value * 100);
finalPrice = unitPrice * quantity;
difference = price - unitPrice
break;
case '3plus':
break;
case '123plus':
var discount_value;
if(quantity == 1) {
discount_value = Number(values[0]);
} else if (quantity == 2) {
discount_value = Number(values[1]);
} else {
discount_value = Number(values[2]);
}
unitPrice = (valueOff === 'percent-off') ? price * (1 - discount_value) : price - (discount_value * 100);
finalPrice = unitPrice * quantity;
difference = price - unitPrice
break;
case '1235plus':
break;
case '12plus':
var discount_value;
if(quantity == 1) {
discount_value = Number(values[0]);
} else {
discount_value = Number(values[1]);
}
unitPrice = (valueOff === 'percent-off') ? price * (1 - discount_value) : price - (discount_value * 100);
finalPrice = unitPrice * quantity;
difference = price - unitPrice
break;
case 'spend':
var cartTriggers = String(line.spendAmount).split(',');
var lastPositiveIndex = -1;
cartTriggers.forEach((trigger, index) => {
var triggerValue = Number(trigger)
var cartValue = (Number(window.saleDetails.cartSummary.original_total_price || 0) + Number(price))/ 100
if(cartValue > triggerValue) {
lastPositiveIndex = index
}
});
discount_value = lastPositiveIndex > -1 ? Number(values[lastPositiveIndex] || 0) : 0;
unitPrice = (valueOff === 'percent-off') ? price * (1 - discount_value) : price - (discount_value * 100);
finalPrice = unitPrice * quantity;
difference = price - unitPrice
break;
case 'bogox':
break;
case 'bogo':
break;
default:
console.log(`Sorry, we are out of`);
}
return { finalPrice: finalPrice, unitPrice: unitPrice, difference: difference }
},
updateCartSummary: function(cart) {
window.saleDetails.cartSummary = {
item_count: cart.item_count,
items_subtotal_price: cart.items_subtotal_price,
original_total_price: cart.original_total_price,
requires_shipping: cart.requires_shipping,
total_discount: cart.total_discount,
total_price: cart.total_price,
}
}
}
window.saleFunctions = saleFunctions;
.affirm-modal-trigger{
color: rgba(2, 76, 132, 1);
text-decoration: none;
}
