+ 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 Belt Fans 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 Bath Fans 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 Directional Flush Mounts Directional Island Lights Directional Light Accessories Directional Light Sconces Directional Recessed Lights Directional Semi-Flush Mounts Directional Spot Lights Directional Wall Lights Mono Points Other Directional Lights Outdoor Directional Lights Marine Lights Puck Lights Security Lights Replacement Glass Mirrors Other Decor / Home Accents Door Bells Wind Chimes 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 abcligh@bellsouth.net

Copyright @ 2024 ABC Lighting. All rights reserved.
Sort By:
1
2
3
4
5
 ...
42
Next
Filters / Sorting
Shop Clearance
 Filters / Sorting +
Filtered By:
Vaxcel International
Clear All
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-J6R7"> <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-J6R7" 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">J6R7</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>450.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-J6U0"> <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-J6U0" 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">J6U0</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>112.00</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-J7PX"> <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-J7PX" 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">J7PX</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>372.00</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-J8NX"> <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-J8NX" 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">J8NX</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>242.00</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-J8P0"> <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-J8P0" 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">J8P0</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>124.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="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-AXJZ"> <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-AXJZ" 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">AXJZ</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>130.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-F275"> <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-F275" 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">F275</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>124.00</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-J2X7"> <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-J2X7" 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">J2X7</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>282.00</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-J3U6"> <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-J3U6" 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">J3U6</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>262.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="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-EZ9H"> <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-EZ9H" 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">EZ9H</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>830.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-F25F"> <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-F25F" 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">F25F</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>360.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-F262"> <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-F262" 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">F262</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>130.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-J1VP"> <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-J1VP" 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">J1VP</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>174.00</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-J1XA"> <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-J1XA" 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">J1XA</div> </div> <div class="priceBox "> <div class="itemPriceBox"> <div class="currentPrice"><span>$</span>950.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-82UJ"> <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-82UJ" 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">82UJ</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-J2VK"> <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-J2VK" 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">J2VK</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-J2VL"> <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-J2VL" 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">J2VL</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-J3VZ"> <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-J3VZ" 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">J3VZ</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-J4TH"> <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-J4TH" 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">J4TH</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 C0150 - Horizon 16-in LED Flush Mount Ceiling Light Satin Nickel
Horizon 16-in LED Flush Mount Ceiling Light Satin Nickel
Vaxcel International
F63H
$214.00
Vaxcel International P0339 - Bridgeview 16 in. 4 Light Pendant Oil Rubbed Bronze and Light Walnut
Bridgeview 16 in. 4 Light Pendant Oil Rubbed Bronze and Light Walnut
Vaxcel International
J3V7
$450.00
Vaxcel International F0057 - Curtiss 52-in LED Ceiling Fan Matte Black and Brushed Silver
Curtiss 52-in LED Ceiling Fan Matte Black and Brushed Silver
Vaxcel International
F64N
$480.00
Vaxcel International W0277 - Katmai 5-in Wall Light Noble Bronze and Brass Gold
Katmai 5-in Wall Light Noble Bronze and Brass Gold
Vaxcel International
HZXW
$170.00
Vaxcel International C0152 - Horizon 12-in LED Flush Mount Ceiling Light Satin Nickel
Horizon 12-in LED Flush Mount Ceiling Light Satin Nickel
Vaxcel International
F63K
$146.00
Vaxcel International C0153 - Horizon 12-in LED Flush Mount Ceiling Light Oil Burnished Bronze
Horizon 12-in LED Flush Mount Ceiling Light Oil Burnished Bronze
Vaxcel International
F63L
$146.00
3 Options
Vaxcel International 2244KK - 18-in Downrod Extension for Ceiling Fans Black
18-in Downrod Extension for Ceiling Fans Black
Vaxcel International
AZKM
$72.00
Vaxcel International W0446 - Ravenna 4 Light Vanity Matte Black
Ravenna 4 Light Vanity Matte Black
Vaxcel International
J6TQ
$260.00
Vaxcel International T0309 - Freeport 7.25-in LED Outdoor Wall Light Textured Black
Freeport 7.25-in LED Outdoor Wall Light Textured Black
Vaxcel International
F530
$262.00
Vaxcel International P0432 - Madrona 14-in. W Pendant Black
Madrona 14-in. W Pendant Black
Vaxcel International
J8R7
$256.00
Vaxcel International W0357 - Marseille 13 in. H LED Wall Light Chrome
Marseille 13 in. H LED Wall Light Chrome
Vaxcel International
J3UR
$252.00
Vaxcel International W0358 - Marseille 13 in. H LED Wall Light Natural Brass
Marseille 13 in. H LED Wall Light Natural Brass
Vaxcel International
J3UT
$252.00
Vaxcel International C0169 - Addison 15-in Flush Mount Ceiling Light Satin Nickel
Addison 15-in Flush Mount Ceiling Light Satin Nickel
Vaxcel International
F643
$264.00
Vaxcel International C0251 - Dunning 16-in. 2 Light Semi-Flush Mount Natural Brass and Burnished Chestnut
Dunning 16-in. 2 Light Semi-Flush Mount Natural Brass and Burnished Chestnut
Vaxcel International
J4TC
$250.00
Vaxcel International F0131 - Everette 20-in. LED Ceiling Fan Matte Black
Everette 20-in. LED Ceiling Fan Matte Black
Vaxcel International
J8R3
$266.00
Vaxcel International P0431 - Madrona 14-in. W Pendant Muted Brass
Madrona 14-in. W Pendant Muted Brass
Vaxcel International
J8R6
$266.00
Vaxcel International W0152 - Elsa Capiz Shell 3L Vanity Satin Nickel
Elsa Capiz Shell 3L Vanity Satin Nickel
Vaxcel International
F15K
$270.00
Vaxcel International T0376 - Logan 5.5-in LED Outdoor Wall Light Carbon Bronze
Logan 5.5-in LED Outdoor Wall Light Carbon Bronze
Vaxcel International
F72P
$246.00
Vaxcel International P0319 - Somerset 6.25 in. W LED Mini Pendant Oil Rubbed Bronze
Somerset 6.25 in. W LED Mini Pendant Oil Rubbed Bronze
Vaxcel International
J2WK
$270.00
Vaxcel International T0321 - Freeport LED Motion Sensor Dusk to Dawn Outdoor Wall Light Textured Black
Freeport LED Motion Sensor Dusk to Dawn Outdoor Wall Light Textured Black
Vaxcel International
F53D
$246.00
Vaxcel International W0347 - Marquis 2 Light Wall Light Matte Black
Marquis 2 Light Wall Light Matte Black
Vaxcel International
J3UG
$242.00
Vaxcel International H0306 - Warwick 32.25-in. W 10 Light Linear Chandelier Natural Brass
Warwick 32.25-in. W 10 Light Linear Chandelier Natural Brass
Vaxcel International
J8Q2
$278.00
Vaxcel International T0599 - Kinzie Dualux 5-in. Outdoor Motion Sensor Wall Light Textured Black
Kinzie Dualux 5-in. Outdoor Motion Sensor Wall Light Textured Black
Vaxcel International
J3WH
$242.00
Vaxcel International C0170 - Addison 15-in Semi Flush Mount Satin Nickel
Addison 15-in Semi Flush Mount Satin Nickel
Vaxcel International
F644
$278.00
View Footer
Hide Footer