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/c0297/sku-J092">
<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" action="quickview" link="/brand-vaxcel-international/armitage-32-in-5-light-semi-flush-mount-matte-black/c0297/sku-J092" 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">J092</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>445.50</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $675.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/c0303/sku-J0AV">
<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/c0303/sku-J0AV" 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">J0AV</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>110.88</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $168.00</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/h0295/sku-J17R">
<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/h0295/sku-J17R" 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">J17R</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>368.28</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $558.00</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/w0453/sku-J26R">
<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/w0453/sku-J26R" 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">J26R</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>239.58</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $363.00</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/w0459/sku-J26V">
<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/w0459/sku-J26V" 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">J26V</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>122.76</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $186.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 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/co-owb052tb/sku-AQ2U">
<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/co-owb052tb/sku-AQ2U" 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">AQ2U</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>128.70</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $195.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/t0197/sku-EVR0">
<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/t0197/sku-EVR0" 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">EVR0</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>122.76</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $186.00</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/t0539/sku-HWF2">
<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/t0539/sku-HWF2" 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">HWF2</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>279.18</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $423.00</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/t0572/sku-HXC1">
<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/t0572/sku-HXC1" 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">HXC1</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>259.38</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $393.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 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/p0140/sku-ERUC">
<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/p0140/sku-ERUC" 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">ERUC</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>821.70</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $1,245.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/c0112/sku-EVP9">
<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/c0112/sku-EVP9" 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">EVP9</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>356.40</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $540.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/p0176/sku-EVPX">
<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/p0176/sku-EVPX" 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">EVPX</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>128.70</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $195.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/w0309/sku-HVDJ">
<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/w0309/sku-HVDJ" 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">HVDJ</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>172.26</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $261.00</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/h0231/sku-HVF5">
<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/h0231/sku-HVF5" 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">HVF5</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>940.50</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $1,425.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/fn56305bbz/sku-7WCD">
<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/fn56305bbz/sku-7WCD" 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">7WCD</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>742.50</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $1,125.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/f0055/sku-HWDE">
<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/f0055/sku-HWDE" 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">HWDE</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>495.00</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $750.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/f0068/sku-HWDF">
<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/f0068/sku-HWDF" 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">HWDF</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>590.04</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $894.00</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/f0092/sku-HXDU">
<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/f0092/sku-HXDU" 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">HXDU</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>716.76</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $1,086.00</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/f0097/sku-HYAC">
<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/f0097/sku-HYAC" 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">HYAC</div>
</div>
<div class="priceBox ">
<div class="itemPriceBox">
<div class="currentPrice"><span>$</span>544.50</div>
<div class="itemSale">On Sale</div>
<div class="itemSavings">Normally $825.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.
Northbrook 32-in. W 4 Light Vanity Matte Black
Vaxcel International
LV3C
$261.36
On Sale
Normally $396.00
Orbit 20-in Semi Flush Ceiling Light Satin Nickel and Oil Rubbed Bronze
Vaxcel International
EWQQ
$263.34
On Sale
Normally $399.00
Hyde Motion Sensor Dusk to Dawn Outdoor Wall Light Espresso Bronze
Vaxcel International
HUFZ
$279.18
On Sale
Normally $423.00
Colton 12-in Flush Mount Ceiling Light Rustic Oak and Noble Bronze
Vaxcel International
HVER
$316.80
On Sale
Normally $480.00
Burnaby 13-in Flush Mount Black
Vaxcel International
HZAG
$178.20
On Sale
Normally $270.00
Blackwell 8-in. Outdoor Wall Light Matte Black
Vaxcel International
HY9R
$187.11
On Sale
Normally $283.50
Euclid 20 in. W 3 Light Pendant Aged Brass
Vaxcel International
HWEC
$665.28
On Sale
Normally $1,008.00
24-in LED Shop Light White
Vaxcel International
HWDM
$65.34
On Sale
Normally $99.00
Malmo 6.5-in Outdoor Wall Light Matte Black
Vaxcel International
HZCV
$215.82
On Sale
Normally $327.00
Lodge 6L Antler Chandelier Noachian Stone
Vaxcel International
4PQA
$679.14
On Sale
Normally $1,029.00
Rogers Park Dualux 6.5-n. Outdoor Motion Sensor Wall Light Textured Black
Vaxcel International
J19P
$110.88
On Sale
Normally $168.00
Horizon 12-in LED Flush Mount Ceiling Light Oil Burnished Bronze
Vaxcel International
EZMF
$144.54
On Sale
Normally $219.00
Burlington 68-in. LED Ceiling Fan Slate Gray
Vaxcel International
HZAX
$716.76
On Sale
Normally $1,086.00
Chiasso 7.25 in.H Outdoor Wall Light Warm Brass
Vaxcel International
HXDC
$106.92
On Sale
Normally $162.00
Acadia 3 Light Linear Chandelier Bronze
Vaxcel International
J0AN
$356.40
On Sale
Normally $540.00
Cardiff 3L Vanity Oil Burnished Bronze
Vaxcel International
7UAG
$263.34
On Sale
Normally $399.00
3 Options
Chiasso 5-in Outdoor Wall Light Bronze
Vaxcel International
AQ2V
$93.06
On Sale
Normally $141.00
Huntley 12-in Pendant Clear Glass Oil Rubbed Bronze
Vaxcel International
F0KA
$201.96
On Sale
Normally $306.00
Large Canopy Kit Mini Pendant Holder 4L Polished Nickel
Vaxcel International
AXYF
$124.74
On Sale
Normally $189.00
Avenant 3L Vanity Venetian Bronze
Vaxcel International
HVDC
$289.08
On Sale
Normally $438.00
Douglas 8-in. W Indoor-Outdoor Wall Light Warm Bronze
Vaxcel International
LV33
$196.02
On Sale
Normally $297.00
Racine 15-in 1 Light Pendant Matte White and Natural Brass
Vaxcel International
J09M
$194.04
On Sale
Normally $294.00
Millie 8.25-in.H Mini Pendant Matte Black with Smoke Glass
Vaxcel International
HZC7
$134.64
On Sale
Normally $204.00
Mason 2 Light Vanity Charcoal Black
Vaxcel International
HZ9X
$182.16
On Sale
Normally $276.00
Items Per Page:
View Footer
