Home
Catalog
Clearance
View Cart
Login
Menu
View Cart
Home
Tools
Screw and Fastener QuickFind
Würth Baer Supply Company LaminateFinder©
Custom Drawer Box Quote and Order Form
Laminate Samples Board Chip Reorder Form
Formica Envision™ Order / Quote Form
EZ-Build Configurators
+ Tell us what you think about WürthBaerSupply.com
Company Information
Search Advanced
Catalog
Clearance
Large Machinery
Current Promotions
Login
View Cart
Advanced Search
Large Machinery
Current Promotions
Quotes/Forms
Help
Login
Home
|
Product Catalog
Tools
Catalog
Chat Support
Items: 0 Total: $0.00
Clearance
Do you know the item number? Use the
Quick order
to save time!
>
Catalog
>
Builders Hardware
>
Hooks
Items per page:
10
/
20
/
50
/
100
<<
<
>
>>
1-1 of 1
Narrow down your search results by filtering your search further. Search within the results currently displayed. Enter a word or number in the field and click the Filter button.
Filter
Product Description
Item #
Mfr Name
3-Way Hooks
Die Cast Zinc
Knape and Vogt
Product Details
Knape and Vogt
<<
<
>
>>
<ul class="menuResponsive"> {for xitem in categoryItems } {var xrow=0} {eval} xrow=xrow+1 {/eval} <li class="item${xrow}"><a href="#">${xitem.categoryName} <span></span></a> <ul> {for xsubcat in xitem.subCategoryItems } {if xsubcat.extCode != null} <li class="subitem${xsubcat.subCategoryId}"><a href="/baer/servlet/CyberVendor/category/C${xsubcat.subCategoryId}/catalog/?ShowAllGroups=True">${xsubcat.subCategoryName} <span style="float:right;border:0px;"><img src="/baer/images/EZ-Build.jpg" width="10" height="auto" alt="EZ-Build" title="EZ-Build"></span></a></li> {else} <li class="subitem${xsubcat.subCategoryId}"><a href="/baer/servlet/CyberVendor/category/C${xsubcat.subCategoryId}/catalog/?ShowAllGroups=True">${xsubcat.subCategoryName}</a></li> {/if} {/for} </ul> </li> {/for} </ul>
<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"> <!-- quite el id=vendor --> <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}%;"> <!-- quite el id=valor h.id --> <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" class="column row"> <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> <!-- / <a id="itemPageALL" href="#" onclick="SearchFilter.search.showAllItems();" class="bodylink">ALL</a --> </div> <div class="column row" style="height: 10px;"></div> <div class="row"> <div class="column"> <div style="vertical-align:top"> <div style="float:left"> <a href="#" onclick="SearchFilter.search.firstPage()" class="button large primary" title="Go to First"><<<!--<img src="/baer/images/btn_first.gif" border="0">--></a> <a href="#" onclick="SearchFilter.search.previousPage()" class="button large primary" title="Go to Previous"><<!--<img src="/baer/images/btn_previous.gif" border="0">--></a> <a href="#" onclick="SearchFilter.search.nextPage()" class="button large primary" title="Go to Next">><!--<img src="/baer/images/btn_next.gif" border="0">--></a></a> <a href="#" onclick="SearchFilter.search.lastPage()" class="button large primary" title="Go to Last">>><!--<img src="/baer/images/btn_last.gif" border="0">--></a></a> </div> <div style="float:left"> ${recordFrom}-${recordTo} of ${totalRecords} </div> </div> </div> </div> <div class="column row" style="height: 10px;"> </div> <div id="divButtons" class="columns row collapse"> <a href="#" id="linkItemsToCart1" onclick="PricingCall.addToCard();" class="button large primary">Add to cart<!--<img src="/baer/images/btn_addtocart.gif" border="0" height="18" width="83">--></a> <a href="#" id="linkItemsToPrice1" onclick="PricingCall.getPricingCall();" class="button large primary">Pricing & availability<!--<img src="/baer/images/btn_pricing-availability.gif" border="0">--></a> </div> <div style="clear:both; height: 5px;"></div> <!--<div class="row show-for-small-only"> <div class="small-12 columns"><a href="#" class="button expand tlistbtn" onclick="PricingCall.addToCard();">Add to cart</a></div> <div class="small-12 columns"><a href="#" class="button expand tlistbtn" onclick="PricingCall.getPricingCall();">Pricing & availability</a></div> </div> <div class="column row"> </div>--> <form> <table border="1" bordercolor="#e2e2e2" cellpadding="3" cellspacing="0" width="100%"> <thead> <tr border="0" class="markheading"> <th class="bold" nowrap="" width="4.81927%"> </td> <!-- 40 --> <th class="bold" align="left" nowrap="" width="7.83132%"> </td> <!-- 65 --> <th class="bold" align="left" nowrap="" width="7.83132%"><div align="center">Qty Req.</div></td><!-- 65 --> <th class="bold" align="left" nowrap="" width="18.07228%">Product Description</td> <!-- 150 --> <th class="bold hide-for-small-only" nowrap="" width="7.22891%"><div align="center">Min<br />Qty</div><!--</td> <th class="bold hide-for-small-only" align="left" nowrap="">UoM--></td> <!-- 60--> <th class="bold hide-for-small-only" align="left" nowrap="" width="24.09638%"><div align="center">Product Attributes</div></td> <!-- 200 --> <th class="bold hide-for-small-only" align="left" nowrap="" width="12.04819%" ><div align="center">Vendor</div></td> <!-- 100 --> {if displayPrice} <th class="bold hide-for-small-only" align="center" nowrap="" width="18.07228%"><div align="center">Unit<br>Price</div></td> <!-- 150 --> {/if} </tr> </thead> <tbody> {var xrow=0} {var xrowtype=''} {var cproductDisabled="disabled='disabled'"} {for product in productResponseDto} {eval} xrow = xrow + 1; xrowtype = (xrow%2==1) ? "whitecolorrow" : "graycolorrow"; {/eval} {if product.enableRegional} {eval} cproductDisabled = ''; {/eval} {/if} <tr class="${xrowtype}"> <td border="0" align="center" nowrap=""><div align="center"> <input name="productkeyId" id="chk${xrow}" value="${product.productNo}" onclick="PricingCall.checkCheckbox('${xrow}')" type="checkbox" ${cproductDisabled}></div></td> <td border="0" align="center" height="30" nowrap=""> <div align="center"><img src="${product.imageSrc}"/></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 class="hide-for-small-only"><div align="center">${product.multipleQty} ${product.um}</div> {if product.priceFlag == 1} <br><img src="/baer/images/imgLastChance000.png" border="0" > {elseif product.priceFlag == 2} <br><img src="/baer/images/imgPriceDrop00.png" border="0" > {/if} </td> <td class="hide-for-small-only"> {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 class="hide-for-small-only"><div align="center">${product.manufacturerName}</div></td> <!-- <hr class="show-for-medium-down" /> --> {if displayPrice} <td class="hide-for-small-only"> {if product.adjustedPrice} {if product.multipleQty==1} <div style="text-align: center;">${product.price}</div> {else} <div style='width:90px; text-align: left;'>${product.price} per ${product.um}</div><div style='width:90px;'>${product.boxPrice} for ${product.multipleQty}</div> {/if} {else} <div style="border: none; width: 100%;"> <div> <div style="float:left; width: 20%; text-align: center;font-weight: bold;text-decoration: underline;">Qty </div> <div style="float:left; width: 20%; text-align: center;font-weight: bold;text-decoration: underline;">UM </div> <div style="float:left; width: 50%; text-align: center;font-weight: bold;text-decoration: underline;">Price </div> <div style="height: 0px; clear: both;"></div> </div> {for p in product.listPrices} <div> <div style="float:left; width: 20%;text-align: center;">${p.quantity}</div> <div style="float:left; width: 20%;text-align: center;">${p.unitOfMeasure}</div> <div style="float:left; width: 50%; text-align: right;">${p.priceFmt}</div> <div style="height: 0px; clear: both;"></div> </div> {/for} </div> {/if} </td> {/if} </tr> <tr class="show-for-small-only ${xrowtype}"> <td colspan="9"> <div> <div style="float:left; width: 60%;"><b>Min. Qty</b></div> <div style="float:left; width: 40%;">${product.multipleQty}</div> <div style="float:left; width: 60%;"><b>UM</b></div> <div style="float:left; width: 40%;">${product.um}</div> {if product.priceFlag == 1} <div style="width:60%;float:left"> </div> <div style="width:40%;float:left"><img src="/baer/images/imgLastChance000.png" border="0" ></div> {elseif product.priceFlag == 2} <div style="width:60%;float:left"> </div> <div style="width:40%;float:left"><img src="/baer/images/imgPriceDrop00.png" border="0" ></div> {/if} <div style="float:left; width: 60%;"><b>Vendor</b></div> <div style="float:left; width: 40%;">${product.manufacturerName}</div> </div> <hr class="show-for-medium-down" /> <div><span style="font-weight: bold;text-decoration: underline;">Product Attributes</span></div> <div> {for h in product.headers} <div style="width:60%;float:left"><b>${h.header}</b></div> <div style="width:40%;float:left">${h.value}</div> {/for} </div> {if displayPrice} {if product.adjustedPrice} {if product.multipleQty==1} <div style="text-align: center;">${product.price}</div> {else} <div style='width:90px; text-align: left;'>${product.price} per ${product.um}</div><div style='width:90px;'>${product.boxPrice} for ${product.multipleQty}</div> {/if} {else} <div> <div><b>Unit Prices</b></div> <div> <div style="float:left; width: 20%; text-align: center;">Qty </div> <div style="float:left; width: 20%; text-align: center;">UM </div> <div style="float:left; width: 50%; text-align: center;">Price </div> <div style="height: 0px; clear: both;"></div> </div> {for p in product.listPrices} <div> <div style="float:left; width: 20%;">${p.quantity}</div> <div style="float:left; width: 20%;">${p.unitOfMeasure}</div> <div style="float:left; width: 50%; text-align: right;">${p.priceFmt}</div> <div style="height: 0px; clear: both;"></div> </div> {/for} </div> {/if} {/if} </td> </tr> {/for} </tbody></table> </form> <div id="divButtons2" class="row collapse show-for-medium"> <a href="#" id="linkItemsToCart1" onclick="PricingCall.addToCard();" class="button large primary">Add to cart<!--<img src="/baer/images/btn_addtocart.gif" border="0" height="18" width="83">--></a> <a href="#" id="linkItemsToPrice1" onclick="PricingCall.getPricingCall();" class="button large primary">Pricing & availability<!--<img src="/baer/images/btn_pricing-availability.gif" border="0">--></a> </div> <div class="columns row" style="height: 10px;"></div> <div class="row"> <div class="column"> <div style="vertical-align:top"> <div style="float:left"> <a href="#" onclick="SearchFilter.search.firstPage()" class="button large primary" title="Go to First"><<<!--<img src="/baer/images/btn_first.gif" border="0">--></a> <a href="#" onclick="SearchFilter.search.previousPage()" class="button large primary" title="Go to Previous"><<!--<img src="/baer/images/btn_previous.gif" border="0">--></a> <a href="#" onclick="SearchFilter.search.nextPage()" class="button large primary" title="Go to Next">><!--<img src="/baer/images/btn_next.gif" border="0">--></a></a> <a href="#" onclick="SearchFilter.search.lastPage()" class="button large primary" title="Go to Last">>><!--<img src="/baer/images/btn_last.gif" border="0">--></a></a> </div> <div style="float:left"> ${recordFrom}-${recordTo} of ${totalRecords} </div> </div> </div> </div>
<div id="itemPageDiv" class="column row"> <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> <!-- / <a id="itemPageALL" href="#" onclick="SearchFilter.search.showAllItems();" class="bodylink">ALL</a --> </div> <div class="column row" style="height: 10px;"></div> <div class="row"> <div class="column"> <div style="vertical-align:top"> <div style="float:left"> <a href="#" onclick="SearchFilter.search.firstPage()" class="button large primary" title="Go to First"><<<!--<img src="/baer/images/btn_first.gif" border="0">--></a> <a href="#" onclick="SearchFilter.search.previousPage()" class="button large primary" title="Go to Previous"><<!--<img src="/baer/images/btn_previous.gif" border="0">--></a> <a href="#" onclick="SearchFilter.search.nextPage()" class="button large primary" title="Go to Next">><!--<img src="/baer/images/btn_next.gif" border="0">--></a></a> <a href="#" onclick="SearchFilter.search.lastPage()" class="button large primary" title="Go to Last">>><!--<img src="/baer/images/btn_last.gif" border="0">--></a></a> </div> <div style="float:left"> ${recordFrom}-${recordTo} of ${totalRecords} </div> </div> </div> </div> <div class="column row" style="height: 10px;"></div> <div id="divButtons" class="column row collapse"> <a href="#" id="linkItemsToCart1" onclick="PricingCall.addToCard();" class="button large primary">Add to cart<!--<img src="/baer/images/btn_addtocart.gif" border="0" height="18" width="83">--></a> <a href="#" id="linkItemsToPrice1" onclick="PricingCall.getPricingCall();" class="button large primary">Pricing & availability<!--<img src="/baer/images/btn_pricing-availability.gif" border="0">--></a> </div> <!--<div class="row show-for-small-only"> <div class="small-12 columns"><a href="#" class="button expand tlistbtn" onclick="PricingCall.addToCard();">Add to cart</a></div> <div class="small-12 columns"><a href="#" class="button expand tlistbtn" onclick="PricingCall.getPricingCall();">Pricing & availability</a></div> </div> <div class="column row"> </div>--> <form> <table border="1" bordercolor="#e2e2e2" cellpadding="3" cellspacing="0"> <thead> <tr border="0" class="markheading"> <th class="bold" align="left" nowrap="" width="4.81927%"> </td> <!-- 40 --> <th class="bold" align="left" nowrap="" width="8.43373%"> </td> <!-- 70 --> <th class="bold" align="left" nowrap="" width="8.43373%"><div align="center">Qty Req.</div></td> <!-- 70 --> <th class="bold" align="left" nowrap="" width="20.48192%">Product Description</td> <!-- 170 --> <th class="bold hide-for-small-only" align="left" nowrap="" width="7.22891%"><div align="center">Min<br />Qty</div><!--</td> <th class="bold hide-for-small-only" align="left" nowrap="">UoM--></td> <!-- 60 --> <th class="bold hide-for-small-only" align="left" nowrap="" width="24.09638%"><div align="center">Product Attributes</div></td> <!-- 200 --> <th class="bold hide-for-small-only" align="left" nowrap="" width="12.04819%"><div align="center">Vendor</div></td> <!-- 100 --> <th class="bold hide-for-small-only" align="left" nowrap="" width="4.81927%"><div align="center">Qty<br/>Confirm</div></td> <!-- 40 --> <th class="bold hide-for-small-only" align="left" nowrap="" width="9.63855%"><div align="center">Unit<br />Price</div></td> <!-- 80 --> </tr> </thead> <tbody> {var xrow=0} {var xrowtype=''} {var cproductDisabled="disabled='disabled'"} {for product in productResponseDto} {eval} xrow = xrow + 1; xrowtype = (xrow%2==1) ? "whitecolorrow" : "graycolorrow"; {/eval} {if product.enableRegional} {eval} cproductDisabled = ''; {/eval} {/if} <tr class="${xrowtype}"> <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}"/></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 class="hide-for-small-only"><div align="center">${product.multipleQty} ${product.um}</div> {if product.priceFlag == 1} <br><img src="/baer/images/imgLastChance000.png" border="0" > {elseif product.priceFlag == 2} <br><img src="/baer/images/imgPriceDrop00.png" border="0" > {/if} </td> <td class="hide-for-small-only"> {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 class="hide-for-small-only"><div align="center">${product.manufacturerName}</div></td> {if product.quantityConfirmed != null} <td class="text hide-for-small-only" align="center"><div align="center">${product.quantityConfirmed}</div></td> {else} <td class="text hide-for-small-only" align="center"> </td> {/if} {if product.price != null && product.multipleQty==1 && product.pricingCall == true} <td class="text hide-for-small-only" align="center"><div align="right">${product.price}</div></td> {elseif product.price != null && product.multipleQty>1 && product.pricingCall == true} <td class="text hide-for-small-only" align="center"><div align="right" style='width:90px;'>${product.price} per ${product.um}</div><div align="right" style='width:90px;'>${product.boxPrice} for ${product.multipleQty}</div></td> {else} <td class="text hide-for-small-only" align="center"> </td> {/if} </tr> <tr class="show-for-small-only ${xrowtype}"> <td colspan="9"> <div> <div style="float:left; width: 60%;"><b>Min. Qty</b></div> <div style="float:left; width: 40%;">${product.multipleQty}</div> <div style="float:left; width: 60%;"><b>UM</b></div> <div style="float:left; width: 40%;">${product.um}</div> {if product.priceFlag == 1} <div style="width:60%;float:left"> </div> <div style="width:40%;float:left"><img src="/baer/images/imgLastChance000.png" border="0" ></div> {elseif product.priceFlag == 2} <div style="width:60%;float:left"> </div> <div style="width:40%;float:left"><img src="/baer/images/imgPriceDrop00.png" border="0" ></div> {/if} <div style="float:left; width: 60%;"><b>Vendor</b></div> <div style="float:left; width: 40%;">${product.manufacturerName}</div> {if product.quantityConfirmed != null} <div style="float:left; width: 60%;"><b>Quantity Confirmed</b></div> <div style="float:left; width: 40%;">${product.quantityConfirmed}</div> {/if} {if product.price != null && product.multipleQty==1 && product.pricingCall == true} <div style="float:left; width: 60%;"><b>Price</b></div> <div style="float:left; width: 40%;"><b>${product.price}</b></div> {elseif product.price != null && product.multipleQty>1 && product.pricingCall == true} <div style="float:left; width: 60%;"><b>Price</b></div> <div style="float:left; width: 40%;"> <div><b>${product.price} per ${product.um}</b></div><div><b>${product.boxPrice} for ${product.multipleQty}</b></div> </div> {/if} </div> <hr class="show-for-medium-down" /> <div><span style="font-weight: bold;text-decoration: underline;">Product Attributes</span></div> <div> {for h in product.headers} <div style="width:60%;float:left"><b>${h.header}</b></div> <div style="width:40%;float:left">${h.value}</div> {/for} </div> </td> </tr> {/for} </tbody></table> </form> <div class="columns row" style="height: 10px;"></div> <div id="divButtons2" class="columns row collapse show-for-medium"> <a href="#" id="linkItemsToCart1" onclick="PricingCall.addToCard();" class="button large primary">Add to cart<!--<img src="/baer/images/btn_addtocart.gif" border="0" height="18" width="83">--></a> <a href="#" id="linkItemsToPrice1" onclick="PricingCall.getPricingCall();" class="button large primary">Pricing & availability<!--<img src="/baer/images/btn_pricing-availability.gif" border="0">--></a> </div> <div class="columns row" style="height: 10px;"></div> <div class="row"> <div class="column"> <div style="vertical-align:top"> <div style="float:left"> <a href="#" onclick="SearchFilter.search.firstPage()" class="button large primary" title="Go to First"><<<!--<img src="/baer/images/btn_first.gif" border="0">--></a> <a href="#" onclick="SearchFilter.search.previousPage()" class="button large primary" title="Go to Previous"><<!--<img src="/baer/images/btn_previous.gif" border="0">--></a> <a href="#" onclick="SearchFilter.search.nextPage()" class="button large primary" title="Go to Next">><!--<img src="/baer/images/btn_next.gif" border="0">--></a></a> <a href="#" onclick="SearchFilter.search.lastPage()" class="button large primary" title="Go to Last">>><!--<img src="/baer/images/btn_last.gif" border="0">--></a></a> </div> <div style="float:left"> ${recordFrom}-${recordTo} of ${totalRecords} </div> </div> </div> </div>
{if hashazardous} <br> <img src="/baer/images/Hazmat_16.jpg" width="15" height="16" align="absmiddle">This item has been flagged as a hazardous material. Special shipping costs may be added to your order.<br> <br> {/if} {if directFactory} <br> <img src="/baer/images/DropShip.png" width="15" height="16" align="absmiddle">Factory direct shipment. Additional freight charges may apply.<br> <br> {/if} {if longItem} <br> <img src="/baer/images/long_16.png" width="15" height="16" align="absmiddle">Product may incur additional oversize fees.<br> <br> {/if} {if hpriceBargain} <br> <img src="/baer/images/imgLastChance000.png" border="0" align="absmiddle"> Last Chance to get this item at clearance price. Please note, this item can not be backordered.<br> <br> {/if} {if hpriceFeatured} <br> <img src="/baer/images/imgPriceDrop00.png" border="0" align="absmiddle"> Temporary Price Reduction. This deal will not last long!<br> <br> {/if}
<div id="qoPadTitle"> <span class="qoPadClose qoPadRight" onclick="QuickOrderPad.closeUploadPoPup();">Close</span> <h2> Upload from .CSV File </h2> </div> <form id="uploadForm" action="/baer/rest/quickOrder/upload" method="post" enctype="multipart/form-data"> <div id="uploadFormDiv"> <div style="padding:20px;">Please select a CSV file and then press the Upload button.<br /><br />CSV file should be in the following format with 2-3 columns (no column headings needed):<br/> <strong>Quantity</strong> [COMMA] <strong>Item #</strong> [COMMA] <strong>Job Name</strong></div> <div style="padding:0 10px;"> <input type="file" name="file" size="35"><br> </div> </div> <div id="qoPadFooder" style="height: 55px;"> <div class="qolSendBtn"><a id="btnUploadQuickOrder" href="#" onclick="QuickOrderPad.uploadFileSubmit();" class="button large primary">Upload</a></div> </div> </form>
<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" style="font-weight: bold;">Copy & Paste Order Items</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/servlet/CyberVendor/page/exporder" class="bodyLink">Large Order Pad</a></div> </div> <div id="qoPadCopyBulkBody"> Want to save time and order faster?<br/> Simply copy and paste Quantities and <span id="productFieldTitle">Würth Item #</span>'s into the fields below using the following format:<br/><br /> Quantity [TAB or COMMA] Item # [TAB or COMMA] Job Name<br/> <div id="qoPadTextArea"></div> </div> <div class="qoPadClear"></div> </div> <div id="qoPadFooder" style="height: 55px;"> <span class="button large primary" onclick="QuickOrderPad.bulkQuickOrder(this);">Add to cart</span> <div class="otherPopTaskLinks"> <div><a href="#" onclick="QuickOrderPad.changeToDefault(event);" class="bodyLink">Add Line-by-Line</a></div> <div><a href="#" onclick="QuickOrderPad.openUploadPoPup(this, 1);" class="bodyLink">Upload from .CSV File</a></div> </div> </div> </form> </div>
<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" style="font-weight: bold;">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/servlet/CyberVendor/page/exporder" 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 class="inputJob" 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 class="inputJob" 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 class="inputJob" 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 class="inputJob" 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 class="inputJob" id="xJobName5" name="xJobName5" type="text" size="20"/></div> <div class="qoPadClear"></div> </div> <div id="qoPadFooder" style="height: 55px;"> <span class="button large primary" onclick="QuickOrderPad.addToCart(this);">Add to cart</span> <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>
<div id="measToolFrame"> <form> <div id="measToolTitle"> <span class="measToolClose measToolRight" onclick="QuickMeasureConvert.closeMeas();">Close</span> <h2 style="font-size: 11px; font-weight: bold;"> Measurement Converter </h2> </div> <div id="bodyMeasTool"> <div id="toolMeasure"> <input id="fldMeasurement" value="" /> <a onclick="convertMeasure();"> <img id="btnConvert" src="/baer/images/btnConvert.gif" border="0"> </a> <div id="ansMeasurements"> </div> <div id="lblExamples"> <span style="text-decoration: underline;">Entry Examples</span>:<br />6-5/8" 2' 6.375" 2ft 6-3/8in 190.4cm 1345mm </div> </div> </div> </form> </div>
<form accept-charset="UTF-8" name="askForShoppingForm"> <table width="530" border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="#e2e2e2"> <td width="73"> </td> <td class="bold" width="252">Description</td> <td class="bold" width="52">Qty</td> <td class="bold" width="73">UM</td> <td class="bold" width="78">Jobname</td> </tr> {for p in products} <tr> <td border="0" align="center" height="30" nowrap=""> <div align="center"><img src="${p.image}"/></div> </td> <td align="center" class="text">${p.productCode}<br/>${p.description}</td> <td align="center" class="text">${p.quantity}</td> <td align="center" class="text">${p.unitOfMeasure}</td> <td align="center" class="text">${p.jobname}</td> </tr> {/for} </table> </form>
<div style="position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);">${textMsg}</div>
<form id="chgPwdFmt"> <div style="width:100%;"> {if (errMsg != null)} <div style="width:100%;float: left; color: red;"> ${errMsg} </div> <div style="width:100%; height: 10px; clear:both"></div> {/if} <div style="width:100%;float: left;"> <div style="width:50%; float: left;"> <span>New Password:</span> </div> <div style="width:50%; float: left;"> <input type="password" id="chgpwdNewPwd" name="chgpwdNewPwd"> </div> </div> <div style="width:100%; height: 10px; clear:both"></div> <div style="width:100%;float: left;"> <div style="width:50%; float: left;"> <span>Confirm Password:</span> </div> <div style="width:50%; float: left;"> <input type="password" id="chgpwdRepPwd" name="chgpwdRepPwd"> </div> </div> </div> </form>
