Filtered By:
Vaxcel International
Clear All
Your Style + Lighting. Your Home.
What's New
<style>
#resultsItemsList { display:-webkit-box; display:-ms-flexbox; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: start; -ms-flex-align: start; -ms-flex-wrap:wrap; }
#resultsItemsList { display:flex; align-items: stretch; flex-wrap:wrap; flex-flow:row wrap; background:#f9f9f9; padding:5px; gap:5px }
.itemBox { flex:1 1 15%; margin:10px; min-width:250px; }
.itemBox[placeholder="true"] { margin:0 10px; }
.itemBox .highlightBox { padding:5px; }
.itemBorderBox { background:#fff; text-align:center; border-radius:5px; }
.itemBoxTopBar { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; padding:15px 0px; position: relative; }
.itemBoxTopBar .fa-heart{ margin-right:15px; transition-duration: 0.3s; }
.itemBoxTopBar a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.itemBoxTopBar .itemGroupCount { position: absolute; background:#CC4B00; color:#fff; left:0; top:6px; padding:3px 3px; text-transform: uppercase; font-size:14px; padding:5px 10px; cursor:pointer; }
.itemBoxTopBar .wishlist { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width:50px; font-size:23px; }
.itemBoxTopBar .wishlist.active .fa-heart:before { content:"\f004"; font-family: "Font Awesome 6 Pro"; font-weight: 600; cursor:pointer; color:#da1a1a; transition:0.3s; animation-duration: 0.3s; animation-name: grow; }
.itemBoxTopBar .wishlist.active .fa-heart { animation-duration: 0.3s; animation-name: grow; transition:0.5s; }
.itemBoxTopBar .wishlist:not(.active) .fa-heart:hover:before { content:"\f004"; font-family: "Font Awesome 6 Pro"; font-weight: 600; cursor:pointer; color:#ccc; transition:0.3s; }
.itemBox .itemImgBox { text-align:center; width:100%; height:200px; }
.itemBox .itemImgBox img { max-width:90%; max-height:90%; position:relative; top:50%; transform:translateY(-50%); font-size:12px; }
.itemButtonBox { display:-webkit-box; display:-ms-flexbox; display:flex; position: relative; }
.itemButton { flex:1; white-space:nowrap; background:none; border:none; border-top:1px solid #f1f1f1; padding:8px; position:relative; border-left: 1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; color:#000; }
.itemButton:first-child { border-right:none; width:100%; border-radius:0 0 0 5px; }
.itemButton:nth-of-type(2){ width:100%; }
.itemButton:last-child { border-right:1px solid #f1f1f1; border-radius:0 0 5px 0; }
.itemButton:hover, .itemButton:focus{ color:rgb(255,255,255,); transition: 0.2s ease; animation-duration: 0.2s; animation-name:height; }
.itemButton:hover .itemTextBox { color:#fff; position: relative; z-index: 99; }
.itemButton:hover > .overlay { display: flex; position: absolute; background: rgb(0,0,0,1); height:100%; width:100%; z-index: 9; top:0; left: 0; animation-name:height; animation-duration: 0.3s; }
.itemInfoBox { padding:5px 5px 0; }
.attributeBox { display:inline-block; background:green; padding:3px 7px; color:#fff; word-wrap: nowrap; text-transform: uppercase; border-radius:3px; font-size:12px; min-width: max-content;}
.itemInfoText { font-size: 10px; font-weight: 400; white-space: nowrap; overflow: hidden; width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #000; }
.cogsPrice.cogs, .itemInfoText.vii { background:transparent !important; }
.cogsPrice.cogs { font-size: 10px; color: #a9a9a9; padding: 0; }
.itemInfoText #vendorItemName,
.itemInfoText #vendorItemId { font-size:13px; font-weight:300; }
.itemPriceBox { margin:5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.currentPrice { display:inline-block; vertical-align:top; font-size:14px; }
.itemSale { display:inline-block; vertical-align:bottom; font-size:12px; color:green; }
.itemSavings { display:inline-block; vertical-align:bottom; font-size:12px; color:#000; }
.instock { line-height: 24px; font-size:14px; margin-top:3px; }
.instock i { color:#000; padding:2px 3px; margin-right:2px; }
.instockMessage[color="green"] i { color:green; }
.instockMessage[color="orange"] i { color:#CC4B00; }
.instockMessage[color="red"] i { color:#990000; }
#quickViewPopup .transPopupBtnHeader { background:#fff; text-align:center; }
#quickViewPopup .transPopupBtnContainer { background:#fff; border-color:#fff; }
#quickViewPopup .quickviewVisitItemDetails { display:inline-block; vertical-align:top; background:#f1f1f1; color:#000; padding:0px 10px; margin:10px 0 0 10px; font-size:18px; line-height:34px; border-radius:5px; }
#quickViewPopup loading { height:350px; line-height:350px; font-size:50px; }
#quickViewPopup .quickVariantBox { display:inline-block; vertical-align:top; background:#CC4B00; color:#fff; padding:5px 10px; line-height:16px; border-radius:3px; margin:4px -5px 0 5px; font-size:14px; }
#quickViewPopup .quickVariantBox[count="1"], #quickViewPopup .quickVariantBox[count="0"] { display:none; }
.addedToWishlistBox .doneBtn { background:#000 !important; border-color:#000; box-shadow:none; border-radius:0px; }
#scrollAttributeBox .swipeScrollBox::-webkit-scrollbar { display: none; }
#scrollAttributeBox .swipeScrollBox { box-sizing: border-box; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 30px; }
div#scrollAttributeBox { height: auto !important; }
#vendorItemName.vii { background: transparent; padding: initial; font-size: 13px !important; font-weight: 300 !important; }
.itemName-MCQ { font-size: 13px; font-weight: 300; overflow: hidden; text-overflow: ellipsis; }
.attrContainer { display: flex; align-items: center; gap: 3px; overflow-x: auto;}
.instockMessage { display: flex; align-items: center; }
.avCatInline { display: inline-block; overflow: hidden; text-overflow: ellipsis; height: 24px; width: 100%; width: calc(100% - 18px); white-space: nowrap; line-height: 24px; font-size: 14px !important; }
.avCatInline .ItemWarning { display: inline-block !important; overflow: hidden; text-overflow: ellipsis; height: 24px; width: 100%; width: calc(100% - 18px); white-space: nowrap; line-height: 24px; font-size: 14px;}
.availHovBox {display: none; position: absolute; background: #f9f9f9; padding: 2px 5px; /* for firefox */ top: -2px; /* end for firefox */ }
/* for Chrome */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .availHovBox { top: -3px; } } /* end for Chrome */
.instock:hover .availHovBox, .instock:focus .availHovBox { display: block; }
.posRel { position: relative; }
.catalogStock .availHovBox .ItemWarning { overflow: initial; text-overflow: ellipsis; height: auto; width: 100%; white-space: wrap; font-size: 14px; }
@media screen and (max-width:768px) {
.itemBox { margin: 0px;}
}
@media screen and (max-width:600px)
{
#resultContent { text-align: left; }
#resultsItemsList { justify-content: center; }
.itemGroupCount { top:13px; }
}
@media screen and (max-width:550px)
{
.itemBox { min-width:150px; }
.itemBox .itemImgBox { height:110px; }
.itemSavings { display:none; }
.itemButton:last-child { display:none; }
}
@keyframes height
{
0% { height:0px; }
100% { height:100%; }
}
@keyframes grow
{
0% { scale: 1 }
100%{ scale:1.2; }
}
</style>
<script>
var selectedWishlist = readCookie('listID');
function variations_ppvr(data)
{
var settings = data.settings;
var obj = data.obj;
var element = data.element;
var title = data.pprvar.title;
var app = data.pprvar.app;
var listType = title;
var models = obj.checkForModels();
var ui = obj.checkForUI();
obj.loader(models,ui,null,function()
{
$xo('popover-box').css({ 'width':'90vw' });
$xo('popover-box top-title').css({ 'width':'calc(100% - 80px)', 'text-align':'left' });
$xo('popover-box list-content').css({ 'max-height':'400px' });
obj.resize();
var basic_ui = new BasicUI_ppvr(data);
initialize();
function initialize()
{
settings['header'] = obj.translate('Product Variations');
settings['buttons']['status'] = 'false';
settings['return']['status'] = 'false';
obj.update();
basic_ui.loading();
$xo.ajax(
{
url: '/api/v0/page/ItemDetailVariants',
type: 'GET',
data:
{
decisionID: 2,
params:
{
0: $xo(element).attr('itemID')
}
},
success: function(data)
{
basic_ui.html('<padding style="padding:5px;">'+ data +'</padding>');
},
error: function(data)
{
basic_ui.html('<padding style="padding:5px;">Failed to load</padding>');
}
});
}
});
}
function quickviewResults(element)
{
var link = $xo(element).attr('link');
var variants = $xo(element).attr('variant-count');
$xo('#quickViewPopup').remove();
$xo('body').append('<div id="quickViewPopup" class="transPopup"><padding><loading><i class="fa fa-spinner fa-spin"></i></loading></padding></div>');
$xo('#quickViewPopup').attr({ header:'', width:'800px' });
popup('quickViewPopup');
$xo('#quickViewPopup .transPopupBtnHeader').prepend('<a href="'+ link +'"><div class="quickviewVisitItemDetails">View Full Product Information <div class="quickVariantBox" count="'+ variants +'">'+ variants +' OPTIONS</div></div></a>');
var params =
{
filter:'files',
keyword: 'Quickview.html',
XOItemID: $xo(element).closest('[xoitemid]').attr('xoitemid'),
render: 'twig',
SelectedBtnList: $xo(element).attr('add-button'),
SettingPricing: $xo(element).attr('settings-price'),
SettingExternalPrice: $xo(element).attr('settings-external-price'),
SettingAllowCheckout : $xo(element).attr('settings-checkout')
}
base_m.api('get','FileModel','/api/v1/app','McQueen Theme',params,function(responseData)
{
apiData = responseData;
$xo('#quickViewPopup padding').html(apiData.results.Quickview);
vicm_obj.set_vicm();
});
}
function selectedWishlistItems()
{
var customerID = readCookie('customerID');
var customerIDAddon = '';
if (customerID != null)
{
customerIDAddon = '&CustomerID='+ customerID;
}
if ('3' != 1 && ('3' == 5 || ('3' < 3 && customerID != null)))
{
base_m.api('get','InvoiceModel_get','/api/v0/order?InvoiceStatusID=8&fields=InvoiceID'+ customerIDAddon,null,null,function(responseData)
{
selectedWishlist = responseData.results[0].InvoiceID;
base_m.api('get','InvoiceModel_GetItem','/api/v0/order/'+ selectedWishlist +'/product?fields=invItemID,vendorID,vItemID',null,null,function(responseData2)
{
$xo('.itemBox .wishlist.active').removeClass('active').attr('xo-popover','Wishlist').removeAttr('invitemid');
$xo.each(responseData2.results,function(key,value)
{
$xo('.itemBox .wishlist[value="'+ value.VendorID +'-'+ value.VItemID +'"]').attr('invitemid',value.invItemID).addClass('active').removeAttr('xo-popover');
});
});
});
}
}
$xo(document).ready(function()
{
// QUICKVIEW
$xo('.itemBox').off('click','button[action="quickview"]').on('click','button[action="quickview"]',function()
{
quickviewResults(this);
});
// WISHLIST - REMOVE
var addedWishlistItemTimer;
$xo('.itemBox').off('click','.wishlist').on('click','.wishlist',function()
{
var thisVar = this;
if ($xo(thisVar).hasClass('active'))
{
// REMOVE ITEM
$xo(thisVar).removeClass('active');
setTimeout(function()
{
$xo(thisVar).attr({ 'xo-popover':'Wishlist' }).removeAttr('disabled');
},100);
var invItemID = $xo(thisVar).attr('invitemid');
var invoice_m = new InvoiceModel(selectedWishlist);
invoice_m.set_itemID(invItemID);
invoice_m.remove_item();
}
else
{
// SELECT ITEM
}
});
});
</script>
<div class="itemBox popover-out" xoitemid="51-4705" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-4705"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/armitage-32-in-5-light-semi-flush-mount-matte-black/sku-V51-c0297">
<div class="itemImgBox">
<img src="/vendors/51/small/C0297.jpg" alt="Vaxcel International C0297 - Armitage 32-in 5 Light Semi-Flush Mount Matte Black">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-4705" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/armitage-32-in-5-light-semi-flush-mount-matte-black/sku-V51-c0297" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-4705">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Armitage 32-in 5 Light Semi-Flush Mount Matte Black</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">C0297</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>495.00</div>
</div>
</div>
</div>
</div>
<div class="itemBox popover-out" xoitemid="51-4762" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-4762"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/beacon-hill-led-13-in-flush-mount-matte-black-and-satin-gold/sku-V51-c0303">
<div class="itemImgBox">
<img src="/vendors/51/small/723aa0c1b243d39d2c0977f1e743c6f43a7b164c.jpg" alt="Vaxcel International C0303 - Beacon Hill LED 13-in. Flush Mount Matte Black and Satin Gold">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-4762" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/beacon-hill-led-13-in-flush-mount-matte-black-and-satin-gold/sku-V51-c0303" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-4762">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Beacon Hill LED 13-in. Flush Mount Matte Black and Satin Gold</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">C0303</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>123.20</div>
</div>
</div>
</div>
</div>
<div class="itemBox popover-out" xoitemid="51-4787" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-4787"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/avers-26-in-4-light-chandelier-natural-brass/sku-V51-h0295">
<div class="itemImgBox">
<img src="/vendors/51/small/08300847a1e255972c535d6fe325f99593782cdf.jpg" alt="Vaxcel International H0295 - Avers 26-in 4 Light Chandelier Natural Brass">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-4787" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/avers-26-in-4-light-chandelier-natural-brass/sku-V51-h0295" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-4787">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Avers 26-in 4 Light Chandelier Natural Brass</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">H0295</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>409.20</div>
</div>
</div>
</div>
</div>
<div class="itemBox popover-out" xoitemid="51-4879" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-4879"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/huntley-3-light-vanity-natural-brass/sku-V51-w0453">
<div class="itemImgBox">
<img src="/vendors/51/small/8021eaba31cdf6297d7b7cc30db770e1916e2137.jpg" alt="Vaxcel International W0453 - Huntley 3 Light Vanity Natural Brass">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-4879" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/huntley-3-light-vanity-natural-brass/sku-V51-w0453" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-4879">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Huntley 3 Light Vanity Natural Brass</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">W0453</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>266.20</div>
</div>
</div>
</div>
</div>
<div class="itemBox popover-out" xoitemid="51-4882" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-4882"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/barcelo-625-in-led-wall-light-matte-black/sku-V51-w0459">
<div class="itemImgBox">
<img src="/vendors/51/small/82a66554871163f57d6cd3d5ed0f65117153028b.jpg" alt="Vaxcel International W0459 - Barcelo 6.25-in. LED Wall Light Matte Black">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-4882" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/barcelo-625-in-led-wall-light-matte-black/sku-V51-w0459" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-4882">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Barcelo 6.25-in. LED Wall Light Matte Black</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">W0459</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>136.40</div>
</div>
</div>
</div>
</div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
Top Outdoor
<style>
#resultsItemsList { display:-webkit-box; display:-ms-flexbox; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: start; -ms-flex-align: start; -ms-flex-wrap:wrap; }
#resultsItemsList { display:flex; align-items: stretch; flex-wrap:wrap; flex-flow:row wrap; background:#f9f9f9; padding:5px; gap:5px }
.itemBox { flex:1 1 15%; margin:10px; min-width:250px; }
.itemBox[placeholder="true"] { margin:0 10px; }
.itemBox .highlightBox { padding:5px; }
.itemBorderBox { background:#fff; text-align:center; border-radius:5px; }
.itemBoxTopBar { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; padding:15px 0px; position: relative; }
.itemBoxTopBar .fa-heart{ margin-right:15px; transition-duration: 0.3s; }
.itemBoxTopBar a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.itemBoxTopBar .itemGroupCount { position: absolute; background:#CC4B00; color:#fff; left:0; top:6px; padding:3px 3px; text-transform: uppercase; font-size:14px; padding:5px 10px; cursor:pointer; }
.itemBoxTopBar .wishlist { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width:50px; font-size:23px; }
.itemBoxTopBar .wishlist.active .fa-heart:before { content:"\f004"; font-family: "Font Awesome 6 Pro"; font-weight: 600; cursor:pointer; color:#da1a1a; transition:0.3s; animation-duration: 0.3s; animation-name: grow; }
.itemBoxTopBar .wishlist.active .fa-heart { animation-duration: 0.3s; animation-name: grow; transition:0.5s; }
.itemBoxTopBar .wishlist:not(.active) .fa-heart:hover:before { content:"\f004"; font-family: "Font Awesome 6 Pro"; font-weight: 600; cursor:pointer; color:#ccc; transition:0.3s; }
.itemBox .itemImgBox { text-align:center; width:100%; height:200px; }
.itemBox .itemImgBox img { max-width:90%; max-height:90%; position:relative; top:50%; transform:translateY(-50%); font-size:12px; }
.itemButtonBox { display:-webkit-box; display:-ms-flexbox; display:flex; position: relative; }
.itemButton { flex:1; white-space:nowrap; background:none; border:none; border-top:1px solid #f1f1f1; padding:8px; position:relative; border-left: 1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; color:#000; }
.itemButton:first-child { border-right:none; width:100%; border-radius:0 0 0 5px; }
.itemButton:nth-of-type(2){ width:100%; }
.itemButton:last-child { border-right:1px solid #f1f1f1; border-radius:0 0 5px 0; }
.itemButton:hover, .itemButton:focus{ color:rgb(255,255,255,); transition: 0.2s ease; animation-duration: 0.2s; animation-name:height; }
.itemButton:hover .itemTextBox { color:#fff; position: relative; z-index: 99; }
.itemButton:hover > .overlay { display: flex; position: absolute; background: rgb(0,0,0,1); height:100%; width:100%; z-index: 9; top:0; left: 0; animation-name:height; animation-duration: 0.3s; }
.itemInfoBox { padding:5px 5px 0; }
.attributeBox { display:inline-block; background:green; padding:3px 7px; color:#fff; word-wrap: nowrap; text-transform: uppercase; border-radius:3px; font-size:12px; min-width: max-content;}
.itemInfoText { font-size: 10px; font-weight: 400; white-space: nowrap; overflow: hidden; width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #000; }
.cogsPrice.cogs, .itemInfoText.vii { background:transparent !important; }
.cogsPrice.cogs { font-size: 10px; color: #a9a9a9; padding: 0; }
.itemInfoText #vendorItemName,
.itemInfoText #vendorItemId { font-size:13px; font-weight:300; }
.itemPriceBox { margin:5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.currentPrice { display:inline-block; vertical-align:top; font-size:14px; }
.itemSale { display:inline-block; vertical-align:bottom; font-size:12px; color:green; }
.itemSavings { display:inline-block; vertical-align:bottom; font-size:12px; color:#000; }
.instock { line-height: 24px; font-size:14px; margin-top:3px; }
.instock i { color:#000; padding:2px 3px; margin-right:2px; }
.instockMessage[color="green"] i { color:green; }
.instockMessage[color="orange"] i { color:#CC4B00; }
.instockMessage[color="red"] i { color:#990000; }
#quickViewPopup .transPopupBtnHeader { background:#fff; text-align:center; }
#quickViewPopup .transPopupBtnContainer { background:#fff; border-color:#fff; }
#quickViewPopup .quickviewVisitItemDetails { display:inline-block; vertical-align:top; background:#f1f1f1; color:#000; padding:0px 10px; margin:10px 0 0 10px; font-size:18px; line-height:34px; border-radius:5px; }
#quickViewPopup loading { height:350px; line-height:350px; font-size:50px; }
#quickViewPopup .quickVariantBox { display:inline-block; vertical-align:top; background:#CC4B00; color:#fff; padding:5px 10px; line-height:16px; border-radius:3px; margin:4px -5px 0 5px; font-size:14px; }
#quickViewPopup .quickVariantBox[count="1"], #quickViewPopup .quickVariantBox[count="0"] { display:none; }
.addedToWishlistBox .doneBtn { background:#000 !important; border-color:#000; box-shadow:none; border-radius:0px; }
#scrollAttributeBox .swipeScrollBox::-webkit-scrollbar { display: none; }
#scrollAttributeBox .swipeScrollBox { box-sizing: border-box; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 30px; }
div#scrollAttributeBox { height: auto !important; }
#vendorItemName.vii { background: transparent; padding: initial; font-size: 13px !important; font-weight: 300 !important; }
.itemName-MCQ { font-size: 13px; font-weight: 300; overflow: hidden; text-overflow: ellipsis; }
.attrContainer { display: flex; align-items: center; gap: 3px; overflow-x: auto;}
.instockMessage { display: flex; align-items: center; }
.avCatInline { display: inline-block; overflow: hidden; text-overflow: ellipsis; height: 24px; width: 100%; width: calc(100% - 18px); white-space: nowrap; line-height: 24px; font-size: 14px !important; }
.avCatInline .ItemWarning { display: inline-block !important; overflow: hidden; text-overflow: ellipsis; height: 24px; width: 100%; width: calc(100% - 18px); white-space: nowrap; line-height: 24px; font-size: 14px;}
.availHovBox {display: none; position: absolute; background: #f9f9f9; padding: 2px 5px; /* for firefox */ top: -2px; /* end for firefox */ }
/* for Chrome */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .availHovBox { top: -3px; } } /* end for Chrome */
.instock:hover .availHovBox, .instock:focus .availHovBox { display: block; }
.posRel { position: relative; }
.catalogStock .availHovBox .ItemWarning { overflow: initial; text-overflow: ellipsis; height: auto; width: 100%; white-space: wrap; font-size: 14px; }
@media screen and (max-width:768px) {
.itemBox { margin: 0px;}
}
@media screen and (max-width:600px)
{
#resultContent { text-align: left; }
#resultsItemsList { justify-content: center; }
.itemGroupCount { top:13px; }
}
@media screen and (max-width:550px)
{
.itemBox { min-width:150px; }
.itemBox .itemImgBox { height:110px; }
.itemSavings { display:none; }
.itemButton:last-child { display:none; }
}
@keyframes height
{
0% { height:0px; }
100% { height:100%; }
}
@keyframes grow
{
0% { scale: 1 }
100%{ scale:1.2; }
}
</style>
<script>
var selectedWishlist = readCookie('listID');
function variations_ppvr(data)
{
var settings = data.settings;
var obj = data.obj;
var element = data.element;
var title = data.pprvar.title;
var app = data.pprvar.app;
var listType = title;
var models = obj.checkForModels();
var ui = obj.checkForUI();
obj.loader(models,ui,null,function()
{
$xo('popover-box').css({ 'width':'90vw' });
$xo('popover-box top-title').css({ 'width':'calc(100% - 80px)', 'text-align':'left' });
$xo('popover-box list-content').css({ 'max-height':'400px' });
obj.resize();
var basic_ui = new BasicUI_ppvr(data);
initialize();
function initialize()
{
settings['header'] = obj.translate('Product Variations');
settings['buttons']['status'] = 'false';
settings['return']['status'] = 'false';
obj.update();
basic_ui.loading();
$xo.ajax(
{
url: '/api/v0/page/ItemDetailVariants',
type: 'GET',
data:
{
decisionID: 2,
params:
{
0: $xo(element).attr('itemID')
}
},
success: function(data)
{
basic_ui.html('<padding style="padding:5px;">'+ data +'</padding>');
},
error: function(data)
{
basic_ui.html('<padding style="padding:5px;">Failed to load</padding>');
}
});
}
});
}
function quickviewResults(element)
{
var link = $xo(element).attr('link');
var variants = $xo(element).attr('variant-count');
$xo('#quickViewPopup').remove();
$xo('body').append('<div id="quickViewPopup" class="transPopup"><padding><loading><i class="fa fa-spinner fa-spin"></i></loading></padding></div>');
$xo('#quickViewPopup').attr({ header:'', width:'800px' });
popup('quickViewPopup');
$xo('#quickViewPopup .transPopupBtnHeader').prepend('<a href="'+ link +'"><div class="quickviewVisitItemDetails">View Full Product Information <div class="quickVariantBox" count="'+ variants +'">'+ variants +' OPTIONS</div></div></a>');
var params =
{
filter:'files',
keyword: 'Quickview.html',
XOItemID: $xo(element).closest('[xoitemid]').attr('xoitemid'),
render: 'twig',
SelectedBtnList: $xo(element).attr('add-button'),
SettingPricing: $xo(element).attr('settings-price'),
SettingExternalPrice: $xo(element).attr('settings-external-price'),
SettingAllowCheckout : $xo(element).attr('settings-checkout')
}
base_m.api('get','FileModel','/api/v1/app','McQueen Theme',params,function(responseData)
{
apiData = responseData;
$xo('#quickViewPopup padding').html(apiData.results.Quickview);
vicm_obj.set_vicm();
});
}
function selectedWishlistItems()
{
var customerID = readCookie('customerID');
var customerIDAddon = '';
if (customerID != null)
{
customerIDAddon = '&CustomerID='+ customerID;
}
if ('3' != 1 && ('3' == 5 || ('3' < 3 && customerID != null)))
{
base_m.api('get','InvoiceModel_get','/api/v0/order?InvoiceStatusID=8&fields=InvoiceID'+ customerIDAddon,null,null,function(responseData)
{
selectedWishlist = responseData.results[0].InvoiceID;
base_m.api('get','InvoiceModel_GetItem','/api/v0/order/'+ selectedWishlist +'/product?fields=invItemID,vendorID,vItemID',null,null,function(responseData2)
{
$xo('.itemBox .wishlist.active').removeClass('active').attr('xo-popover','Wishlist').removeAttr('invitemid');
$xo.each(responseData2.results,function(key,value)
{
$xo('.itemBox .wishlist[value="'+ value.VendorID +'-'+ value.VItemID +'"]').attr('invitemid',value.invItemID).addClass('active').removeAttr('xo-popover');
});
});
});
}
}
$xo(document).ready(function()
{
// QUICKVIEW
$xo('.itemBox').off('click','button[action="quickview"]').on('click','button[action="quickview"]',function()
{
quickviewResults(this);
});
// WISHLIST - REMOVE
var addedWishlistItemTimer;
$xo('.itemBox').off('click','.wishlist').on('click','.wishlist',function()
{
var thisVar = this;
if ($xo(thisVar).hasClass('active'))
{
// REMOVE ITEM
$xo(thisVar).removeClass('active');
setTimeout(function()
{
$xo(thisVar).attr({ 'xo-popover':'Wishlist' }).removeAttr('disabled');
},100);
var invItemID = $xo(thisVar).attr('invitemid');
var invoice_m = new InvoiceModel(selectedWishlist);
invoice_m.set_itemID(invItemID);
invoice_m.remove_item();
}
else
{
// SELECT ITEM
}
});
});
</script>
<div class="itemBox popover-out" xoitemid="51-2081" item-group="true" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="itemGroupCount"><div class="itemGroupBg" xo-popover="variations" itemID="51-2081">3 Options</div></div>
<div class="wishlist" xo-popover="Wishlist" value="51-2081"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/chiasso-5-in-outdoor-wall-light-textured-black/sku-V51-co-owb052tb">
<div class="itemImgBox">
<img src="/vendors/51/small/co-owb052tb.jpg" alt="Vaxcel International CO-OWB052TB - Chiasso 5-in Outdoor Wall Light Textured Black">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-2081" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/chiasso-5-in-outdoor-wall-light-textured-black/sku-V51-co-owb052tb" add-button="Cart" variant-count="3" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-2081">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Chiasso 5-in Outdoor Wall Light Textured Black</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">CO-OWB052TB</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>143.00</div>
</div>
</div>
</div>
</div>
<div class="itemBox popover-out" xoitemid="51-3459" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-3459"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/outland-975-in-outdoor-wall-light-aged-iron-and-light-gold/sku-V51-t0197">
<div class="itemImgBox">
<img src="/vendors/51/small/t0197.jpg" alt="Vaxcel International T0197 - Outland 9.75-in Outdoor Wall Light Aged Iron and Light Gold">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-3459" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/outland-975-in-outdoor-wall-light-aged-iron-and-light-gold/sku-V51-t0197" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-3459">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Outland 9.75-in Outdoor Wall Light Aged Iron and Light Gold</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">T0197</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>136.40</div>
</div>
</div>
</div>
</div>
<div class="itemBox popover-out" xoitemid="51-4369" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-4369"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/lexington-95-in-w-outdoor-wall-light-textured-black/sku-V51-t0539">
<div class="itemImgBox">
<img src="/vendors/51/small/t0539.jpg" alt="Vaxcel International T0539 - Lexington 9.5 in. W Outdoor Wall Light Textured Black">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-4369" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/lexington-95-in-w-outdoor-wall-light-textured-black/sku-V51-t0539" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-4369">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Lexington 9.5 in. W Outdoor Wall Light Textured Black</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">T0539</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>310.20</div>
</div>
</div>
</div>
</div>
<div class="itemBox popover-out" xoitemid="51-4396" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-4396"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/dorado-18-in-w-outdoor-wall-light-dark-bronze-with-light-gold/sku-V51-t0572">
<div class="itemImgBox">
<img src="/vendors/51/small/t0572.jpg" alt="Vaxcel International T0572 - Dorado 18 in. W Outdoor Wall Light Dark Bronze with Light Gold">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-4396" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/dorado-18-in-w-outdoor-wall-light-dark-bronze-with-light-gold/sku-V51-t0572" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-4396">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Dorado 18 in. W Outdoor Wall Light Dark Bronze with Light Gold</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">T0572</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>288.20</div>
</div>
</div>
</div>
</div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
Top Indoor
<style>
#resultsItemsList { display:-webkit-box; display:-ms-flexbox; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: start; -ms-flex-align: start; -ms-flex-wrap:wrap; }
#resultsItemsList { display:flex; align-items: stretch; flex-wrap:wrap; flex-flow:row wrap; background:#f9f9f9; padding:5px; gap:5px }
.itemBox { flex:1 1 15%; margin:10px; min-width:250px; }
.itemBox[placeholder="true"] { margin:0 10px; }
.itemBox .highlightBox { padding:5px; }
.itemBorderBox { background:#fff; text-align:center; border-radius:5px; }
.itemBoxTopBar { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; padding:15px 0px; position: relative; }
.itemBoxTopBar .fa-heart{ margin-right:15px; transition-duration: 0.3s; }
.itemBoxTopBar a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.itemBoxTopBar .itemGroupCount { position: absolute; background:#CC4B00; color:#fff; left:0; top:6px; padding:3px 3px; text-transform: uppercase; font-size:14px; padding:5px 10px; cursor:pointer; }
.itemBoxTopBar .wishlist { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width:50px; font-size:23px; }
.itemBoxTopBar .wishlist.active .fa-heart:before { content:"\f004"; font-family: "Font Awesome 6 Pro"; font-weight: 600; cursor:pointer; color:#da1a1a; transition:0.3s; animation-duration: 0.3s; animation-name: grow; }
.itemBoxTopBar .wishlist.active .fa-heart { animation-duration: 0.3s; animation-name: grow; transition:0.5s; }
.itemBoxTopBar .wishlist:not(.active) .fa-heart:hover:before { content:"\f004"; font-family: "Font Awesome 6 Pro"; font-weight: 600; cursor:pointer; color:#ccc; transition:0.3s; }
.itemBox .itemImgBox { text-align:center; width:100%; height:200px; }
.itemBox .itemImgBox img { max-width:90%; max-height:90%; position:relative; top:50%; transform:translateY(-50%); font-size:12px; }
.itemButtonBox { display:-webkit-box; display:-ms-flexbox; display:flex; position: relative; }
.itemButton { flex:1; white-space:nowrap; background:none; border:none; border-top:1px solid #f1f1f1; padding:8px; position:relative; border-left: 1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; color:#000; }
.itemButton:first-child { border-right:none; width:100%; border-radius:0 0 0 5px; }
.itemButton:nth-of-type(2){ width:100%; }
.itemButton:last-child { border-right:1px solid #f1f1f1; border-radius:0 0 5px 0; }
.itemButton:hover, .itemButton:focus{ color:rgb(255,255,255,); transition: 0.2s ease; animation-duration: 0.2s; animation-name:height; }
.itemButton:hover .itemTextBox { color:#fff; position: relative; z-index: 99; }
.itemButton:hover > .overlay { display: flex; position: absolute; background: rgb(0,0,0,1); height:100%; width:100%; z-index: 9; top:0; left: 0; animation-name:height; animation-duration: 0.3s; }
.itemInfoBox { padding:5px 5px 0; }
.attributeBox { display:inline-block; background:green; padding:3px 7px; color:#fff; word-wrap: nowrap; text-transform: uppercase; border-radius:3px; font-size:12px; min-width: max-content;}
.itemInfoText { font-size: 10px; font-weight: 400; white-space: nowrap; overflow: hidden; width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #000; }
.cogsPrice.cogs, .itemInfoText.vii { background:transparent !important; }
.cogsPrice.cogs { font-size: 10px; color: #a9a9a9; padding: 0; }
.itemInfoText #vendorItemName,
.itemInfoText #vendorItemId { font-size:13px; font-weight:300; }
.itemPriceBox { margin:5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.currentPrice { display:inline-block; vertical-align:top; font-size:14px; }
.itemSale { display:inline-block; vertical-align:bottom; font-size:12px; color:green; }
.itemSavings { display:inline-block; vertical-align:bottom; font-size:12px; color:#000; }
.instock { line-height: 24px; font-size:14px; margin-top:3px; }
.instock i { color:#000; padding:2px 3px; margin-right:2px; }
.instockMessage[color="green"] i { color:green; }
.instockMessage[color="orange"] i { color:#CC4B00; }
.instockMessage[color="red"] i { color:#990000; }
#quickViewPopup .transPopupBtnHeader { background:#fff; text-align:center; }
#quickViewPopup .transPopupBtnContainer { background:#fff; border-color:#fff; }
#quickViewPopup .quickviewVisitItemDetails { display:inline-block; vertical-align:top; background:#f1f1f1; color:#000; padding:0px 10px; margin:10px 0 0 10px; font-size:18px; line-height:34px; border-radius:5px; }
#quickViewPopup loading { height:350px; line-height:350px; font-size:50px; }
#quickViewPopup .quickVariantBox { display:inline-block; vertical-align:top; background:#CC4B00; color:#fff; padding:5px 10px; line-height:16px; border-radius:3px; margin:4px -5px 0 5px; font-size:14px; }
#quickViewPopup .quickVariantBox[count="1"], #quickViewPopup .quickVariantBox[count="0"] { display:none; }
.addedToWishlistBox .doneBtn { background:#000 !important; border-color:#000; box-shadow:none; border-radius:0px; }
#scrollAttributeBox .swipeScrollBox::-webkit-scrollbar { display: none; }
#scrollAttributeBox .swipeScrollBox { box-sizing: border-box; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 30px; }
div#scrollAttributeBox { height: auto !important; }
#vendorItemName.vii { background: transparent; padding: initial; font-size: 13px !important; font-weight: 300 !important; }
.itemName-MCQ { font-size: 13px; font-weight: 300; overflow: hidden; text-overflow: ellipsis; }
.attrContainer { display: flex; align-items: center; gap: 3px; overflow-x: auto;}
.instockMessage { display: flex; align-items: center; }
.avCatInline { display: inline-block; overflow: hidden; text-overflow: ellipsis; height: 24px; width: 100%; width: calc(100% - 18px); white-space: nowrap; line-height: 24px; font-size: 14px !important; }
.avCatInline .ItemWarning { display: inline-block !important; overflow: hidden; text-overflow: ellipsis; height: 24px; width: 100%; width: calc(100% - 18px); white-space: nowrap; line-height: 24px; font-size: 14px;}
.availHovBox {display: none; position: absolute; background: #f9f9f9; padding: 2px 5px; /* for firefox */ top: -2px; /* end for firefox */ }
/* for Chrome */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .availHovBox { top: -3px; } } /* end for Chrome */
.instock:hover .availHovBox, .instock:focus .availHovBox { display: block; }
.posRel { position: relative; }
.catalogStock .availHovBox .ItemWarning { overflow: initial; text-overflow: ellipsis; height: auto; width: 100%; white-space: wrap; font-size: 14px; }
@media screen and (max-width:768px) {
.itemBox { margin: 0px;}
}
@media screen and (max-width:600px)
{
#resultContent { text-align: left; }
#resultsItemsList { justify-content: center; }
.itemGroupCount { top:13px; }
}
@media screen and (max-width:550px)
{
.itemBox { min-width:150px; }
.itemBox .itemImgBox { height:110px; }
.itemSavings { display:none; }
.itemButton:last-child { display:none; }
}
@keyframes height
{
0% { height:0px; }
100% { height:100%; }
}
@keyframes grow
{
0% { scale: 1 }
100%{ scale:1.2; }
}
</style>
<script>
var selectedWishlist = readCookie('listID');
function variations_ppvr(data)
{
var settings = data.settings;
var obj = data.obj;
var element = data.element;
var title = data.pprvar.title;
var app = data.pprvar.app;
var listType = title;
var models = obj.checkForModels();
var ui = obj.checkForUI();
obj.loader(models,ui,null,function()
{
$xo('popover-box').css({ 'width':'90vw' });
$xo('popover-box top-title').css({ 'width':'calc(100% - 80px)', 'text-align':'left' });
$xo('popover-box list-content').css({ 'max-height':'400px' });
obj.resize();
var basic_ui = new BasicUI_ppvr(data);
initialize();
function initialize()
{
settings['header'] = obj.translate('Product Variations');
settings['buttons']['status'] = 'false';
settings['return']['status'] = 'false';
obj.update();
basic_ui.loading();
$xo.ajax(
{
url: '/api/v0/page/ItemDetailVariants',
type: 'GET',
data:
{
decisionID: 2,
params:
{
0: $xo(element).attr('itemID')
}
},
success: function(data)
{
basic_ui.html('<padding style="padding:5px;">'+ data +'</padding>');
},
error: function(data)
{
basic_ui.html('<padding style="padding:5px;">Failed to load</padding>');
}
});
}
});
}
function quickviewResults(element)
{
var link = $xo(element).attr('link');
var variants = $xo(element).attr('variant-count');
$xo('#quickViewPopup').remove();
$xo('body').append('<div id="quickViewPopup" class="transPopup"><padding><loading><i class="fa fa-spinner fa-spin"></i></loading></padding></div>');
$xo('#quickViewPopup').attr({ header:'', width:'800px' });
popup('quickViewPopup');
$xo('#quickViewPopup .transPopupBtnHeader').prepend('<a href="'+ link +'"><div class="quickviewVisitItemDetails">View Full Product Information <div class="quickVariantBox" count="'+ variants +'">'+ variants +' OPTIONS</div></div></a>');
var params =
{
filter:'files',
keyword: 'Quickview.html',
XOItemID: $xo(element).closest('[xoitemid]').attr('xoitemid'),
render: 'twig',
SelectedBtnList: $xo(element).attr('add-button'),
SettingPricing: $xo(element).attr('settings-price'),
SettingExternalPrice: $xo(element).attr('settings-external-price'),
SettingAllowCheckout : $xo(element).attr('settings-checkout')
}
base_m.api('get','FileModel','/api/v1/app','McQueen Theme',params,function(responseData)
{
apiData = responseData;
$xo('#quickViewPopup padding').html(apiData.results.Quickview);
vicm_obj.set_vicm();
});
}
function selectedWishlistItems()
{
var customerID = readCookie('customerID');
var customerIDAddon = '';
if (customerID != null)
{
customerIDAddon = '&CustomerID='+ customerID;
}
if ('3' != 1 && ('3' == 5 || ('3' < 3 && customerID != null)))
{
base_m.api('get','InvoiceModel_get','/api/v0/order?InvoiceStatusID=8&fields=InvoiceID'+ customerIDAddon,null,null,function(responseData)
{
selectedWishlist = responseData.results[0].InvoiceID;
base_m.api('get','InvoiceModel_GetItem','/api/v0/order/'+ selectedWishlist +'/product?fields=invItemID,vendorID,vItemID',null,null,function(responseData2)
{
$xo('.itemBox .wishlist.active').removeClass('active').attr('xo-popover','Wishlist').removeAttr('invitemid');
$xo.each(responseData2.results,function(key,value)
{
$xo('.itemBox .wishlist[value="'+ value.VendorID +'-'+ value.VItemID +'"]').attr('invitemid',value.invItemID).addClass('active').removeAttr('xo-popover');
});
});
});
}
}
$xo(document).ready(function()
{
// QUICKVIEW
$xo('.itemBox').off('click','button[action="quickview"]').on('click','button[action="quickview"]',function()
{
quickviewResults(this);
});
// WISHLIST - REMOVE
var addedWishlistItemTimer;
$xo('.itemBox').off('click','.wishlist').on('click','.wishlist',function()
{
var thisVar = this;
if ($xo(thisVar).hasClass('active'))
{
// REMOVE ITEM
$xo(thisVar).removeClass('active');
setTimeout(function()
{
$xo(thisVar).attr({ 'xo-popover':'Wishlist' }).removeAttr('disabled');
},100);
var invItemID = $xo(thisVar).attr('invitemid');
var invoice_m = new InvoiceModel(selectedWishlist);
invoice_m.set_itemID(invItemID);
invoice_m.remove_item();
}
else
{
// SELECT ITEM
}
});
});
</script>
<div class="itemBox popover-out" xoitemid="51-3162" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-3162"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/elsa-5l-linear-chandelier-satin-nickel/sku-V51-p0140">
<div class="itemImgBox">
<img src="/vendors/51/small/p0140.jpg" alt="Vaxcel International P0140 - Elsa 5L Linear Chandelier Satin Nickel">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-3162" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/elsa-5l-linear-chandelier-satin-nickel/sku-V51-p0140" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-3162">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Elsa 5L Linear Chandelier Satin Nickel</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">P0140</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>913.00</div>
</div>
</div>
</div>
</div>
<div class="itemBox popover-out" xoitemid="51-3404" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-3404"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/burnaby-205-in-semi-flush-ceiling-light-matte-brass/sku-V51-c0112">
<div class="itemImgBox">
<img src="/vendors/51/small/c0112.jpg" alt="Vaxcel International C0112 - Burnaby 20.5-in Semi Flush Ceiling Light Matte Brass">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-3404" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/burnaby-205-in-semi-flush-ceiling-light-matte-brass/sku-V51-c0112" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-3404">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Burnaby 20.5-in Semi Flush Ceiling Light Matte Brass</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">C0112</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>396.00</div>
</div>
</div>
</div>
</div>
<div class="itemBox popover-out" xoitemid="51-3424" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-3424"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/milano-475-in-mini-pendant-marble-swirl-glass-satin-nickel/sku-V51-p0176">
<div class="itemImgBox">
<img src="/vendors/51/small/p0176.jpg" alt="Vaxcel International P0176 - Milano 4.75-in Mini Pendant Marble Swirl Glass Satin Nickel">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-3424" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/milano-475-in-mini-pendant-marble-swirl-glass-satin-nickel/sku-V51-p0176" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-3424">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Milano 4.75-in Mini Pendant Marble Swirl Glass Satin Nickel</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">P0176</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>143.00</div>
</div>
</div>
</div>
</div>
<div class="itemBox popover-out" xoitemid="51-4196" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-4196"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/vilo-1l-vanity-golden-brass/sku-V51-w0309">
<div class="itemImgBox">
<img src="/vendors/51/small/w0309.jpg" alt="Vaxcel International W0309 - Vilo 1L Vanity Golden Brass">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-4196" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/vilo-1l-vanity-golden-brass/sku-V51-w0309" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-4196">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Vilo 1L Vanity Golden Brass</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">W0309</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>191.40</div>
</div>
</div>
</div>
</div>
<div class="itemBox popover-out" xoitemid="51-4248" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-4248"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/rainier-6l-linear-chandelier-silver-mist/sku-V51-h0231">
<div class="itemImgBox">
<img src="/vendors/51/small/h0231.jpg" alt="Vaxcel International H0231 - Rainier 6L Linear Chandelier Silver Mist">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-4248" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/rainier-6l-linear-chandelier-silver-mist/sku-V51-h0231" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-4248">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Rainier 6L Linear Chandelier Silver Mist</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">H0231</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>1,045.00</div>
</div>
</div>
</div>
</div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
Top Ceiling Fans
<style>
#resultsItemsList { display:-webkit-box; display:-ms-flexbox; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: start; -ms-flex-align: start; -ms-flex-wrap:wrap; }
#resultsItemsList { display:flex; align-items: stretch; flex-wrap:wrap; flex-flow:row wrap; background:#f9f9f9; padding:5px; gap:5px }
.itemBox { flex:1 1 15%; margin:10px; min-width:250px; }
.itemBox[placeholder="true"] { margin:0 10px; }
.itemBox .highlightBox { padding:5px; }
.itemBorderBox { background:#fff; text-align:center; border-radius:5px; }
.itemBoxTopBar { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; padding:15px 0px; position: relative; }
.itemBoxTopBar .fa-heart{ margin-right:15px; transition-duration: 0.3s; }
.itemBoxTopBar a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.itemBoxTopBar .itemGroupCount { position: absolute; background:#CC4B00; color:#fff; left:0; top:6px; padding:3px 3px; text-transform: uppercase; font-size:14px; padding:5px 10px; cursor:pointer; }
.itemBoxTopBar .wishlist { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width:50px; font-size:23px; }
.itemBoxTopBar .wishlist.active .fa-heart:before { content:"\f004"; font-family: "Font Awesome 6 Pro"; font-weight: 600; cursor:pointer; color:#da1a1a; transition:0.3s; animation-duration: 0.3s; animation-name: grow; }
.itemBoxTopBar .wishlist.active .fa-heart { animation-duration: 0.3s; animation-name: grow; transition:0.5s; }
.itemBoxTopBar .wishlist:not(.active) .fa-heart:hover:before { content:"\f004"; font-family: "Font Awesome 6 Pro"; font-weight: 600; cursor:pointer; color:#ccc; transition:0.3s; }
.itemBox .itemImgBox { text-align:center; width:100%; height:200px; }
.itemBox .itemImgBox img { max-width:90%; max-height:90%; position:relative; top:50%; transform:translateY(-50%); font-size:12px; }
.itemButtonBox { display:-webkit-box; display:-ms-flexbox; display:flex; position: relative; }
.itemButton { flex:1; white-space:nowrap; background:none; border:none; border-top:1px solid #f1f1f1; padding:8px; position:relative; border-left: 1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; color:#000; }
.itemButton:first-child { border-right:none; width:100%; border-radius:0 0 0 5px; }
.itemButton:nth-of-type(2){ width:100%; }
.itemButton:last-child { border-right:1px solid #f1f1f1; border-radius:0 0 5px 0; }
.itemButton:hover, .itemButton:focus{ color:rgb(255,255,255,); transition: 0.2s ease; animation-duration: 0.2s; animation-name:height; }
.itemButton:hover .itemTextBox { color:#fff; position: relative; z-index: 99; }
.itemButton:hover > .overlay { display: flex; position: absolute; background: rgb(0,0,0,1); height:100%; width:100%; z-index: 9; top:0; left: 0; animation-name:height; animation-duration: 0.3s; }
.itemInfoBox { padding:5px 5px 0; }
.attributeBox { display:inline-block; background:green; padding:3px 7px; color:#fff; word-wrap: nowrap; text-transform: uppercase; border-radius:3px; font-size:12px; min-width: max-content;}
.itemInfoText { font-size: 10px; font-weight: 400; white-space: nowrap; overflow: hidden; width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #000; }
.cogsPrice.cogs, .itemInfoText.vii { background:transparent !important; }
.cogsPrice.cogs { font-size: 10px; color: #a9a9a9; padding: 0; }
.itemInfoText #vendorItemName,
.itemInfoText #vendorItemId { font-size:13px; font-weight:300; }
.itemPriceBox { margin:5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.currentPrice { display:inline-block; vertical-align:top; font-size:14px; }
.itemSale { display:inline-block; vertical-align:bottom; font-size:12px; color:green; }
.itemSavings { display:inline-block; vertical-align:bottom; font-size:12px; color:#000; }
.instock { line-height: 24px; font-size:14px; margin-top:3px; }
.instock i { color:#000; padding:2px 3px; margin-right:2px; }
.instockMessage[color="green"] i { color:green; }
.instockMessage[color="orange"] i { color:#CC4B00; }
.instockMessage[color="red"] i { color:#990000; }
#quickViewPopup .transPopupBtnHeader { background:#fff; text-align:center; }
#quickViewPopup .transPopupBtnContainer { background:#fff; border-color:#fff; }
#quickViewPopup .quickviewVisitItemDetails { display:inline-block; vertical-align:top; background:#f1f1f1; color:#000; padding:0px 10px; margin:10px 0 0 10px; font-size:18px; line-height:34px; border-radius:5px; }
#quickViewPopup loading { height:350px; line-height:350px; font-size:50px; }
#quickViewPopup .quickVariantBox { display:inline-block; vertical-align:top; background:#CC4B00; color:#fff; padding:5px 10px; line-height:16px; border-radius:3px; margin:4px -5px 0 5px; font-size:14px; }
#quickViewPopup .quickVariantBox[count="1"], #quickViewPopup .quickVariantBox[count="0"] { display:none; }
.addedToWishlistBox .doneBtn { background:#000 !important; border-color:#000; box-shadow:none; border-radius:0px; }
#scrollAttributeBox .swipeScrollBox::-webkit-scrollbar { display: none; }
#scrollAttributeBox .swipeScrollBox { box-sizing: border-box; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 30px; }
div#scrollAttributeBox { height: auto !important; }
#vendorItemName.vii { background: transparent; padding: initial; font-size: 13px !important; font-weight: 300 !important; }
.itemName-MCQ { font-size: 13px; font-weight: 300; overflow: hidden; text-overflow: ellipsis; }
.attrContainer { display: flex; align-items: center; gap: 3px; overflow-x: auto;}
.instockMessage { display: flex; align-items: center; }
.avCatInline { display: inline-block; overflow: hidden; text-overflow: ellipsis; height: 24px; width: 100%; width: calc(100% - 18px); white-space: nowrap; line-height: 24px; font-size: 14px !important; }
.avCatInline .ItemWarning { display: inline-block !important; overflow: hidden; text-overflow: ellipsis; height: 24px; width: 100%; width: calc(100% - 18px); white-space: nowrap; line-height: 24px; font-size: 14px;}
.availHovBox {display: none; position: absolute; background: #f9f9f9; padding: 2px 5px; /* for firefox */ top: -2px; /* end for firefox */ }
/* for Chrome */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .availHovBox { top: -3px; } } /* end for Chrome */
.instock:hover .availHovBox, .instock:focus .availHovBox { display: block; }
.posRel { position: relative; }
.catalogStock .availHovBox .ItemWarning { overflow: initial; text-overflow: ellipsis; height: auto; width: 100%; white-space: wrap; font-size: 14px; }
@media screen and (max-width:768px) {
.itemBox { margin: 0px;}
}
@media screen and (max-width:600px)
{
#resultContent { text-align: left; }
#resultsItemsList { justify-content: center; }
.itemGroupCount { top:13px; }
}
@media screen and (max-width:550px)
{
.itemBox { min-width:150px; }
.itemBox .itemImgBox { height:110px; }
.itemSavings { display:none; }
.itemButton:last-child { display:none; }
}
@keyframes height
{
0% { height:0px; }
100% { height:100%; }
}
@keyframes grow
{
0% { scale: 1 }
100%{ scale:1.2; }
}
</style>
<script>
var selectedWishlist = readCookie('listID');
function variations_ppvr(data)
{
var settings = data.settings;
var obj = data.obj;
var element = data.element;
var title = data.pprvar.title;
var app = data.pprvar.app;
var listType = title;
var models = obj.checkForModels();
var ui = obj.checkForUI();
obj.loader(models,ui,null,function()
{
$xo('popover-box').css({ 'width':'90vw' });
$xo('popover-box top-title').css({ 'width':'calc(100% - 80px)', 'text-align':'left' });
$xo('popover-box list-content').css({ 'max-height':'400px' });
obj.resize();
var basic_ui = new BasicUI_ppvr(data);
initialize();
function initialize()
{
settings['header'] = obj.translate('Product Variations');
settings['buttons']['status'] = 'false';
settings['return']['status'] = 'false';
obj.update();
basic_ui.loading();
$xo.ajax(
{
url: '/api/v0/page/ItemDetailVariants',
type: 'GET',
data:
{
decisionID: 2,
params:
{
0: $xo(element).attr('itemID')
}
},
success: function(data)
{
basic_ui.html('<padding style="padding:5px;">'+ data +'</padding>');
},
error: function(data)
{
basic_ui.html('<padding style="padding:5px;">Failed to load</padding>');
}
});
}
});
}
function quickviewResults(element)
{
var link = $xo(element).attr('link');
var variants = $xo(element).attr('variant-count');
$xo('#quickViewPopup').remove();
$xo('body').append('<div id="quickViewPopup" class="transPopup"><padding><loading><i class="fa fa-spinner fa-spin"></i></loading></padding></div>');
$xo('#quickViewPopup').attr({ header:'', width:'800px' });
popup('quickViewPopup');
$xo('#quickViewPopup .transPopupBtnHeader').prepend('<a href="'+ link +'"><div class="quickviewVisitItemDetails">View Full Product Information <div class="quickVariantBox" count="'+ variants +'">'+ variants +' OPTIONS</div></div></a>');
var params =
{
filter:'files',
keyword: 'Quickview.html',
XOItemID: $xo(element).closest('[xoitemid]').attr('xoitemid'),
render: 'twig',
SelectedBtnList: $xo(element).attr('add-button'),
SettingPricing: $xo(element).attr('settings-price'),
SettingExternalPrice: $xo(element).attr('settings-external-price'),
SettingAllowCheckout : $xo(element).attr('settings-checkout')
}
base_m.api('get','FileModel','/api/v1/app','McQueen Theme',params,function(responseData)
{
apiData = responseData;
$xo('#quickViewPopup padding').html(apiData.results.Quickview);
vicm_obj.set_vicm();
});
}
function selectedWishlistItems()
{
var customerID = readCookie('customerID');
var customerIDAddon = '';
if (customerID != null)
{
customerIDAddon = '&CustomerID='+ customerID;
}
if ('3' != 1 && ('3' == 5 || ('3' < 3 && customerID != null)))
{
base_m.api('get','InvoiceModel_get','/api/v0/order?InvoiceStatusID=8&fields=InvoiceID'+ customerIDAddon,null,null,function(responseData)
{
selectedWishlist = responseData.results[0].InvoiceID;
base_m.api('get','InvoiceModel_GetItem','/api/v0/order/'+ selectedWishlist +'/product?fields=invItemID,vendorID,vItemID',null,null,function(responseData2)
{
$xo('.itemBox .wishlist.active').removeClass('active').attr('xo-popover','Wishlist').removeAttr('invitemid');
$xo.each(responseData2.results,function(key,value)
{
$xo('.itemBox .wishlist[value="'+ value.VendorID +'-'+ value.VItemID +'"]').attr('invitemid',value.invItemID).addClass('active').removeAttr('xo-popover');
});
});
});
}
}
$xo(document).ready(function()
{
// QUICKVIEW
$xo('.itemBox').off('click','button[action="quickview"]').on('click','button[action="quickview"]',function()
{
quickviewResults(this);
});
// WISHLIST - REMOVE
var addedWishlistItemTimer;
$xo('.itemBox').off('click','.wishlist').on('click','.wishlist',function()
{
var thisVar = this;
if ($xo(thisVar).hasClass('active'))
{
// REMOVE ITEM
$xo(thisVar).removeClass('active');
setTimeout(function()
{
$xo(thisVar).attr({ 'xo-popover':'Wishlist' }).removeAttr('disabled');
},100);
var invItemID = $xo(thisVar).attr('invitemid');
var invoice_m = new InvoiceModel(selectedWishlist);
invoice_m.set_itemID(invItemID);
invoice_m.remove_item();
}
else
{
// SELECT ITEM
}
});
});
</script>
<div class="itemBox popover-out" xoitemid="51-1871" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-1871"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/yellowstone-56-in-moose-ceiling-fan-burnished-bronze/sku-V51-fn56305bbz">
<div class="itemImgBox">
<img src="/vendors/51/small/fn56305bbz.jpg" alt="Vaxcel International FN56305BBZ - Yellowstone 56-in Moose Ceiling Fan Burnished Bronze">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-1871" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/yellowstone-56-in-moose-ceiling-fan-burnished-bronze/sku-V51-fn56305bbz" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-1871">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Yellowstone 56-in Moose Ceiling Fan Burnished Bronze</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">FN56305BBZ</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>825.00</div>
</div>
</div>
</div>
</div>
<div class="itemBox popover-out" xoitemid="51-4316" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-4316"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/barnes-54-in-w-ceiling-fan-matte-black-with-rustic-oak/sku-V51-f0055">
<div class="itemImgBox">
<img src="/vendors/51/small/f0055.jpg" alt="Vaxcel International F0055 - Barnes 54 in. W Ceiling Fan Matte Black with Rustic Oak">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-4316" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/barnes-54-in-w-ceiling-fan-matte-black-with-rustic-oak/sku-V51-f0055" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-4316">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Barnes 54 in. W Ceiling Fan Matte Black with Rustic Oak</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">F0055</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>550.00</div>
</div>
</div>
</div>
</div>
<div class="itemBox popover-out" xoitemid="51-4317" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-4317"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/kodiak-21-in-w-ceiling-fan-oil-rubbed-bronze-and-burnished-teak/sku-V51-f0068">
<div class="itemImgBox">
<img src="/vendors/51/small/f0068.jpg" alt="Vaxcel International F0068 - Kodiak 21 in. W Ceiling Fan Oil Rubbed Bronze and Burnished Teak">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-4317" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/kodiak-21-in-w-ceiling-fan-oil-rubbed-bronze-and-burnished-teak/sku-V51-f0068" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-4317">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Kodiak 21 in. W Ceiling Fan Oil Rubbed Bronze and Burnished Teak</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">F0068</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>655.60</div>
</div>
</div>
</div>
</div>
<div class="itemBox popover-out" xoitemid="51-4453" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-4453"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/burlington-68-in-led-ceiling-fan-new-bronze/sku-V51-f0092">
<div class="itemImgBox">
<img src="/vendors/51/small/F0092.jpg" alt="Vaxcel International F0092 - Burlington 68-in. LED Ceiling Fan New Bronze">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-4453" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/burlington-68-in-led-ceiling-fan-new-bronze/sku-V51-f0092" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-4453">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Burlington 68-in. LED Ceiling Fan New Bronze</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">F0092</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>796.40</div>
</div>
</div>
</div>
</div>
<div class="itemBox popover-out" xoitemid="51-4498" item-group="false" external-price-status="false" show-cart="true">
<div class="highlightBox ">
<div class="itemBorderBox">
<div class="itemBoxTopBar">
<div class="wishlist" xo-popover="Wishlist" value="51-4498"><i class="fa-light fa-heart"></i></div>
</div>
<a href="/brand-vaxcel-international/curtiss-52-in-ceiling-fan-satin-brass/sku-V51-f0097">
<div class="itemImgBox">
<img src="/vendors/51/small/F0097.jpg" alt="Vaxcel International F0097 - Curtiss 52-in. Ceiling Fan Satin Brass">
</div>
</a>
<div class="itemButtonBox" checkout="true" cart="true" pack="1">
<button class="itemButton " value="51-4498" quantity="1" xo-popover="Cart">
<div class="itemTextBox">Add</div>
<div class="overlay"></div>
</button>
<button class="itemButton" action="quickview" link="/brand-vaxcel-international/curtiss-52-in-ceiling-fan-satin-brass/sku-V51-f0097" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="true">
<div class="itemTextBox">Quick View</div>
<div class="overlay"></div>
</button>
<button class="itemButton" xo-popover="Compare" value="51-4498">
<div class="itemTextBox">Compare</div>
<div class="overlay"></div>
</button>
</div>
</div>
</div>
<div class="itemInfoBox">
<div class="itemInfoText">
<div class="itemName-MCQ">Curtiss 52-in. Ceiling Fan Satin Brass</div>
<div id="vendorItemName" class="vii">Vaxcel International</div>
<div id="vendorItemId">F0097</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>605.00</div>
</div>
</div>
</div>
</div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
<div class="itemBox" placeholder="true"></div>
Why Vaxcel?
Express Yourself. Elevate Your Home.
For over 30 years, Vaxcel has been a trusted leader in residential lighting, crafting designs that blend on-trend style with enduring quality and practical functionality. We believe your lighting should both reflect your unique personality and amplify your home's aesthetic.
From minimalist havens to timeless classics or bold, eclectic statements, Vaxcel offers a wide range of styles to bring your vision to life. Our designs are crafted for the style-savvy homeowner who wants to create a space that's both beautiful and functional, without breaking the bank.
3 Options
Chiasso 5-in Outdoor Wall Light Textured Black
Vaxcel International
CO-OWD050TB
$103.40
Beloit 9-in. W Mini Pendant Brushed Gold
Vaxcel International
P0429
$198.00
Huntley 3 Light Vanity Natural Brass
Vaxcel International
W0453
$266.20
Wellington 6-in. Dusk to Dawn Outdoor Wall Light Medium Bronze
Vaxcel International
T0738
$94.60
Lombard Dualux 4.75-in. Outdoor Motion Sensor Wall Light Textured Black
Vaxcel International
T0736
$136.40
Rhine 15.75-in. 4 Light Semi-flush Mount Black and Natural Brass
Vaxcel International
C0302
$121.00
Sloane 1 Light Wall Light Satin Brass
Vaxcel International
W0432
$136.40
Surrey 22-in. 5 Light Chandelier Natural Brass
Vaxcel International
H0273
$552.20
Lexington 1 Light Dualux 8-in. Outdoor Motion Sensor Wall Light Textured Black
Vaxcel International
T0636
$297.00
Outland Dualux 10-in. Outdoor Motion Sensor Wall Light Aged Iron and Light Gold
Vaxcel International
T0669
$200.20
Isabel 16-in 4 Light Pendant Satin Nickel
Vaxcel International
P0364
$682.00
Beloit 9-in. Mini Pendant Matte Black
Vaxcel International
P0357
$202.40
Breckenridge 30.5-in. 6 Light Antler Chandelier Aged Iron with Natural Rope
Vaxcel International
H0261
$1,232.00
Dorado Motion Sensor Dusk to Dawn Outdoor Wall Light Dark Bronze and Light Gold
Vaxcel International
T0387
$266.20
Dorado 15-in Outdoor Pendant Dark Bronze and Light Gold
Vaxcel International
T0373
$195.80
Dorado 15-in Outdoor Wall Light Dark Bronze and Light Gold
Vaxcel International
T0369
$228.80
Dorado 9-in Outdoor Wall Light Dark Bronze and Light Gold
Vaxcel International
T0367
$136.40
Charleston 56-in LED Ceiling Fan New Bronze
Vaxcel International
F0044
$668.80
Yoho 6L Antler Chandelier Black Walnut
Vaxcel International
H0016
$1,141.80
Vine 9.25-in Wall Light Oil Shale
Vaxcel International
WS38865OL
$228.80
Lodge 7-in Antler Mini Pendant Noachian Stone
Vaxcel International
PD33057NS
$180.40
Adrian 44-in LED Ceiling Fan Copper Bronze
Vaxcel International
F0063
$382.80
Marina Bay 3L Chandelier Polished Nickel
Vaxcel International
H0047
$393.80
Glenview 7-in. 1 W Light Wall Light Satin Brass
Vaxcel International
W0551
$83.60
Items Per Page:
View Footer