Würth Baer Supply Company is one of the nation's leading specialty wholesale distributors to the woodworking industry. We offer an extensive inventory of cabinet hardware, adhesives and abrasives, screws and fasteners, commercial tools, wood products, shop supplies, and Formica laminate.

Wurth Baer Supply Company – Premier Supplier to the Woodworking Industry

Home Catalog Clearance Quick Order Shopping List View Cart

Advanced search Large Machinery

Current Promotions Quotes/Forms Help Login

Home / Catalogs & Literature / Würth Baer Supply Decorative Hardware Catalog

Web Tech Support Hotline: 800-944-2237 x4444

<div id="qoPadFrame">
<form>
<div id="qoPadTitle">
<span class="qoPadClose qoPadRight" onclick="QuickOrderPad.closePoPup();">Close</span>
<h2>
    Quick Order Pad
</h2>
</div>
<div id="bodyOrderPad">
<div id="qoPadTitleTypeItems">Type Items Below</div>
<div id="qoPadSubtitleHeader">
<div id="qoPadTitleChangeFormat"><a href="#" onclick="QuickOrderPad.changeOrderFormat(event);" class="bodyLink">Change Order Format</a></div>
<div id="qoPadTitleLargeOrder"><a href="/baer/exporder.jsp" class="bodyLink">Large Order Pad</a></div>
</div>
<div class="qoPadLeft qoPadLabelQty">Qty</div>
<div class="qoPadLeft qoPadLabelItemNo"><span id="productFieldTitle">Würth Item #</span></div>
<div class="qoPadLeft qoPadLabelJob">Job Name</div>
<div class="qoPadClear"></div>
<div class="qoPadLeft"><input class="inputQty" id="xQty1" name="xQty1" type="text" size="3" maxlength="6"/></div>
<div class="qoPadLeft"><input class="inputItem" id="xProductNo1" name="xProductNo1" type="text" size="15"/></div>
<div class="qoPadLeft"><input id="xJobName1" name="xJobName1" type="text" size="20"/></div>
<div class="qoPadClear"></div>
<div class="qoPadLeft"><input class="inputQty" id="xQty2" name="xQty2" type="text" size="3" maxlength="6"/></div>
<div class="qoPadLeft"><input class="inputItem" id="xProductNo2" name="xProductNo2" type="text" size="15"/></div>
<div class="qoPadLeft"><input id="xJobName2" name="xJobName2" type="text" size="20"/></div>
<div class="qoPadClear"></div>
<div class="qoPadLeft"><input class="inputQty" id="xQty3" name="xQty3" type="text" size="3" maxlength="6" /></div>
<div class="qoPadLeft"><input class="inputItem" id="xProductNo3" name="xProductNo3" type="text" size="15"/></div>
<div class="qoPadLeft"><input id="xJobName3" name="xJobName3" type="text" size="20"/></div>
<div class="qoPadClear"></div>
<div class="qoPadLeft"><input class="inputQty" id="xQty4" name="xQty4" type="text" size="3" maxlength="6" /></div>
<div class="qoPadLeft"><input class="inputItem" id="xProductNo4" name="xProductNo4" type="text" size="15"/></div>
<div class="qoPadLeft"><input id="xJobName4" name="xJobName4" type="text" size="20"/></div>
<div class="qoPadClear"></div>
<div class="qoPadLeft"><input class="inputQty" id="xQty5" name="xQty5" type="text" size="3" maxlength="6" /></div>
<div class="qoPadLeft"><input class="inputItem" id="xProductNo5" name="xProductNo5" type="text" size="15"/></div>
<div class="qoPadLeft"><input id="xJobName5" name="xJobName5" type="text" size="20"/></div>
<div class="qoPadClear"></div>
</div>
<div id="qoPadFooder">
  <button class="btnAddtocart" onclick="QuickOrderPad.addToCart(this);" type="button"></button>
  <div class="otherPopTaskLinks">
  	<div><a href="#" onclick="QuickOrderPad.changeToBulk(event);" class="bodyLink">Copy/Upload in Bulk</a></div> 
  	<div><a href="#" onclick="QuickOrderPad.openUploadPoPup(this, 1);" class="bodyLink">Upload from .CSV File</a></div>  
  </div>
</div>
</form>
</div>

<form accept-charset="UTF-8" name="featuresForm">
    <div><span class="categoryButtom"><a href="#" onclick="CategoryList.showMenu()">Back to Catalog</a></span></div>
    <div id="categoryTitle" class="titleButtom">${categoryName}</div>
    <div id="filterClearBt" class="filterTitle"><a href="#" onclick="SearchFilter.search.clearCheckboxes()">Reset Filter</a></div>
    <div style="height: 1.38em; background: #ffffff;"></div>
    <div id="filterTitle0" class="filterTitle"><a href="#" onclick="SearchFilter.search.openMenu(event,'0')" title="Close filter">Vendor <span></span></a></div>
    <div>
    <div class="contentAttributes hideFilterAttributes">
    <div id="filterAtt0">
    {var vrow=0}
    {for m in manufacturerName}
        {eval}vrow=vrow+1{/eval}        
        <div class="filterCheck">
        
          <input type='checkbox' name='vendor' value='${m.manufacturerName}' onclick='SearchFilter.search.sendDataToFilter(0)'>
          <span>${m.manufacturerName}</span>
        </div>
    {/for}
    </div>
    </div>
    {if (vrow>5)}
        <div class="show-more"><a href="#" onclick="SearchFilter.search.addShowMoreButton(event, this)">more ...</a></div>
        <div style="clear:both; height: 5px;"></div>
    {/if}              
    </div>
    {var xtitle=0}
	{for h in headerValuesResponseDto}
	    {eval} xtitle=xtitle+1{/eval}
		<div id="filterTitle${xtitle}" class="filterTitle"><a href="#" onclick="SearchFilter.search.openMenu(event,'${xtitle}') ">${h.headerName} <span></span></a></div>
		<div>
		<div class="contentAttributes hideFilterAttributes">
        <div id="filterAtt${xtitle}">
        {var xrow=0}
        {var xpercent=100/h.numberOfColumns}
        {for xvalue in h.values}
           {eval}
              xrow=xrow+1
           {/eval}
           <div class="filterCheck" style="float:left; width:${xpercent}%;">
                 
                 <input type='checkbox' name='valor${h.id}' value='${xvalue.value}' onclick='SearchFilter.search.sendDataToFilter(${h.id+1})' title="Close filter"> <span>${xvalue.title}</span>
           </div>      
           {if xrow%h.numberOfColumns==0}
           <div style="clear:both"></div>
           {/if}  
        {/for}
        </div>
        <div style="clear:both"></div>
        </div>
        {if (xrow*xpercent/100)>5}
        <div class="show-more"><a href="#" onclick="SearchFilter.search.addShowMoreButton(event, this)">more ...</a></div>
        <div style="clear:both; height: 5px;"></div>
        {/if}  
        </div>      
    {/for}
   </form>

<div id="itemPageDiv">
        <b>Items per page:</b> <a href="#" id="itemPage10" onclick="SearchFilter.search.itemPerPage(10);" class="bodyLink">10</a> / <a id="itemPage20" href="#" onclick="SearchFilter.search.itemPerPage(20);" class="bodyLink">20</a> / <a href="#" id="itemPage50" onclick="SearchFilter.search.itemPerPage(50);" class="bodyLink">50</a> / <a href="#" id="itemPage100" onclick="SearchFilter.search.itemPerPage(100);" class="bodyLink">100</a>       
     </div>
     <div style="height: 10px;"></div>     
     <div style="vertical-align:top">
       <div style="float:left">
        <a href="#" onclick="SearchFilter.search.firstPage()"><img src="/baer/images/btn_first.gif" border="0"></a>
        <a href="#" onclick="SearchFilter.search.previousPage()"><img src="/baer/images/btn_previous.gif" border="0"></a>
        <a href="#" onclick="SearchFilter.search.nextPage()"><img src="/baer/images/btn_next.gif" border="0"></a>
        <a href="#" onclick="SearchFilter.search.lastPage()"><img src="/baer/images/btn_last.gif" border="0"></a>
       </div>
        <div style="float:left">
              ${recordFrom}-${recordTo} of ${totalRecords}
        </div>
     </div>
     <div style="clear:both"></div>
<div id="divButtons" align="left">
    <a href="#" id="linkItemsToCart1" onclick="PricingCall.addToCard();"><img src="/baer/images/btn_addtocart.gif" border="0" height="18" width="83"></a> 
    
    <a href="#" id="linkItemsToPrice1" onclick="PricingCall.getPricingCall();"><img src="/baer/images/btn_pricing-availability.gif" border="0"></a>
</div>
<form>
<table border="1" bordercolor="#e2e2e2" cellpadding="3" cellspacing="0" width="100%">
        	<tbody>
              <tr border="0" bgcolor="#e2e2e2">
        	  <td class="bold" align="left" nowrap="" width="40"> </td>
          		<td class="bold" align="left" nowrap="" width="100"> </td>
          		<td class="bold" align="left" nowrap="" width="71">Qty Req.</td>
          		<td class="bold" align="left" nowrap="" width="180">Product Description</td>
          		<td class="bold" align="left" nowrap="">Min Qty</td>
          		<td class="bold" align="left" nowrap="">UoM</td>
          		<td class="bold" align="left" nowrap="" width="260"><div align="center">Product Attributes</div></td>
          		<td class="bold" align="left" nowrap=""><div align="center">Vendor</div></td>
        {if displayPrice}
                <td class="bold" align="center" nowrap="" width="78">Unit<br>Price</td>
        {/if}
          		</tr>
        {var xrow=0}
        {var cproductDisabled="disabled='disabled'"}
        {for product in productResponseDto}  
        {eval}
           xrow = xrow + 1;
        {/eval}
        {if product.enableRegional}
          {eval}
            cproductDisabled = '';
          {/eval}
        {/if}        
<tr>
                <td border="0" align="center" nowrap=""><input name="productkeyId" id="chk${xrow}" value="${product.productNo}" onclick="PricingCall.checkCheckbox('${xrow}')" type="checkbox" ${cproductDisabled}></td>
                <td border="0" align="center" height="30" nowrap="">
					<div align="center"><img src="${product.imageSrc}" alt="Product image" title="Product image"/></div>
				</td>
                <td>
                {if product.enableRegional}
                <input id="quantity${xrow}" name="quantity${xrow}" onkeyup="PricingCall.checkTextBox('${xrow}')" value="" size="5" maxlength="5" class="text" type="text" ${cproductDisabled}>
                {/if}
<input id="multipleQty${xrow}" name="multipleQty${xrow}" value="${product.multipleQty}" size="5" maxlength="5" class="text" type="hidden">
                 {if product.enableRegional==false }
                     <span class="bodyLink">Contact us for availability</span>
                 {/if}
                </td>
                <td>
                     <div><a class="bodyLink" href="#" onclick="SearchFilter.search.storeFilterInfo('${product.groupNo}','${product.productNo}')">${product.itemNo}</a>
                     <input type="hidden" id="productCode${xrow}" value="${product.itemNo}">
                     </div>
                     <div>${product.dimensions}</div>
                     <div>${product.description}{if product.manufProdCode.length>0}<br/>Mpn: ${product.manufProdCode}{/if}</div>
                     {if product.hazardousMaterial == 1}
                        <a class="nounderline" href="#" title="This item has been flagged as a hazardous material. Special shipping costs may be added to your order."><img  src="/baer/images/Hazmat_16.jpg" border="0" ></a>
                     {elseif product.hazardousMaterial == 2}
                        <a class="nounderline" href="#" title="Product may incur additional oversize fees."><img  src="/baer/images/long_16.png" border="0" ></a>
                     {/if}
                     {if product.dropShipItem == 1}
                        <a class="nounderline" href="#" title="Factory direct shipment. Additional freight charges may apply."><img src="/baer/images/DropShip.png" border="0"></a>
                     {/if}                     
                </td>
                <td><div align="center">${product.multipleQty}</div></td>
                <td><div align="center">${product.um}</div></td>
                <td>
                 {for h in product.headers}
                     <div>
                      <div style="width:60%;float:left"><b>${h.header}</b></div>
                      <div style="width:40%;float:left">${h.value}</div>
                     </div>
                 {/for}
                </td>
                <td><div align="center">${product.manufacturerName}</div></td>
                {if displayPrice}
                  <td>
                     <table style="border: none;">
                          <tr><td>Qty</td>
                              <td>UM</td>
                              <td>Price</td>
                          </tr>
                          {for p in product.listPrices}
                             <tr>
                                 <td>${p.quantity}</td>
                                 <td>${p.unitOfMeasure}</td>
                                 <td align="right">${p.priceFmt}</td>
                             </tr>
                          {/for}
                     </table>
                  </td>
                {/if}
              </tr>        
        {/for}  
</tbody></table> 
</form>       
<div style="height: 10px;"></div>
<div id="divButtons2" align="left">
  <a href="#" id="linkItemsToCart2" onclick="PricingCall.addToCard();"><img src="/baer/images/btn_addtocart.gif" border="0" height="18" width="83" /></a> 
   
  <a href="#" id="linkItemsToPrice2" onclick="PricingCall.getPricingCall();"><img src="/baer/images/btn_pricing-availability.gif" border="0" /></a>
</div> 
<div style="height: 10px;"></div>
<div style="vertical-align:top">
       <div style="float:left">
        <a href="#" onclick="SearchFilter.search.firstPage()"><img src="/baer/images/btn_first.gif" border="0"></a>
        <a href="#" onclick="SearchFilter.search.previousPage()"><img src="/baer/images/btn_previous.gif" border="0"></a>
        <a href="#" onclick="SearchFilter.search.nextPage()"><img src="/baer/images/btn_next.gif" border="0"></a>
        <a href="#" onclick="SearchFilter.search.lastPage()"><img src="/baer/images/btn_last.gif" border="0"></a>
       </div>
        <div style="float:left">
              ${recordFrom}-${recordTo} of ${totalRecords}
        </div>
</div>

<div id="itemPageDiv">
        <b>Items per page:</b> <a href="#" id="itemPage10" onclick="SearchFilter.search.itemPerPage(10);" class="bodyLink">10</a> / <a id="itemPage20" href="#" onclick="SearchFilter.search.itemPerPage(20);" class="bodyLink">20</a> / <a href="#" id="itemPage50" onclick="SearchFilter.search.itemPerPage(50);" class="bodyLink">50</a> / <a href="#" id="itemPage100" onclick="SearchFilter.search.itemPerPage(100);" class="bodyLink">100</a>       
     </div>  
     <div style="height: 10px;"></div>   
     <div style="vertical-align:top">
       <div style="float:left">
        <a href="#" onclick="SearchFilter.search.firstPage()"><img src="/baer/images/btn_first.gif" border="0"></a>
        <a href="#" onclick="SearchFilter.search.previousPage()"><img src="/baer/images/btn_previous.gif" border="0"></a>
        <a href="#" onclick="SearchFilter.search.nextPage()"><img src="/baer/images/btn_next.gif" border="0"></a>
        <a href="#" onclick="SearchFilter.search.lastPage()"><img src="/baer/images/btn_last.gif" border="0"></a>
       </div>
        <div style="float:left">
              ${recordFrom}-${recordTo} of ${totalRecords}
        </div>
     </div>
     <div style="clear:both"></div>
<div id="divButtons" align="left">
    <a href="#" id="linkItemsToCart1" onclick="PricingCall.addToCard();"><img src="/baer/images/btn_addtocart.gif" border="0" height="18" width="83"></a> 
    
    <a href="#" id="linkItemsToPrice1" onclick="PricingCall.getPricingCall();"><img src="/baer/images/btn_pricing-availability.gif" border="0"></a>
</div>
<form>
<table border="1" bordercolor="#e2e2e2" cellpadding="3" cellspacing="0" width="911">
        	<tbody>
              <tr border="0" bgcolor="#e2e2e2">
        	  <td class="bold" align="left" nowrap="" width="40"> </td>
          		<td class="bold" align="left" nowrap="" width="100"> </td>
          		<td class="bold" align="left" nowrap="" width="71">Qty Req.</td>
          		<td class="bold" align="left" nowrap="" width="180">Product Description</td>
          		<td class="bold" align="left" nowrap="">Min Qty</td>
          		<td class="bold" align="left" nowrap="">UoM</td>          		
          		<td class="bold" align="left" nowrap="" width="260"><div align="center">Product Attributes</div></td>
          		<td class="bold" align="left" nowrap=""><div align="center">Vendor</div></td>
          		<td class="bold" align="left" nowrap="" width="82">Qty<br/>Confirmed</td>
          		<td class="bold" align="left" nowrap="" width="78">Unit<br>Price</td>                
          		</tr>
        {var xrow=0}
        {var cproductDisabled="disabled='disabled'"}
        {for product in productResponseDto}  
        {eval}
           xrow = xrow + 1;
        {/eval}
        {if product.enableRegional}
          {eval}
            cproductDisabled = '';
          {/eval}
        {/if}        
<tr>
                <td border="0" align="center" nowrap=""><input name="productkeyId" id="chk${xrow}" value="${product.productNo}" onclick="PricingCall.checkCheckbox('${xrow}')" type="checkbox" ${cproductDisabled}></td>
                <td border="0" align="center" height="30" nowrap="">
					<div align="center"><img src="${product.imageSrc}" alt="Product image" title="Product image" /></div>
				</td>
                <td>
                {if product.enableRegional}
                <input id="quantity${xrow}" name="quantity${xrow}" onkeyup="PricingCall.checkTextBox('${xrow}')" value="${product.quantity}" size="5" maxlength="5" class="text" type="text" ${cproductDisabled}>
                {/if}
<input id="multipleQty${xrow}" name="multipleQty${xrow}" value="${product.multipleQty}" size="5" maxlength="5" class="text" type="hidden">
                 {if product.enableRegional==false }
                     <span class="bodyLink">Contact us for availability</span>
                 {/if}
                </td>
                <td>
                     <div><a class="bodyLink" href="#" onclick="SearchFilter.search.storeFilterInfo('${product.groupNo}','${product.productNo}')">${product.itemNo}</a>
                     <input type="hidden" id="productCode${xrow}" value="${product.itemNo}">
                     </div>
                     <div>${product.dimensions}</div>
                     <div>${product.description}{if product.manufProdCode.length>0}<br/>Mpn: ${product.manufProdCode}{/if}</div>
                     {if product.hazardousMaterial == 1}
                        <a class="nounderline" href="#" title="This item has been flagged as a hazardous material. Special shipping costs may be added to your order."><img  src="/baer/images/Hazmat_16.jpg" border="0" ></a>
                     {elseif product.hazardousMaterial == 2}
                        <a class="nounderline" href="#" title="Product may incur additional oversize fees."><img  src="/baer/images/long_16.png" border="0" ></a>
                     {/if}
                     {if product.dropShipItem == 1}
                        <a class="nounderline" href="#" title="Factory direct shipment. Additional freight charges may apply."><img src="/baer/images/DropShip.png" border="0"></a>
                     {/if}                     
                </td>
                <td><div align="center">${product.multipleQty}</div></td>
                <td><div align="center">${product.um}</div></td>                
                <td>
                 {for h in product.headers}
                     <div>
                      <div style="width:60%;float:left"><b>${h.header}</b></div>
                      <div style="width:40%;float:left">${h.value}</div>
                     </div>
                 {/for}
                </td>
                <td><div align="center">${product.manufacturerName}</div></td>
                {if product.quantityConfirmed != null}
                <td class="text" align="center">${product.quantityConfirmed}</td>
                {else}
                <td class="text" align="center"> </td>
                {/if}
                {if product.price != null && product.multipleQty==1 && product.pricingCall == true}
                <td class="text" align="center">${product.price}</td>
                {elseif product.price != null && product.multipleQty>1 && product.pricingCall == true}
                <td class="text" align="center"><div style='width:90px;'>${product.price} per ${product.um}</div><div style='width:90px;'>${product.boxPrice} for ${product.multipleQty}</div></td>
                {else}
                <td class="text" align="center"> </td>
                {/if}   
              </tr>        
        {/for}  
</tbody></table> 
</form>       
<div style="height: 10px;"></div>
<div id="divButtons2" align="left">
  <a href="#" id="linkItemsToCart2" onclick="PricingCall.addToCard();"><img src="/baer/images/btn_addtocart.gif" border="0" height="18" width="83" /></a> 
   
  <a href="#" id="linkItemsToPrice2" onclick="PricingCall.getPricingCall();"><img src="/baer/images/btn_pricing-availability.gif" border="0" /></a>
</div>
<div style="height: 10px;"></div>
<div style="vertical-align:top">
       <div style="float:left">
        <a href="#" onclick="SearchFilter.search.firstPage()"><img src="/baer/images/btn_first.gif" border="0"></a>
        <a href="#" onclick="SearchFilter.search.previousPage()"><img src="/baer/images/btn_previous.gif" border="0"></a>
        <a href="#" onclick="SearchFilter.search.nextPage()"><img src="/baer/images/btn_next.gif" border="0"></a>
        <a href="#" onclick="SearchFilter.search.lastPage()"><img src="/baer/images/btn_last.gif" border="0"></a>
       </div>
        <div style="float:left">
              ${recordFrom}-${recordTo} of ${totalRecords}
        </div>
</div>

Würth Baer Supply Decorative Hardware Catalog

Order directly from the interactive catalog sections below. Click on the link or logo below to go to the interactive catalog PDF. Click any yellow highlighted item number to see the website page and order the item. Item numbers that are not highlighted in yellow may not be available on the Web or may no longer be available.

EVERYDAY TOP PICKS	APPLIANCE PULLS	SPECIAL ORDER
Vendor Collections:
AMEROCK ALLISON SERIES	AMEROCK	BELWITH PRODUCTS
BERENSON	COLONIAL BRONZE	ENGINEERED PRODUCTS COMPANY
HARDWARE CONCEPTS	LAUREY	PARAMOUNT EXTRUSIONS
PRO VALUE	SCHAUB & COMPANY	SIRO DESIGNS
SUGATSUNE	WADDELL
Alternative Non-interactive PDF Versions Everyday Decorative Hardware Top Picks Appliance Pulls Amerock Allison Series Amerock Belwith Products Berenson Colonial Bronze Engineered Products Company (EPCO) Hardware Concepts Laurey Paramount Extrusions Pro Value Schaub & Company Siro Designs Sugatsune Waddell

Würth Baer Supply Decorative Hardware Catalog

Vendor Collections:

Alternative Non-interactive PDF Versions