+ Chandeliers Wall Fixtures Fans Bathroom Outdoor Directional Lights Other Categories Shop By Brand Candle Chandeliers Chandelier Accessories Down Chandeliers Other Chandeliers Ring Chandeliers Up Chandeliers Sconces Other Wall Lights Outdoor Wall Lights Picture Display Lights Sconce Accessories Wall Sconces Ceiling Fans Ceiling Fans with Light Dual Motor Fans Fan Motor Without Blades Fandeliers Huggers Other Fans Outdoor Fans Portable Fans Wall Fans Bathroom Fixtures Bathroom Sconces Other Bathroom Fixtures Vanity Lights Address Numbers Bollards Deck Lights Door Bells Exterior Accessories Exterior Chandeliers Exterior Fans Exterior Flush Mounts Exterior Foyer / Hall Lanterns Exterior Pendants Exterior Semi-Flush Mounts Hanging Lanterns Mail Boxes Marine Lights Other Exterior Pier Mount Lights Pier Mounts Portable Lanterns Post Adaptors Post Mount Lights Posts Sconces Solar Lights Wall Lanterns Wall Lights Wind Chimes Mirrors Lighted Mirrors Cabinet Home Decor Lamps Pendants Flush Mounts Landscape Big Ass Fans Capital Dainolite ET2 Fanimation Golden Hinkley Kichler Maxim Minka George Kovacs Minka Metropolitan Minka-Aire Minka-Lavery Modern Fan Co. Modern Forms US - Fans Only Nuvo Satco Products Inc. Savoy House Vaxcel International Visual Comfort & Co. Architectural Collection Visual Comfort & Co. Fan Collection Visual Comfort & Co. Modern Collection Visual Comfort & Co. Signature Collection Visual Comfort & Co. Studio Collection Visual Comfort RL WAC US Z-Lite
Hi, Sign In | Create Account Locations & Hours
Account Edit Account Account Information Default Billing Default Delivery User Name & Password Contacts Wishlists
+ Create A New Wishlist
Home About Us Contact Us Policies Shipping Policy Privacy Policy Return Policy Terms & Conditions [email protected]

Copyright @ 2025 Legend Lighting, Inc. All rights reserved.
Sort By:
1
2
3
4
5
 ...
41
Next
Filters / Sorting
Filters / Sorting +
Filtered By:
Vaxcel International
Clear All
Specials & Availability
Category
Finish
Style
Option
Voltage
Glass Finish or Style
Glass Form
NumberofBlades
LocRating
Mount Type
Wattage
Smart Home Compatible
Brands
Dimensions
Height
to
Width
to
Length
to
Price
Price
to
Number of Bulbs
Powered By XOLogic Company Logo
Vaxcel Logo

Your Style + Lighting. Your Home.

Shop The Vaxcel Catalog What’s New Top Outdoor Top Indoor Top Ceiling Fans About Vaxcel

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="false"> <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-J05K"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/armitage-32-in-5-light-semi-flush-mount-matte-black/sku-J05K" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">J05K</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>495.00</div> </div> </div> </div> </div> <div class="itemBox popover-out" xoitemid="51-4762" item-group="false" external-price-status="false" show-cart="false"> <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-J07C"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/beacon-hill-led-13-in-flush-mount-matte-black-and-satin-gold/sku-J07C" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">J07C</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>123.20</div> </div> </div> </div> </div> <div class="itemBox popover-out" xoitemid="51-4787" item-group="false" external-price-status="false" show-cart="false"> <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-J148"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/avers-26-in-4-light-chandelier-natural-brass/sku-J148" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">J148</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>409.20</div> </div> </div> </div> </div> <div class="itemBox popover-out" xoitemid="51-4879" item-group="false" external-price-status="false" show-cart="false"> <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-J238"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/huntley-3-light-vanity-natural-brass/sku-J238" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">J238</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>266.20</div> </div> </div> </div> </div> <div class="itemBox popover-out" xoitemid="51-4882" item-group="false" external-price-status="false" show-cart="false"> <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-J23C"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/barcelo-625-in-led-wall-light-matte-black/sku-J23C" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">J23C</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>136.40</div> </div> </div> </div> </div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div>

Top Outdoor

<style> #resultsItemsList { display:-webkit-box; display:-ms-flexbox; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: start; -ms-flex-align: start; -ms-flex-wrap:wrap; } #resultsItemsList { display:flex; align-items: stretch; flex-wrap:wrap; flex-flow:row wrap; background:#f9f9f9; padding:5px; gap:5px } .itemBox { flex:1 1 15%; margin:10px; min-width:250px; } .itemBox[placeholder="true"] { margin:0 10px; } .itemBox .highlightBox { padding:5px; } .itemBorderBox { background:#fff; text-align:center; border-radius:5px; } .itemBoxTopBar { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; padding:15px 0px; position: relative; } .itemBoxTopBar .fa-heart{ margin-right:15px; transition-duration: 0.3s; } .itemBoxTopBar a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .itemBoxTopBar .itemGroupCount { position: absolute; background:#CC4B00; color:#fff; left:0; top:6px; padding:3px 3px; text-transform: uppercase; font-size:14px; padding:5px 10px; cursor:pointer; } .itemBoxTopBar .wishlist { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width:50px; font-size:23px; } .itemBoxTopBar .wishlist.active .fa-heart:before { content:"\f004"; font-family: "Font Awesome 6 Pro"; font-weight: 600; cursor:pointer; color:#da1a1a; transition:0.3s; animation-duration: 0.3s; animation-name: grow; } .itemBoxTopBar .wishlist.active .fa-heart { animation-duration: 0.3s; animation-name: grow; transition:0.5s; } .itemBoxTopBar .wishlist:not(.active) .fa-heart:hover:before { content:"\f004"; font-family: "Font Awesome 6 Pro"; font-weight: 600; cursor:pointer; color:#ccc; transition:0.3s; } .itemBox .itemImgBox { text-align:center; width:100%; height:200px; } .itemBox .itemImgBox img { max-width:90%; max-height:90%; position:relative; top:50%; transform:translateY(-50%); font-size:12px; } .itemButtonBox { display:-webkit-box; display:-ms-flexbox; display:flex; position: relative; } .itemButton { flex:1; white-space:nowrap; background:none; border:none; border-top:1px solid #f1f1f1; padding:8px; position:relative; border-left: 1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; color:#000; } .itemButton:first-child { border-right:none; width:100%; border-radius:0 0 0 5px; } .itemButton:nth-of-type(2){ width:100%; } .itemButton:last-child { border-right:1px solid #f1f1f1; border-radius:0 0 5px 0; } .itemButton:hover, .itemButton:focus{ color:rgb(255,255,255,); transition: 0.2s ease; animation-duration: 0.2s; animation-name:height; } .itemButton:hover .itemTextBox { color:#fff; position: relative; z-index: 99; } .itemButton:hover > .overlay { display: flex; position: absolute; background: rgb(0,0,0,1); height:100%; width:100%; z-index: 9; top:0; left: 0; animation-name:height; animation-duration: 0.3s; } .itemInfoBox { padding:5px 5px 0; } .attributeBox { display:inline-block; background:green; padding:3px 7px; color:#fff; word-wrap: nowrap; text-transform: uppercase; border-radius:3px; font-size:12px; min-width: max-content;} .itemInfoText { font-size: 10px; font-weight: 400; white-space: nowrap; overflow: hidden; width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #000; } .cogsPrice.cogs, .itemInfoText.vii { background:transparent !important; } .cogsPrice.cogs { font-size: 10px; color: #a9a9a9; padding: 0; } .itemInfoText #vendorItemName, .itemInfoText #vendorItemId { font-size:13px; font-weight:300; } .itemPriceBox { margin:5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .currentPrice { display:inline-block; vertical-align:top; font-size:14px; } .itemSale { display:inline-block; vertical-align:bottom; font-size:12px; color:green; } .itemSavings { display:inline-block; vertical-align:bottom; font-size:12px; color:#000; } .instock { line-height: 24px; font-size:14px; margin-top:3px; } .instock i { color:#000; padding:2px 3px; margin-right:2px; } .instockMessage[color="green"] i { color:green; } .instockMessage[color="orange"] i { color:#CC4B00; } .instockMessage[color="red"] i { color:#990000; } #quickViewPopup .transPopupBtnHeader { background:#fff; text-align:center; } #quickViewPopup .transPopupBtnContainer { background:#fff; border-color:#fff; } #quickViewPopup .quickviewVisitItemDetails { display:inline-block; vertical-align:top; background:#f1f1f1; color:#000; padding:0px 10px; margin:10px 0 0 10px; font-size:18px; line-height:34px; border-radius:5px; } #quickViewPopup loading { height:350px; line-height:350px; font-size:50px; } #quickViewPopup .quickVariantBox { display:inline-block; vertical-align:top; background:#CC4B00; color:#fff; padding:5px 10px; line-height:16px; border-radius:3px; margin:4px -5px 0 5px; font-size:14px; } #quickViewPopup .quickVariantBox[count="1"], #quickViewPopup .quickVariantBox[count="0"] { display:none; } .addedToWishlistBox .doneBtn { background:#000 !important; border-color:#000; box-shadow:none; border-radius:0px; } #scrollAttributeBox .swipeScrollBox::-webkit-scrollbar { display: none; } #scrollAttributeBox .swipeScrollBox { box-sizing: border-box; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 30px; } div#scrollAttributeBox { height: auto !important; } #vendorItemName.vii { background: transparent; padding: initial; font-size: 13px !important; font-weight: 300 !important; } .itemName-MCQ { font-size: 13px; font-weight: 300; overflow: hidden; text-overflow: ellipsis; } .attrContainer { display: flex; align-items: center; gap: 3px; overflow-x: auto;} .instockMessage { display: flex; align-items: center; } .avCatInline { display: inline-block; overflow: hidden; text-overflow: ellipsis; height: 24px; width: 100%; width: calc(100% - 18px); white-space: nowrap; line-height: 24px; font-size: 14px !important; } .avCatInline .ItemWarning { display: inline-block !important; overflow: hidden; text-overflow: ellipsis; height: 24px; width: 100%; width: calc(100% - 18px); white-space: nowrap; line-height: 24px; font-size: 14px;} .availHovBox {display: none; position: absolute; background: #f9f9f9; padding: 2px 5px; /* for firefox */ top: -2px; /* end for firefox */ } /* for Chrome */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .availHovBox { top: -3px; } } /* end for Chrome */ .instock:hover .availHovBox, .instock:focus .availHovBox { display: block; } .posRel { position: relative; } .catalogStock .availHovBox .ItemWarning { overflow: initial; text-overflow: ellipsis; height: auto; width: 100%; white-space: wrap; font-size: 14px; } @media screen and (max-width:768px) { .itemBox { margin: 0px;} } @media screen and (max-width:600px) { #resultContent { text-align: left; } #resultsItemsList { justify-content: center; } .itemGroupCount { top:13px; } } @media screen and (max-width:550px) { .itemBox { min-width:150px; } .itemBox .itemImgBox { height:110px; } .itemSavings { display:none; } .itemButton:last-child { display:none; } } @keyframes height { 0% { height:0px; } 100% { height:100%; } } @keyframes grow { 0% { scale: 1 } 100%{ scale:1.2; } } </style> <script> var selectedWishlist = readCookie('listID'); function variations_ppvr(data) { var settings = data.settings; var obj = data.obj; var element = data.element; var title = data.pprvar.title; var app = data.pprvar.app; var listType = title; var models = obj.checkForModels(); var ui = obj.checkForUI(); obj.loader(models,ui,null,function() { $xo('popover-box').css({ 'width':'90vw' }); $xo('popover-box top-title').css({ 'width':'calc(100% - 80px)', 'text-align':'left' }); $xo('popover-box list-content').css({ 'max-height':'400px' }); obj.resize(); var basic_ui = new BasicUI_ppvr(data); initialize(); function initialize() { settings['header'] = obj.translate('Product Variations'); settings['buttons']['status'] = 'false'; settings['return']['status'] = 'false'; obj.update(); basic_ui.loading(); $xo.ajax( { url: '/api/v0/page/ItemDetailVariants', type: 'GET', data: { decisionID: 2, params: { 0: $xo(element).attr('itemID') } }, success: function(data) { basic_ui.html('<padding style="padding:5px;">'+ data +'</padding>'); }, error: function(data) { basic_ui.html('<padding style="padding:5px;">Failed to load</padding>'); } }); } }); } function quickviewResults(element) { var link = $xo(element).attr('link'); var variants = $xo(element).attr('variant-count'); $xo('#quickViewPopup').remove(); $xo('body').append('<div id="quickViewPopup" class="transPopup"><padding><loading><i class="fa fa-spinner fa-spin"></i></loading></padding></div>'); $xo('#quickViewPopup').attr({ header:'', width:'800px' }); popup('quickViewPopup'); $xo('#quickViewPopup .transPopupBtnHeader').prepend('<a href="'+ link +'"><div class="quickviewVisitItemDetails">View Full Product Information <div class="quickVariantBox" count="'+ variants +'">'+ variants +' OPTIONS</div></div></a>'); var params = { filter:'files', keyword: 'Quickview.html', XOItemID: $xo(element).closest('[xoitemid]').attr('xoitemid'), render: 'twig', SelectedBtnList: $xo(element).attr('add-button'), SettingPricing: $xo(element).attr('settings-price'), SettingExternalPrice: $xo(element).attr('settings-external-price'), SettingAllowCheckout : $xo(element).attr('settings-checkout') } base_m.api('get','FileModel','/api/v1/app','McQueen Theme',params,function(responseData) { apiData = responseData; $xo('#quickViewPopup padding').html(apiData.results.Quickview); vicm_obj.set_vicm(); }); } function selectedWishlistItems() { var customerID = readCookie('customerID'); var customerIDAddon = ''; if (customerID != null) { customerIDAddon = '&CustomerID='+ customerID; } if ('3' != 1 && ('3' == 5 || ('3' < 3 && customerID != null))) { base_m.api('get','InvoiceModel_get','/api/v0/order?InvoiceStatusID=8&fields=InvoiceID'+ customerIDAddon,null,null,function(responseData) { selectedWishlist = responseData.results[0].InvoiceID; base_m.api('get','InvoiceModel_GetItem','/api/v0/order/'+ selectedWishlist +'/product?fields=invItemID,vendorID,vItemID',null,null,function(responseData2) { $xo('.itemBox .wishlist.active').removeClass('active').attr('xo-popover','Wishlist').removeAttr('invitemid'); $xo.each(responseData2.results,function(key,value) { $xo('.itemBox .wishlist[value="'+ value.VendorID +'-'+ value.VItemID +'"]').attr('invitemid',value.invItemID).addClass('active').removeAttr('xo-popover'); }); }); }); } } $xo(document).ready(function() { // QUICKVIEW $xo('.itemBox').off('click','button[action="quickview"]').on('click','button[action="quickview"]',function() { quickviewResults(this); }); // WISHLIST - REMOVE var addedWishlistItemTimer; $xo('.itemBox').off('click','.wishlist').on('click','.wishlist',function() { var thisVar = this; if ($xo(thisVar).hasClass('active')) { // REMOVE ITEM $xo(thisVar).removeClass('active'); setTimeout(function() { $xo(thisVar).attr({ 'xo-popover':'Wishlist' }).removeAttr('disabled'); },100); var invItemID = $xo(thisVar).attr('invitemid'); var invoice_m = new InvoiceModel(selectedWishlist); invoice_m.set_itemID(invItemID); invoice_m.remove_item(); } else { // SELECT ITEM } }); }); </script> <div class="itemBox popover-out" xoitemid="51-2081" item-group="true" external-price-status="false" show-cart="false"> <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-APZA"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/chiasso-5-in-outdoor-wall-light-textured-black/sku-APZA" add-button="Cart" variant-count="3" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">APZA</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>143.00</div> </div> </div> </div> </div> <div class="itemBox popover-out" xoitemid="51-3459" item-group="false" external-price-status="false" show-cart="false"> <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-EVMH"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/outland-975-in-outdoor-wall-light-aged-iron-and-light-gold/sku-EVMH" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">EVMH</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>136.40</div> </div> </div> </div> </div> <div class="itemBox popover-out" xoitemid="51-4369" item-group="false" external-price-status="false" show-cart="false"> <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-HWAK"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/lexington-95-in-w-outdoor-wall-light-textured-black/sku-HWAK" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">HWAK</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>310.20</div> </div> </div> </div> </div> <div class="itemBox popover-out" xoitemid="51-4396" item-group="false" external-price-status="false" show-cart="false"> <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-HX7J"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/dorado-18-in-w-outdoor-wall-light-dark-bronze-with-light-gold/sku-HX7J" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">HX7J</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>288.20</div> </div> </div> </div> </div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div>

Top Indoor

<style> #resultsItemsList { display:-webkit-box; display:-ms-flexbox; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: start; -ms-flex-align: start; -ms-flex-wrap:wrap; } #resultsItemsList { display:flex; align-items: stretch; flex-wrap:wrap; flex-flow:row wrap; background:#f9f9f9; padding:5px; gap:5px } .itemBox { flex:1 1 15%; margin:10px; min-width:250px; } .itemBox[placeholder="true"] { margin:0 10px; } .itemBox .highlightBox { padding:5px; } .itemBorderBox { background:#fff; text-align:center; border-radius:5px; } .itemBoxTopBar { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; padding:15px 0px; position: relative; } .itemBoxTopBar .fa-heart{ margin-right:15px; transition-duration: 0.3s; } .itemBoxTopBar a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .itemBoxTopBar .itemGroupCount { position: absolute; background:#CC4B00; color:#fff; left:0; top:6px; padding:3px 3px; text-transform: uppercase; font-size:14px; padding:5px 10px; cursor:pointer; } .itemBoxTopBar .wishlist { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width:50px; font-size:23px; } .itemBoxTopBar .wishlist.active .fa-heart:before { content:"\f004"; font-family: "Font Awesome 6 Pro"; font-weight: 600; cursor:pointer; color:#da1a1a; transition:0.3s; animation-duration: 0.3s; animation-name: grow; } .itemBoxTopBar .wishlist.active .fa-heart { animation-duration: 0.3s; animation-name: grow; transition:0.5s; } .itemBoxTopBar .wishlist:not(.active) .fa-heart:hover:before { content:"\f004"; font-family: "Font Awesome 6 Pro"; font-weight: 600; cursor:pointer; color:#ccc; transition:0.3s; } .itemBox .itemImgBox { text-align:center; width:100%; height:200px; } .itemBox .itemImgBox img { max-width:90%; max-height:90%; position:relative; top:50%; transform:translateY(-50%); font-size:12px; } .itemButtonBox { display:-webkit-box; display:-ms-flexbox; display:flex; position: relative; } .itemButton { flex:1; white-space:nowrap; background:none; border:none; border-top:1px solid #f1f1f1; padding:8px; position:relative; border-left: 1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; color:#000; } .itemButton:first-child { border-right:none; width:100%; border-radius:0 0 0 5px; } .itemButton:nth-of-type(2){ width:100%; } .itemButton:last-child { border-right:1px solid #f1f1f1; border-radius:0 0 5px 0; } .itemButton:hover, .itemButton:focus{ color:rgb(255,255,255,); transition: 0.2s ease; animation-duration: 0.2s; animation-name:height; } .itemButton:hover .itemTextBox { color:#fff; position: relative; z-index: 99; } .itemButton:hover > .overlay { display: flex; position: absolute; background: rgb(0,0,0,1); height:100%; width:100%; z-index: 9; top:0; left: 0; animation-name:height; animation-duration: 0.3s; } .itemInfoBox { padding:5px 5px 0; } .attributeBox { display:inline-block; background:green; padding:3px 7px; color:#fff; word-wrap: nowrap; text-transform: uppercase; border-radius:3px; font-size:12px; min-width: max-content;} .itemInfoText { font-size: 10px; font-weight: 400; white-space: nowrap; overflow: hidden; width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #000; } .cogsPrice.cogs, .itemInfoText.vii { background:transparent !important; } .cogsPrice.cogs { font-size: 10px; color: #a9a9a9; padding: 0; } .itemInfoText #vendorItemName, .itemInfoText #vendorItemId { font-size:13px; font-weight:300; } .itemPriceBox { margin:5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .currentPrice { display:inline-block; vertical-align:top; font-size:14px; } .itemSale { display:inline-block; vertical-align:bottom; font-size:12px; color:green; } .itemSavings { display:inline-block; vertical-align:bottom; font-size:12px; color:#000; } .instock { line-height: 24px; font-size:14px; margin-top:3px; } .instock i { color:#000; padding:2px 3px; margin-right:2px; } .instockMessage[color="green"] i { color:green; } .instockMessage[color="orange"] i { color:#CC4B00; } .instockMessage[color="red"] i { color:#990000; } #quickViewPopup .transPopupBtnHeader { background:#fff; text-align:center; } #quickViewPopup .transPopupBtnContainer { background:#fff; border-color:#fff; } #quickViewPopup .quickviewVisitItemDetails { display:inline-block; vertical-align:top; background:#f1f1f1; color:#000; padding:0px 10px; margin:10px 0 0 10px; font-size:18px; line-height:34px; border-radius:5px; } #quickViewPopup loading { height:350px; line-height:350px; font-size:50px; } #quickViewPopup .quickVariantBox { display:inline-block; vertical-align:top; background:#CC4B00; color:#fff; padding:5px 10px; line-height:16px; border-radius:3px; margin:4px -5px 0 5px; font-size:14px; } #quickViewPopup .quickVariantBox[count="1"], #quickViewPopup .quickVariantBox[count="0"] { display:none; } .addedToWishlistBox .doneBtn { background:#000 !important; border-color:#000; box-shadow:none; border-radius:0px; } #scrollAttributeBox .swipeScrollBox::-webkit-scrollbar { display: none; } #scrollAttributeBox .swipeScrollBox { box-sizing: border-box; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 30px; } div#scrollAttributeBox { height: auto !important; } #vendorItemName.vii { background: transparent; padding: initial; font-size: 13px !important; font-weight: 300 !important; } .itemName-MCQ { font-size: 13px; font-weight: 300; overflow: hidden; text-overflow: ellipsis; } .attrContainer { display: flex; align-items: center; gap: 3px; overflow-x: auto;} .instockMessage { display: flex; align-items: center; } .avCatInline { display: inline-block; overflow: hidden; text-overflow: ellipsis; height: 24px; width: 100%; width: calc(100% - 18px); white-space: nowrap; line-height: 24px; font-size: 14px !important; } .avCatInline .ItemWarning { display: inline-block !important; overflow: hidden; text-overflow: ellipsis; height: 24px; width: 100%; width: calc(100% - 18px); white-space: nowrap; line-height: 24px; font-size: 14px;} .availHovBox {display: none; position: absolute; background: #f9f9f9; padding: 2px 5px; /* for firefox */ top: -2px; /* end for firefox */ } /* for Chrome */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .availHovBox { top: -3px; } } /* end for Chrome */ .instock:hover .availHovBox, .instock:focus .availHovBox { display: block; } .posRel { position: relative; } .catalogStock .availHovBox .ItemWarning { overflow: initial; text-overflow: ellipsis; height: auto; width: 100%; white-space: wrap; font-size: 14px; } @media screen and (max-width:768px) { .itemBox { margin: 0px;} } @media screen and (max-width:600px) { #resultContent { text-align: left; } #resultsItemsList { justify-content: center; } .itemGroupCount { top:13px; } } @media screen and (max-width:550px) { .itemBox { min-width:150px; } .itemBox .itemImgBox { height:110px; } .itemSavings { display:none; } .itemButton:last-child { display:none; } } @keyframes height { 0% { height:0px; } 100% { height:100%; } } @keyframes grow { 0% { scale: 1 } 100%{ scale:1.2; } } </style> <script> var selectedWishlist = readCookie('listID'); function variations_ppvr(data) { var settings = data.settings; var obj = data.obj; var element = data.element; var title = data.pprvar.title; var app = data.pprvar.app; var listType = title; var models = obj.checkForModels(); var ui = obj.checkForUI(); obj.loader(models,ui,null,function() { $xo('popover-box').css({ 'width':'90vw' }); $xo('popover-box top-title').css({ 'width':'calc(100% - 80px)', 'text-align':'left' }); $xo('popover-box list-content').css({ 'max-height':'400px' }); obj.resize(); var basic_ui = new BasicUI_ppvr(data); initialize(); function initialize() { settings['header'] = obj.translate('Product Variations'); settings['buttons']['status'] = 'false'; settings['return']['status'] = 'false'; obj.update(); basic_ui.loading(); $xo.ajax( { url: '/api/v0/page/ItemDetailVariants', type: 'GET', data: { decisionID: 2, params: { 0: $xo(element).attr('itemID') } }, success: function(data) { basic_ui.html('<padding style="padding:5px;">'+ data +'</padding>'); }, error: function(data) { basic_ui.html('<padding style="padding:5px;">Failed to load</padding>'); } }); } }); } function quickviewResults(element) { var link = $xo(element).attr('link'); var variants = $xo(element).attr('variant-count'); $xo('#quickViewPopup').remove(); $xo('body').append('<div id="quickViewPopup" class="transPopup"><padding><loading><i class="fa fa-spinner fa-spin"></i></loading></padding></div>'); $xo('#quickViewPopup').attr({ header:'', width:'800px' }); popup('quickViewPopup'); $xo('#quickViewPopup .transPopupBtnHeader').prepend('<a href="'+ link +'"><div class="quickviewVisitItemDetails">View Full Product Information <div class="quickVariantBox" count="'+ variants +'">'+ variants +' OPTIONS</div></div></a>'); var params = { filter:'files', keyword: 'Quickview.html', XOItemID: $xo(element).closest('[xoitemid]').attr('xoitemid'), render: 'twig', SelectedBtnList: $xo(element).attr('add-button'), SettingPricing: $xo(element).attr('settings-price'), SettingExternalPrice: $xo(element).attr('settings-external-price'), SettingAllowCheckout : $xo(element).attr('settings-checkout') } base_m.api('get','FileModel','/api/v1/app','McQueen Theme',params,function(responseData) { apiData = responseData; $xo('#quickViewPopup padding').html(apiData.results.Quickview); vicm_obj.set_vicm(); }); } function selectedWishlistItems() { var customerID = readCookie('customerID'); var customerIDAddon = ''; if (customerID != null) { customerIDAddon = '&CustomerID='+ customerID; } if ('3' != 1 && ('3' == 5 || ('3' < 3 && customerID != null))) { base_m.api('get','InvoiceModel_get','/api/v0/order?InvoiceStatusID=8&fields=InvoiceID'+ customerIDAddon,null,null,function(responseData) { selectedWishlist = responseData.results[0].InvoiceID; base_m.api('get','InvoiceModel_GetItem','/api/v0/order/'+ selectedWishlist +'/product?fields=invItemID,vendorID,vItemID',null,null,function(responseData2) { $xo('.itemBox .wishlist.active').removeClass('active').attr('xo-popover','Wishlist').removeAttr('invitemid'); $xo.each(responseData2.results,function(key,value) { $xo('.itemBox .wishlist[value="'+ value.VendorID +'-'+ value.VItemID +'"]').attr('invitemid',value.invItemID).addClass('active').removeAttr('xo-popover'); }); }); }); } } $xo(document).ready(function() { // QUICKVIEW $xo('.itemBox').off('click','button[action="quickview"]').on('click','button[action="quickview"]',function() { quickviewResults(this); }); // WISHLIST - REMOVE var addedWishlistItemTimer; $xo('.itemBox').off('click','.wishlist').on('click','.wishlist',function() { var thisVar = this; if ($xo(thisVar).hasClass('active')) { // REMOVE ITEM $xo(thisVar).removeClass('active'); setTimeout(function() { $xo(thisVar).attr({ 'xo-popover':'Wishlist' }).removeAttr('disabled'); },100); var invItemID = $xo(thisVar).attr('invitemid'); var invoice_m = new InvoiceModel(selectedWishlist); invoice_m.set_itemID(invItemID); invoice_m.remove_item(); } else { // SELECT ITEM } }); }); </script> <div class="itemBox popover-out" xoitemid="51-3162" item-group="false" external-price-status="false" show-cart="false"> <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-ERPV"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/elsa-5l-linear-chandelier-satin-nickel/sku-ERPV" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">ERPV</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>913.00</div> </div> </div> </div> </div> <div class="itemBox popover-out" xoitemid="51-3404" item-group="false" external-price-status="false" show-cart="false"> <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-EVKT"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/burnaby-205-in-semi-flush-ceiling-light-matte-brass/sku-EVKT" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">EVKT</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>396.00</div> </div> </div> </div> </div> <div class="itemBox popover-out" xoitemid="51-3424" item-group="false" external-price-status="false" show-cart="false"> <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-EVLE"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/milano-475-in-mini-pendant-marble-swirl-glass-satin-nickel/sku-EVLE" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">EVLE</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>143.00</div> </div> </div> </div> </div> <div class="itemBox popover-out" xoitemid="51-4196" item-group="false" external-price-status="false" show-cart="false"> <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-HV91"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/vilo-1l-vanity-golden-brass/sku-HV91" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">HV91</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>191.40</div> </div> </div> </div> </div> <div class="itemBox popover-out" xoitemid="51-4248" item-group="false" external-price-status="false" show-cart="false"> <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-HVAN"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/rainier-6l-linear-chandelier-silver-mist/sku-HVAN" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">HVAN</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>1,045.00</div> </div> </div> </div> </div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div> <div class="itemBox" placeholder="true"></div>

Top Ceiling Fans

<style> #resultsItemsList { display:-webkit-box; display:-ms-flexbox; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: start; -ms-flex-align: start; -ms-flex-wrap:wrap; } #resultsItemsList { display:flex; align-items: stretch; flex-wrap:wrap; flex-flow:row wrap; background:#f9f9f9; padding:5px; gap:5px } .itemBox { flex:1 1 15%; margin:10px; min-width:250px; } .itemBox[placeholder="true"] { margin:0 10px; } .itemBox .highlightBox { padding:5px; } .itemBorderBox { background:#fff; text-align:center; border-radius:5px; } .itemBoxTopBar { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; padding:15px 0px; position: relative; } .itemBoxTopBar .fa-heart{ margin-right:15px; transition-duration: 0.3s; } .itemBoxTopBar a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .itemBoxTopBar .itemGroupCount { position: absolute; background:#CC4B00; color:#fff; left:0; top:6px; padding:3px 3px; text-transform: uppercase; font-size:14px; padding:5px 10px; cursor:pointer; } .itemBoxTopBar .wishlist { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width:50px; font-size:23px; } .itemBoxTopBar .wishlist.active .fa-heart:before { content:"\f004"; font-family: "Font Awesome 6 Pro"; font-weight: 600; cursor:pointer; color:#da1a1a; transition:0.3s; animation-duration: 0.3s; animation-name: grow; } .itemBoxTopBar .wishlist.active .fa-heart { animation-duration: 0.3s; animation-name: grow; transition:0.5s; } .itemBoxTopBar .wishlist:not(.active) .fa-heart:hover:before { content:"\f004"; font-family: "Font Awesome 6 Pro"; font-weight: 600; cursor:pointer; color:#ccc; transition:0.3s; } .itemBox .itemImgBox { text-align:center; width:100%; height:200px; } .itemBox .itemImgBox img { max-width:90%; max-height:90%; position:relative; top:50%; transform:translateY(-50%); font-size:12px; } .itemButtonBox { display:-webkit-box; display:-ms-flexbox; display:flex; position: relative; } .itemButton { flex:1; white-space:nowrap; background:none; border:none; border-top:1px solid #f1f1f1; padding:8px; position:relative; border-left: 1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; color:#000; } .itemButton:first-child { border-right:none; width:100%; border-radius:0 0 0 5px; } .itemButton:nth-of-type(2){ width:100%; } .itemButton:last-child { border-right:1px solid #f1f1f1; border-radius:0 0 5px 0; } .itemButton:hover, .itemButton:focus{ color:rgb(255,255,255,); transition: 0.2s ease; animation-duration: 0.2s; animation-name:height; } .itemButton:hover .itemTextBox { color:#fff; position: relative; z-index: 99; } .itemButton:hover > .overlay { display: flex; position: absolute; background: rgb(0,0,0,1); height:100%; width:100%; z-index: 9; top:0; left: 0; animation-name:height; animation-duration: 0.3s; } .itemInfoBox { padding:5px 5px 0; } .attributeBox { display:inline-block; background:green; padding:3px 7px; color:#fff; word-wrap: nowrap; text-transform: uppercase; border-radius:3px; font-size:12px; min-width: max-content;} .itemInfoText { font-size: 10px; font-weight: 400; white-space: nowrap; overflow: hidden; width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #000; } .cogsPrice.cogs, .itemInfoText.vii { background:transparent !important; } .cogsPrice.cogs { font-size: 10px; color: #a9a9a9; padding: 0; } .itemInfoText #vendorItemName, .itemInfoText #vendorItemId { font-size:13px; font-weight:300; } .itemPriceBox { margin:5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .currentPrice { display:inline-block; vertical-align:top; font-size:14px; } .itemSale { display:inline-block; vertical-align:bottom; font-size:12px; color:green; } .itemSavings { display:inline-block; vertical-align:bottom; font-size:12px; color:#000; } .instock { line-height: 24px; font-size:14px; margin-top:3px; } .instock i { color:#000; padding:2px 3px; margin-right:2px; } .instockMessage[color="green"] i { color:green; } .instockMessage[color="orange"] i { color:#CC4B00; } .instockMessage[color="red"] i { color:#990000; } #quickViewPopup .transPopupBtnHeader { background:#fff; text-align:center; } #quickViewPopup .transPopupBtnContainer { background:#fff; border-color:#fff; } #quickViewPopup .quickviewVisitItemDetails { display:inline-block; vertical-align:top; background:#f1f1f1; color:#000; padding:0px 10px; margin:10px 0 0 10px; font-size:18px; line-height:34px; border-radius:5px; } #quickViewPopup loading { height:350px; line-height:350px; font-size:50px; } #quickViewPopup .quickVariantBox { display:inline-block; vertical-align:top; background:#CC4B00; color:#fff; padding:5px 10px; line-height:16px; border-radius:3px; margin:4px -5px 0 5px; font-size:14px; } #quickViewPopup .quickVariantBox[count="1"], #quickViewPopup .quickVariantBox[count="0"] { display:none; } .addedToWishlistBox .doneBtn { background:#000 !important; border-color:#000; box-shadow:none; border-radius:0px; } #scrollAttributeBox .swipeScrollBox::-webkit-scrollbar { display: none; } #scrollAttributeBox .swipeScrollBox { box-sizing: border-box; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 30px; } div#scrollAttributeBox { height: auto !important; } #vendorItemName.vii { background: transparent; padding: initial; font-size: 13px !important; font-weight: 300 !important; } .itemName-MCQ { font-size: 13px; font-weight: 300; overflow: hidden; text-overflow: ellipsis; } .attrContainer { display: flex; align-items: center; gap: 3px; overflow-x: auto;} .instockMessage { display: flex; align-items: center; } .avCatInline { display: inline-block; overflow: hidden; text-overflow: ellipsis; height: 24px; width: 100%; width: calc(100% - 18px); white-space: nowrap; line-height: 24px; font-size: 14px !important; } .avCatInline .ItemWarning { display: inline-block !important; overflow: hidden; text-overflow: ellipsis; height: 24px; width: 100%; width: calc(100% - 18px); white-space: nowrap; line-height: 24px; font-size: 14px;} .availHovBox {display: none; position: absolute; background: #f9f9f9; padding: 2px 5px; /* for firefox */ top: -2px; /* end for firefox */ } /* for Chrome */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .availHovBox { top: -3px; } } /* end for Chrome */ .instock:hover .availHovBox, .instock:focus .availHovBox { display: block; } .posRel { position: relative; } .catalogStock .availHovBox .ItemWarning { overflow: initial; text-overflow: ellipsis; height: auto; width: 100%; white-space: wrap; font-size: 14px; } @media screen and (max-width:768px) { .itemBox { margin: 0px;} } @media screen and (max-width:600px) { #resultContent { text-align: left; } #resultsItemsList { justify-content: center; } .itemGroupCount { top:13px; } } @media screen and (max-width:550px) { .itemBox { min-width:150px; } .itemBox .itemImgBox { height:110px; } .itemSavings { display:none; } .itemButton:last-child { display:none; } } @keyframes height { 0% { height:0px; } 100% { height:100%; } } @keyframes grow { 0% { scale: 1 } 100%{ scale:1.2; } } </style> <script> var selectedWishlist = readCookie('listID'); function variations_ppvr(data) { var settings = data.settings; var obj = data.obj; var element = data.element; var title = data.pprvar.title; var app = data.pprvar.app; var listType = title; var models = obj.checkForModels(); var ui = obj.checkForUI(); obj.loader(models,ui,null,function() { $xo('popover-box').css({ 'width':'90vw' }); $xo('popover-box top-title').css({ 'width':'calc(100% - 80px)', 'text-align':'left' }); $xo('popover-box list-content').css({ 'max-height':'400px' }); obj.resize(); var basic_ui = new BasicUI_ppvr(data); initialize(); function initialize() { settings['header'] = obj.translate('Product Variations'); settings['buttons']['status'] = 'false'; settings['return']['status'] = 'false'; obj.update(); basic_ui.loading(); $xo.ajax( { url: '/api/v0/page/ItemDetailVariants', type: 'GET', data: { decisionID: 2, params: { 0: $xo(element).attr('itemID') } }, success: function(data) { basic_ui.html('<padding style="padding:5px;">'+ data +'</padding>'); }, error: function(data) { basic_ui.html('<padding style="padding:5px;">Failed to load</padding>'); } }); } }); } function quickviewResults(element) { var link = $xo(element).attr('link'); var variants = $xo(element).attr('variant-count'); $xo('#quickViewPopup').remove(); $xo('body').append('<div id="quickViewPopup" class="transPopup"><padding><loading><i class="fa fa-spinner fa-spin"></i></loading></padding></div>'); $xo('#quickViewPopup').attr({ header:'', width:'800px' }); popup('quickViewPopup'); $xo('#quickViewPopup .transPopupBtnHeader').prepend('<a href="'+ link +'"><div class="quickviewVisitItemDetails">View Full Product Information <div class="quickVariantBox" count="'+ variants +'">'+ variants +' OPTIONS</div></div></a>'); var params = { filter:'files', keyword: 'Quickview.html', XOItemID: $xo(element).closest('[xoitemid]').attr('xoitemid'), render: 'twig', SelectedBtnList: $xo(element).attr('add-button'), SettingPricing: $xo(element).attr('settings-price'), SettingExternalPrice: $xo(element).attr('settings-external-price'), SettingAllowCheckout : $xo(element).attr('settings-checkout') } base_m.api('get','FileModel','/api/v1/app','McQueen Theme',params,function(responseData) { apiData = responseData; $xo('#quickViewPopup padding').html(apiData.results.Quickview); vicm_obj.set_vicm(); }); } function selectedWishlistItems() { var customerID = readCookie('customerID'); var customerIDAddon = ''; if (customerID != null) { customerIDAddon = '&CustomerID='+ customerID; } if ('3' != 1 && ('3' == 5 || ('3' < 3 && customerID != null))) { base_m.api('get','InvoiceModel_get','/api/v0/order?InvoiceStatusID=8&fields=InvoiceID'+ customerIDAddon,null,null,function(responseData) { selectedWishlist = responseData.results[0].InvoiceID; base_m.api('get','InvoiceModel_GetItem','/api/v0/order/'+ selectedWishlist +'/product?fields=invItemID,vendorID,vItemID',null,null,function(responseData2) { $xo('.itemBox .wishlist.active').removeClass('active').attr('xo-popover','Wishlist').removeAttr('invitemid'); $xo.each(responseData2.results,function(key,value) { $xo('.itemBox .wishlist[value="'+ value.VendorID +'-'+ value.VItemID +'"]').attr('invitemid',value.invItemID).addClass('active').removeAttr('xo-popover'); }); }); }); } } $xo(document).ready(function() { // QUICKVIEW $xo('.itemBox').off('click','button[action="quickview"]').on('click','button[action="quickview"]',function() { quickviewResults(this); }); // WISHLIST - REMOVE var addedWishlistItemTimer; $xo('.itemBox').off('click','.wishlist').on('click','.wishlist',function() { var thisVar = this; if ($xo(thisVar).hasClass('active')) { // REMOVE ITEM $xo(thisVar).removeClass('active'); setTimeout(function() { $xo(thisVar).attr({ 'xo-popover':'Wishlist' }).removeAttr('disabled'); },100); var invItemID = $xo(thisVar).attr('invitemid'); var invoice_m = new InvoiceModel(selectedWishlist); invoice_m.set_itemID(invItemID); invoice_m.remove_item(); } else { // SELECT ITEM } }); }); </script> <div class="itemBox popover-out" xoitemid="51-1871" item-group="false" external-price-status="false" show-cart="false"> <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-7W7W"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/yellowstone-56-in-moose-ceiling-fan-burnished-bronze/sku-7W7W" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">7W7W</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>750.00</div> </div> </div> </div> </div> <div class="itemBox popover-out" xoitemid="51-4316" item-group="false" external-price-status="false" show-cart="false"> <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-HW8X"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/barnes-54-in-w-ceiling-fan-matte-black-with-rustic-oak/sku-HW8X" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">HW8X</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>500.00</div> </div> </div> </div> </div> <div class="itemBox popover-out" xoitemid="51-4317" item-group="false" external-price-status="false" show-cart="false"> <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-HW8Y"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/kodiak-21-in-w-ceiling-fan-oil-rubbed-bronze-and-burnished-teak/sku-HW8Y" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">HW8Y</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>596.00</div> </div> </div> </div> </div> <div class="itemBox popover-out" xoitemid="51-4453" item-group="false" external-price-status="false" show-cart="false"> <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-HX9A"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/burlington-68-in-led-ceiling-fan-new-bronze/sku-HX9A" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">HX9A</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>724.00</div> </div> </div> </div> </div> <div class="itemBox popover-out" xoitemid="51-4498" item-group="false" external-price-status="false" show-cart="false"> <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-HY6V"> <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="false" cart="false" pack="1"> <button class="itemButton" action="quickview" link="/curtiss-52-in-ceiling-fan-satin-brass/sku-HY6V" add-button="Cart" variant-count="1" settings-price="true" settings-external-price="false" settings-checkout="false"> <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">HY6V</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>550.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>
kitchen

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.

Vaxcel International W0391 - Warren 1 Light Wall Light Matte Black and Brushed Brass
Warren 1 Light Wall Light Matte Black and Brushed Brass
Vaxcel International
HY6K
$127.60
Vaxcel International H0219 - Madison 7L Chandelier Architectural Bronze and Natural Brass
Madison 7L Chandelier Architectural Bronze and Natural Brass
Vaxcel International
HU9A
$858.00
Vaxcel International T0563 - Evry 6 in. W Outdoor Wall Light Oil Rubbed Bronze
Evry 6 in. W Outdoor Wall Light Oil Rubbed Bronze
Vaxcel International
HX78
$206.80
Vaxcel International P0244 - Huntley 12-in Pendant Milk Glass Satin Nickel
Huntley 12-in Pendant Milk Glass Satin Nickel
Vaxcel International
F0FW
$204.60
Vaxcel International C0189 - Bremerton 13-in Flush Mount Ceiling Light Oil Rubbed Bronze and Burnished Teak
Bremerton 13-in Flush Mount Ceiling Light Oil Rubbed Bronze and Burnished Teak
Vaxcel International
HVA1
$206.80
Vaxcel International W0169 - Huntley 2L Vanity Milk Glass Satin Nickel
Huntley 2L Vanity Milk Glass Satin Nickel
Vaxcel International
EULF
$204.60
Vaxcel International T0789 - Chiasso 2 Light 20-in.H Outdoor Wall Light Warm Brass
Chiasso 2 Light 20-in.H Outdoor Wall Light Warm Brass
Vaxcel International
LUZD
$206.80
Vaxcel International W0396 - Orbit 2 Light Wall Light Oil Rubbed Bronze and Muted Brass
Orbit 2 Light Wall Light Oil Rubbed Bronze and Muted Brass
Vaxcel International
HY73
$204.60
Vaxcel International T0609 - Blackwell 8-in. Outdoor Pendant Matte Black
Blackwell 8-in. Outdoor Pendant Matte Black
Vaxcel International
HY69
$207.90
Vaxcel International C0177 - Huntley 12-in Semi Flush Ceiling Light Clear Glass Oil Rubbed Bronze
Huntley 12-in Semi Flush Ceiling Light Clear Glass Oil Rubbed Bronze
Vaxcel International
EZJP
$204.60
Vaxcel International T0608 - Blackwell 8-in. Outdoor Wall Light Matte Black
Blackwell 8-in. Outdoor Wall Light Matte Black
Vaxcel International
HY68
$207.90
Vaxcel International T0466 - Hyde Park 5.25-in Outdoor Wall Light Espresso Bronze
Hyde Park 5.25-in Outdoor Wall Light Espresso Bronze
Vaxcel International
HUCD
$204.60
Vaxcel International C0266 - Akron 15-in. 3 Light Semi-Flush Mount Oil Rubbed Bronze
Akron 15-in. 3 Light Semi-Flush Mount Oil Rubbed Bronze
Vaxcel International
HY7X
$209.00
Vaxcel International W0512 - Wilmette 24-in. W 3 Light Vanity Chrome
Wilmette 24-in. W 3 Light Vanity Chrome
Vaxcel International
LUZR
$204.60
Vaxcel International P0443 - Monticello 12-in. W 1 Light Pendant Muted Brass
Monticello 12-in. W 1 Light Pendant Muted Brass
Vaxcel International
LV19
$210.10
Vaxcel International W0507 - Winthrop 25.25-in. 3 Light Vanity Matte Black
Winthrop 25.25-in. 3 Light Vanity Matte Black
Vaxcel International
LUZN
$204.60
Vaxcel International T0546 - Collins 10 in. W Outdoor Flush Mount Matte Black
Collins 10 in. W Outdoor Flush Mount Matte Black
Vaxcel International
HX6X
$213.40
Vaxcel International P0243 - Huntley 12-in Pendant Milk Glass Oil Rubbed Bronze
Huntley 12-in Pendant Milk Glass Oil Rubbed Bronze
Vaxcel International
F0FV
$204.60
Vaxcel International T0606 - Chatham Dualux 6.75-in. Outdoor Motion Sensor Wall Light Textured Black
Chatham Dualux 6.75-in. Outdoor Motion Sensor Wall Light Textured Black
Vaxcel International
HY66
$213.40
Vaxcel International W0168 - Huntley 2L Vanity Milk Glass Oil Rubbed Bronze
Huntley 2L Vanity Milk Glass Oil Rubbed Bronze
Vaxcel International
EULE
$204.60
Vaxcel International W0515 - Northbrook 24-in. W 3 Light Vanity Matte Black
Northbrook 24-in. W 3 Light Vanity Matte Black
Vaxcel International
LUZU
$213.40
Vaxcel International T0326 - Chatham Motion Sensor Dusk to Dawn Outdoor Wall Light Burnished Bronze
Chatham Motion Sensor Dusk to Dawn Outdoor Wall Light Burnished Bronze
Vaxcel International
EZGJ
$213.40
Vaxcel International C0176 - Huntley 12-in Semi Flush Ceiling Light Milk Glass Satin Nickel
Huntley 12-in Semi Flush Ceiling Light Milk Glass Satin Nickel
Vaxcel International
EZJN
$204.60
Vaxcel International T0547 - Collins 10 in. W Outdoor Pendant Matte Black
Collins 10 in. W Outdoor Pendant Matte Black
Vaxcel International
HX6Y
$213.40
View Footer
Hide Footer