Shop Clearance
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="/armitage-32-in-5-light-semi-flush-mount-matte-black/sku-J6XP">
<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="/armitage-32-in-5-light-semi-flush-mount-matte-black/sku-J6XP" 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">J6XP</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>472.50</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="/beacon-hill-led-13-in-flush-mount-matte-black-and-satin-gold/sku-J6ZG">
<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="/beacon-hill-led-13-in-flush-mount-matte-black-and-satin-gold/sku-J6ZG" 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">J6ZG</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>117.60</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="/avers-26-in-4-light-chandelier-natural-brass/sku-J7WD">
<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="/avers-26-in-4-light-chandelier-natural-brass/sku-J7WD" 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">J7WD</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>390.60</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="/huntley-3-light-vanity-natural-brass/sku-J8VD">
<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="/huntley-3-light-vanity-natural-brass/sku-J8VD" 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">J8VD</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>254.10</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="/barcelo-625-in-led-wall-light-matte-black/sku-J8VG">
<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" action="quickview" link="/barcelo-625-in-led-wall-light-matte-black/sku-J8VG" 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">J8VG</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>130.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 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="/chiasso-5-in-outdoor-wall-light-textured-black/sku-AXQF">
<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="/chiasso-5-in-outdoor-wall-light-textured-black/sku-AXQF" 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">AXQF</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>136.50</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="/outland-975-in-outdoor-wall-light-aged-iron-and-light-gold/sku-F2DM">
<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="/outland-975-in-outdoor-wall-light-aged-iron-and-light-gold/sku-F2DM" 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">F2DM</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>130.20</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="/lexington-95-in-w-outdoor-wall-light-textured-black/sku-J32P">
<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" action="quickview" link="/lexington-95-in-w-outdoor-wall-light-textured-black/sku-J32P" 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">J32P</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>296.10</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="/dorado-18-in-w-outdoor-wall-light-dark-bronze-with-light-gold/sku-J3ZN">
<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="/dorado-18-in-w-outdoor-wall-light-dark-bronze-with-light-gold/sku-J3ZN" 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">J3ZN</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>275.10</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="/elsa-5l-linear-chandelier-satin-nickel/sku-EZFZ">
<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="/elsa-5l-linear-chandelier-satin-nickel/sku-EZFZ" 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">EZFZ</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>871.50</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="/burnaby-205-in-semi-flush-ceiling-light-matte-brass/sku-F2AX">
<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="/burnaby-205-in-semi-flush-ceiling-light-matte-brass/sku-F2AX" 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">F2AX</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>378.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="/milano-475-in-mini-pendant-marble-swirl-glass-satin-nickel/sku-F2CJ">
<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="/milano-475-in-mini-pendant-marble-swirl-glass-satin-nickel/sku-F2CJ" 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">F2CJ</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>136.50</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="/vilo-1l-vanity-golden-brass/sku-J215">
<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="/vilo-1l-vanity-golden-brass/sku-J215" 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">J215</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>182.70</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="/rainier-6l-linear-chandelier-silver-mist/sku-J22T">
<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="/rainier-6l-linear-chandelier-silver-mist/sku-J22T" 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">J22T</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>997.50</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="/yellowstone-56-in-moose-ceiling-fan-burnished-bronze/sku-8300">
<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="/yellowstone-56-in-moose-ceiling-fan-burnished-bronze/sku-8300" 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">8300</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>787.50</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="/barnes-54-in-w-ceiling-fan-matte-black-with-rustic-oak/sku-J311">
<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="/barnes-54-in-w-ceiling-fan-matte-black-with-rustic-oak/sku-J311" 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">J311</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>525.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="/kodiak-21-in-w-ceiling-fan-oil-rubbed-bronze-and-burnished-teak/sku-J312">
<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" action="quickview" link="/kodiak-21-in-w-ceiling-fan-oil-rubbed-bronze-and-burnished-teak/sku-J312" 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">J312</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>625.80</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="/burlington-68-in-led-ceiling-fan-new-bronze/sku-J41F">
<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="/burlington-68-in-led-ceiling-fan-new-bronze/sku-J41F" 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">J41F</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>760.20</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="/curtiss-52-in-ceiling-fan-satin-brass/sku-J4YZ">
<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="/curtiss-52-in-ceiling-fan-satin-brass/sku-J4YZ" 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">J4YZ</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>577.50</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.
10.5-in. W 2 Light LED Outdoor Motion Sensor Security Flood Light with GFCI Outlet Black
Vaxcel International
M1TP
$141.75
Acadia 12-in. H Outdoor Wall Light Matte Black
Vaxcel International
M1U1
$140.70
Acadia 12.25-in. H Outdoor Motion Sensor Wall Light Matte Black
Vaxcel International
M1U0
$121.80
Acadia 14.5-in. W 2 Light Vanity with LED Night Light Bronze
Vaxcel International
M2PA
$154.35
Acadia 23-in. W 3 Light Vanity with LED Night Light Bronze
Vaxcel International
M2PC
$213.15
Acadia 31.5-in. W 4 Light Vanity with LED Night Light Bronze
Vaxcel International
M2PD
$277.20
Annabelle 30-in. W 6 Light Chandelier Muted Brass
Vaxcel International
M1TA
$173.25
Armitage 32-in. W 5 Light Semi-Flush Muted Brass
Vaxcel International
M1T6
$464.10
Bari 21.5-in. 2 Light Wall Light Matte Black
Vaxcel International
M2PE
$152.25
Bari 21.5-in. 2 Light Wall Light Satin Brass
Vaxcel International
M2PF
$152.25
Bella 28.25-in. W 3 Light Vanity Matte Black
Vaxcel International
M2PN
$235.20
Bella 37.5-in. W 4 Light Vanity Matte Black
Vaxcel International
M2PP
$303.45
Beloit 12-in. W 1 Light Semi-Flush Mount Matte Black
Vaxcel International
M1T4
$170.10
Beloit 25.5-in. W 3 Light Vanity Matte Black
Vaxcel International
M2PQ
$213.15
Bosworth 22-in. W 3 Light Vanity Matte Black
Vaxcel International
M2PX
$139.65
Bosworth 22-in. W 3 Light Vanity Muted Brass
Vaxcel International
M2PW
$150.15
Brentwood 24-in. W 5 Light Pendant Sunset Gold
Vaxcel International
M1TD
$415.80
Clinton 12-in. W 2 Light Outdoor Flush Mount Matte Black
Vaxcel International
M1TZ
$122.85
Clinton 5-in. W Outdoor Wall Light Matte Black
Vaxcel International
M1TY
$91.35
Clinton 6-in. W Outdoor Motion Sensor Wall Light Matte Black
Vaxcel International
M1TX
$149.10
Division 24-in. LED Vanity Light Bright Gold
Vaxcel International
M2PL
$152.25
Division 24-in. LED Vanity Light Matte Black
Vaxcel International
M2PM
$141.75
Eastgate 12-in. W 1 Light Pendant Antique Gold
Vaxcel International
M1TM
$132.30
Eastgate 12-in. W 1 Light Pendant Matte Black
Vaxcel International
M1TN
$132.30
Items Per Page:
View Footer