Search:
Submit Search:
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
Architects & Designers Portal
Promotions
Login
View Cart
Advanced Search
Large Machinery
(Opens in new window)
Promotions
A & D
Quotes/Forms
Help
Login
Home
|
Hot Deals
Tools
ScrewFinder
LaminateFinder
Custom Drawer Box Order Form
Custom Countertop Configurator
Laminate Chips Sample Reorder
Formica Envision
Lecxeco
EZ Configurators
Measurement Conversions
IT Chat Support
Catalog
ScrewFinder
LaminateFinder
Custom Drawer Box Order Form
Custom Countertop Configurator
Laminate Chip Samples Reorder Form
Formica Envision
Lecxeco
EZ Configurators
Measurement Conversions
IT Chat Support
Items: 0 Total: $0.00
Add to cart
Email List
Web Specials
NJ109-3999-48PC
909 Surfaces Laminate 109 Black, Postforming, .039Thick, HD Gloss, 4x8
Max Quantity: 1
SALE $16.0000 / SH
Quantity:
NJ109-9C99-48PC
909 Surfaces Laminate 109 Black, 9Core, .039 Thick, Scratch Resistant Gloss Finish, 4x8
Max Quantity: 1
SALE $32.0000 / SH
Quantity:
NJ149-2459-48
White, 024 Matte
Max Quantity: 1
SALE $9.6000 / SH
Quantity:
NJ149-2859-48
White, .028, Matte
Max Quantity: 1
SALE $12.8000 / SH
Quantity:
NJ149-3959-48
White, .039, Matte
Max Quantity: 1
SALE $16.0000 / SH
Quantity:
NJ207-2859-48
909 Surfaces Laminate 207 Dutch Cherry, Vertical,.028 Thick, Matte, 4x8
Max Quantity: 1
SALE $12.8000 / SH
Quantity:
NJ207-3959-48
909 Surfaces Laminate 207 Dutch Cherry, Postforming, .039 Thick, Matte, 4x8
Max Quantity: 1
SALE $16.0000 / SH
Quantity:
NN1069-CM50-72
Cream, 30"x144"x1/2" Ss
Max Quantity: 1
SALE $149.0000 / SH
Quantity:
NN519-K450
Kit Db Uneven Bwl 33 X 22-1/4 X 6-1/2 Bq
Max Quantity: 1
SALE $15.0000 / EA
Quantity:
NRFN1002-NF39T-52
Copper Fusion.2, Nf39 Arp Textured
Max Quantity: 1
SALE $30.0000 / SH
Quantity:
NRGR2004-NF39T-50
Woodstock Granite, Nf39 Arp Textured
Max Quantity: 1
SALE $25.0000 / SH
Quantity:
NRLU6001-NF39T-52
Lunaria Shadow, Nf39 Arp Textured
Max Quantity: 1
SALE $30.0000 / SH
Quantity:
NRMR6007-NF39T-48
Phantom Gray Matrix, Nf39 Arp Textured
Max Quantity: 1
SALE $16.0000 / SH
Quantity:
NRPR1001-NF28T-48
Papier Flambe, Nf28 Arp Textured
Max Quantity: 1
SALE $12.8000 / SH
Quantity:
NRS6001-NM55G-40PC
Black, Nm55, Gloss Thrucolor
Max Quantity: 1
SALE $80.0000 / SH
Quantity:
NRS6012-NF39T-58
Neutral Gray, Nf39 Arp Textured
Max Quantity: 1
SALE $20.0000 / SH
Quantity:
NRS6053-NF28C-48
Jett Black, Nf28 Crystal
Max Quantity: 1
SALE $12.8000 / SH
Quantity:
NRS7036-NF39T-58
Precision White, Nf39 Arp Textured
Max Quantity: 1
SALE $20.0000 / SH
Quantity:
NRS7038-NF28T-48
Mallow White, Nf28 Arp Textured
Max Quantity: 1
SALE $12.8000 / SH
Quantity:
NRSL2001-NF39T-52
Pumice Pietra, Nf39 Arp Textured
Max Quantity: 1
SALE $30.0000 / SH
Quantity:
NRW8325-NF39T-58
Sovereign Cherry, Nf39 Arp Textured
Max Quantity: 1
SALE $20.0000 / SH
Quantity:
NRWK0022-NF39T-52
Antoccino,nf39 Arp Textured
Max Quantity: 1
SALE $30.0000 / SH
Quantity:
NRWK0027-NF39T-52
Bailey, Nf39 Arp Textured
Max Quantity: 1
SALE $30.0000 / SH
Quantity:
NRWM8322-NF28T-48
Honey Maple, Nf28 Arp Textured
Max Quantity: 1
SALE $12.8000 / SH
Quantity:
NRWT0003-NF39PV-52
Valencia Teak, Nf39 Polished Velvet
Max Quantity: 1
SALE $30.0000 / SH
Quantity:
NRWW9000-NF39WE-52
Sunbeam,nf39 Wood Essence
Max Quantity: 1
SALE $30.0000 / SH
Quantity:
NRWZ0052-NF28T-48
Mazagran, Nf28 Arp Textured
Max Quantity: 1
SALE $12.8000 / SH
Quantity:
NRWZ0054-NF28T-48
Breve, Nf28 Arp Textured
Max Quantity: 1
SALE $12.8000 / SH
Quantity:
NY306-04-58
Gatorply Backer, Black
Max Quantity: 50
SALE $8.0000 / SH
Quantity:
PTAG041-F39V-70
Shooting Star, F39 Stone-x
Max Quantity: 1
SALE $12.5000 / SH
Quantity:
PTAT161-F39N-70
Rocky Mountain High, F39 Suede
Max Quantity: 1
SALE $12.5000 / SH
Quantity:
PTAT660-F28N-48
Crisscross, F28 Suede
Max Quantity: 1
SALE $7.0400 / SH
Quantity:
PTAY120-F39N-40
Ginger Snap, F39 Suede
Max Quantity: 1
SALE $20.0000 / SH
Quantity:
PTCW836-M55G-40PC
Winter White, M55, Gloss Melcor
Max Quantity: 1
SALE $80.0000 / SH
Quantity:
PTCW836-M55N-40
Winter White, M55, Suede Melcor
Max Quantity: 1
SALE $80.0000 / SH
Quantity:
PTCW836-M55N-48
Winter White, M55, Suede Melcor
Max Quantity: 1
SALE $64.0000 / SH
Quantity:
PTPFA42-F39N-52
Tea Party In Boston, F39 Suede
Max Quantity: 1
SALE $30.0000 / SH
Quantity:
PTWC421-F28N-42
Oiled Cherry, F28 Suede
Max Quantity: 1
SALE $19.2000 / SH
Quantity:
PTWE261-F39N-40
White Elm, F39 Suede
Max Quantity: 1
SALE $20.0000 / SH
Quantity:
PTWE360-F39SD-52
Americas Pastime, F39 Suede Texture
Max Quantity: 1
SALE $30.0000 / SH
Quantity:
PTWM791-F39N-30
Hardrock Maple, F39 Suede
Max Quantity: 1
SALE $15.0000 / SH
Quantity:
PTWM951-F39N-50
Honey Maple, F39 Suede
Max Quantity: 1
SALE $25.0000 / SH
Quantity:
PTWO680-F39OZ-48
Crackle Crunch, F39 Linez
Max Quantity: 1
SALE $16.0000 / SH
Quantity:
PTWP115-F39N-52
Appears Likatre, F39 Suede
Max Quantity: 1
SALE $30.0000 / SH
Quantity:
PTWT790-F39BB-48
Wedding Cake, F39 Barn Board
Max Quantity: 1
SALE $16.0000 / SH
Quantity:
PTWT860-F39SD-52
Tailgating, F39 Suede Texture
Max Quantity: 1
SALE $30.0000 / SH
Quantity:
RSL-KDCDD-1
Tresco 2018 Countertop Display D
Max Quantity: 1
SALE $60.0000 / EA
Quantity:
RSLD4NW-401-32HBM1
32"nat Wd,kidney Susan,2-trays,btm Mnt
Max Quantity: 1
SALE $94.5600 / EA
Quantity:
RSLLED-1EB-WBL-1
1w 12vdc Mini-spot/eye Led, 3000k, Black
Max Quantity: 1
SALE $18.7500 / EA
Quantity:
SZAPPLBOARD
16"X24" Appl Collection Display Board
Max Quantity: 1
SALE $20.0000 / EA
Quantity:
TFT481-31SN-59
Nutmeg, Smoothwood Hpl
Max Quantity: 1
SALE $45.0000 / SH
Quantity:
VCWM50048C2VCPF1FD
Wht Mpl 1/2x4x8 C2 Wpf Vc Pf1 Shop Nauf
Max Quantity: 1
SALE $28.9500 / SH
Quantity:
WJ27702
Universal Back Support, 26-48In
Max Quantity: 1
SALE $14.7100 / EA
Quantity:
BK80096BBP
BHK of America BSC203SWB, 8 x 96in Wood Drawer Side, 12.3mm Thick, Imported Birch
Max Quantity: 1
SALE $9.6700 / EA
Quantity:
BLGLM165-40
Blaze Pro 165ft Laser Measure
Max Quantity: 1
SALE $74.9900 / EA
Quantity:
BP320N5500C15
Blum 320N5500C15 22in METABOX 320N Slide, 2in SideHeight, 3/4 Ext
Max Quantity: 1
SALE $6.3000 / ST
Quantity:
DSPRO-HD-LS
Pro Heavy Duty Lid Stay
Max Quantity: 1
SALE $7.0000 / ST
Quantity:
DSPRO110SC-FD
Wurth 110 Degree Full Overlay Hinge
Max Quantity: 1
SALE $0.6700 / EA
Quantity:
DSPRO114-3CD
Wurth 0683114705961 300, Compact Hinge, 1-1/4" Overlay, Self-Closing, Dowel
Max Quantity: 1
SALE $0.3200 / EA
Quantity:
DSPRO125CAF
Wurth 0683114435961 200, 125 Degree Hinge, Full Overlay, Self-Closing, Screw-on
Max Quantity: 1
SALE $0.2700 / EA
Quantity:
DSPRO2.0-12CMB
12" Cabinet Member, Black, 30/box
Max Quantity: 60
SALE $0.4600 / EA
Quantity:
DSPRO50-14CL
Wurth DSRS214-CML 14in 100lb. Economy Epoxy Coated3/4 Ext Bottom/Side Mount Drawer Slide Bulk-100,Le
Max Quantity: 100
SALE $0.1300 / EA
Quantity:
DSPRO50-14CR
Wurth DSRS214-CMR 14in 100lb. Economy Epoxy Coated3/4 Ext Bottom/Side Mount Drawer Slide Bulk-100,Ri
Max Quantity: 100
SALE $0.1300 / EA
Quantity:
DSPRO50-14DL
Wurth DSRS214-DML 14in 100lb. Economy Epoxy Coated3/4 Ext Bottom/Side Mount Drawer Slide Bulk-100,Le
Max Quantity: 100
SALE $0.1300 / EA
Quantity:
DSPRO50-14DR
Wurth DSRS214-DMR 14in 100lb. Economy Epoxy Coated3/4 Ext Bottom/Side Mount Drawer Slide Bulk-100,Ri
Max Quantity: 100
SALE $0.1300 / EA
Quantity:
FL6927-20NT-48
Wenge Woodline, 20 Naturelle
Max Quantity: 1
SALE $12.8000 / SH
Quantity:
FL7704-2058-48
Burnished Glaze,20 Matte
Max Quantity: 1
SALE $12.8000 / SH
Quantity:
FL8751-C658-52
Mojave, C6 1/2" Colorcore
Max Quantity: 1
SALE $240.0000 / SH
Quantity:
FL902-2058-48PC
Platinum, 20 Matte W/pc
Max Quantity: 1
SALE $12.8000 / SH
Quantity:
FL9477-2058-48
Marfil Cream, 20 Matte
Max Quantity: 1
SALE $12.8000 / SH
Quantity:
FL949-1242-40
White 12 Sparkle
Max Quantity: 1
SALE $20.0000 / SH
Quantity:
GF02495-12
Grass 02495-12, Maxcess Left Flanged Front LockingDevice
Max Quantity: 1
SALE $0.2700 / EA
Quantity:
GF02496-12
Grass 02496-12, Maxcess Right Flanged Front Locking Device
Max Quantity: 1
SALE $0.2700 / EA
Quantity:
GF02498-12
GRASS 02498-12 Maxcess Left Front Locking Deviceswith Flange
Max Quantity: 1
SALE $0.2500 / EA
Quantity:
GF02499-12
GRASS 02499-12 Maxcess Right Front Locking Deviceswith Flange
Max Quantity: 1
SALE $0.2500 / EA
Quantity:
GF02903-15
Grass 02903-15 TEC Hinge, Side Mount, 1-1/2 Overlay, Dowel, 45mm Boring Pattern
Max Quantity: 1
SALE $0.7800 / EA
Quantity:
GF02907-15
Grass 02907-15 TEC Hinge, Wrap Mount, 3/4 Overlay,Dowel, 45mm Boring Pattern
Max Quantity: 1
SALE $0.7600 / EA
Quantity:
GF80051-12
Left 75x3 Front Locking Device
Max Quantity: 1
SALE $0.3900 / EA
Quantity:
GF80052-12
Right 75x3 Front Locking Device
Max Quantity: 1
SALE $0.3900 / EA
Quantity:
GFF051139126507
105Deg Tiomos H Hinge, Nickel
Max Quantity: 1
SALE $37.5500 / ST
Quantity:
GL5919-3964-52
Ebony Marbella .039 Treasury Rocker
Max Quantity: 1
SALE $30.0000 / SH
Quantity:
GL5938-3964-52
Slate .039 Treasury Rocker
Max Quantity: 1
SALE $30.0000 / SH
Quantity:
KV8505P-12
KV 8505P 12, 12in 150lb Side Mount 1in OvertravelBall Bearing Drawer Slide, Anochrome, Polybag, Knap
Max Quantity: 1
SALE $13.6600 / ST
Quantity:
MEM690.030.12.18
Grass F150145124233 Institutional Hinge Cup, Dowel, Black
Max Quantity: 1
SALE $2.0100 / EA
Quantity:
MM29008
29008 Ear Plugs,Non-Corded
Max Quantity: 200
Quantity:
MM29009
29009 Ear Plugs, Corded
Max Quantity: 100
Quantity:
MM8210
46457 Particulate Mask 8210 N95
Max Quantity: 20
Quantity:
MM8511
54343 Respirator Mask 8511 N95
Max Quantity: 10
Quantity:
DSTHERMOMETER
Thermometer, Dual Mode
Max Quantity: 1
Quantity:
FASGAF-P510
Antifog Safety Glasses,Clear
Max Quantity: 1
Quantity:
FASGMAG1.5
Safety Glasses +1.5 Diopter
Max Quantity: 1
Quantity:
FASGMAG2.0
Safety Glasses +2.0 Diopter
Max Quantity: 1
Quantity:
FASGMAG2.5
Safety Glasses +2.5 Diopter
Max Quantity: 1
Quantity:
FASGMAG3.0
Safety Glasses +3.0 Diopter
Max Quantity: 1
Quantity:
DSKN95MASK-10
KN95 Dust Face Mask, Disposable, 10 Each
Max Quantity: 10
Quantity:
DSKN95MASK-20
KN95 Dust Mask, Disposable, Box of 20 Each
Max Quantity: 20
Quantity:
DSKN95MASK-50
KN95 Dust Mask, Disposable, Box of 50 Each
Max Quantity: 50
Quantity:
BN40-128
Twin Cartridge Respirator
Max Quantity: 1
Quantity:
BN40-1921
Repl Cartridge (2Ea)
Max Quantity: 1
Quantity:
WW893900
Hand Cleaner, 1.056 Gal
Max Quantity: 1
Quantity:
WW899470308
Nitrile Glove,Blue Texture,Classic, M
Max Quantity: 100
Quantity:
WW899470311
Nitrile Glove,Blue Texture,Classic,2XL
Max Quantity: 100
Quantity:
WWBLUEPLEATMASK
Blue Pleated Mask, Disposable, Pack of 50
Max Quantity: 50
Quantity:
WWBLUEPLEATMASK-10
Blue Pleated Mask, Disposable, Pack of 10
Max Quantity: 10
Quantity:
Add to cart
<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="Link to EZ-Build Product Configurator" title="Launch the EZ-Build Configurator"></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 --> <label for="vendor" class="visuallyhidden">Select vendor: </label> <input type='checkbox' name='vendor' id='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)" aria-label="View more">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})' aria-label="Close filter" 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)" aria-label="View more">more ...</a></div> <div style="clear:both; height: 5px;"></div> {/if} </div> {/for} </form>
<div class="column row" style="height: 10px;"></div> <div id="breadCrumbs2" class="column row"> </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" aria-label="Go to First"><<</a> <a href="#/" onclick="SearchFilter.search.previousPage()" class="button large primary" title="Go to Previous" aria-label="Go to Previous"><</a> <a href="#/" onclick="SearchFilter.search.nextPage()" class="button large primary" title="Go to Next" aria-label="Go to Next">></a> <a href="#/" onclick="SearchFilter.search.lastPage()" class="button large primary" title="Go to Last" aria-label="Go to Last">>></a> </div> <div style="float:left"> <div id="itemPageDiv" class="column row"> <strong>Items per page:</strong> <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 class="column row text" style="font-size: 1.25em;"> ${recordFrom}-${recordTo} of ${totalRecords} </div> </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</a> <a href="#" id="linkItemsToPrice1" onclick="PricingCall.getPricingCall();" class="button large primary">Pricing & availability</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"> <label for="chk${xrow}" class="visuallyhidden">Click checkbox for price check or to select item: </label> <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=""> {if product.imageSrc==''} <div align="center"><img src="/baer/images/noimage.gif" alt="No product image available" title="No product image available" /></div> {else} <div align="center"><img src="${product.imageSrc}" alt="Product image: ${product.itemNo}" title="Product image: ${product.itemNo}" /></div> {/if} </td> <td> {if product.enableRegional} <label class="visuallyhidden" for="quantity${xrow}">Quantity</label> <input id="quantity${xrow}" name="quantity${xrow}" onkeyup="PricingCall.checkTextBox('${xrow}')" value="" size="5" maxlength="5" class="text" type="text" ${cproductDisabled}> {/if} <label class="visuallyhidden" for="multipleQty${xrow}">Multiple Quantity</label> <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}')" aria-label="Click part number to go to product detail page">${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="#"><img src="/baer/images/Hazmat_16.jpg" alt="HazMat icon indicates this item has been flagged as a hazardous material. Special shipping costs may be added to your order." title="HazMat item" border="0" ></a> {elseif product.hazardousMaterial == 2} <a class="nounderline" href="#"><img src="/baer/images/long_16.png" alt="Long item icon indicates product may incur additional oversize fees." title="Long item icon indicates product may incur additional oversize fees." border="0" ></a> {/if} {if product.dropShipItem == 1} <a class="nounderline" href="#"><img src="/baer/images/DropShip.png" alt="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." title="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." border="0" ></a> {/if} </td> <td class="hide-for-small-only"><div align="center">${product.multipleQty} ${product.um}</div> {if product.priceFlag == 1} <br><a class="nounderline" href="#"><img src="/baer/images/imgLastChance000.png" class="removemaxwidth" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." title="Last Chance icon indicates it is the Last Chance to get this item at clearance price." border="0" ></a> {elseif product.priceFlag == 2} <br>${product.iconHtml} {/if} </td> <td class="hide-for-small-only"> {for h in product.headers} <div> <div style="width:60%;float:left"><strong>${h.header}</strong></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%;"><strong>Min. Qty</strong></div> <div style="float:left; width: 40%;">${product.multipleQty}</div> <div style="float:left; width: 60%;"><strong>UM</strong></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"><a class="nounderline" href="#"><img src="/baer/images/imgLastChance000.png" class="removemaxwidth" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." title="Last Chance icon indicates it is the Last Chance to get this item at clearance price." border="0" ></a> </div> {elseif product.priceFlag == 2} <div style="width:60%;float:left"> </div> <div style="width:40%;float:left">${product.iconHtml}</div> {/if} <div style="float:left; width: 60%;"><strong>Vendor</strong></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"><strong>${h.header}</strong></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><strong>Unit Prices</strong></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</a> <a href="#" id="linkItemsToPrice1" onclick="PricingCall.getPricingCall();" class="button large primary">Pricing & availability</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" aria-label="Go to First"><<</a> <a href="#/" onclick="SearchFilter.search.previousPage()" class="button large primary" title="Go to Previous" aria-label="Go to Previous"><</a> <a href="#/" onclick="SearchFilter.search.nextPage()" class="button large primary" title="Go to Next" aria-label="Go to Next">></a> <a href="#/" onclick="SearchFilter.search.lastPage()" class="button large primary" title="Go to Last" aria-label="Go to Last">>></a> </div> <div style="float:left"> <div id="itemPageDiv2" class="column row"> <strong>Items per page:</strong> <a href="#/" id="itemPage2_10" onclick="SearchFilter.search.itemPerPage(10);" class="bodyLink">10</a> / <a id="itemPage2_20" href="#/" onclick="SearchFilter.search.itemPerPage(20);" class="bodyLink">20</a> / <a href="#/" id="itemPage2_50" onclick="SearchFilter.search.itemPerPage(50);" class="bodyLink">50</a> / <a href="#/" id="itemPage2_100" onclick="SearchFilter.search.itemPerPage(100);" class="bodyLink">100</a> </div> <div class="column row text" style="font-size: 1.25em;"> ${recordFrom}-${recordTo} of ${totalRecords} </div> </div> </div> </div> </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" aria-label="Go to First"><<</a> <a href="#" onclick="SearchFilter.search.previousPage()" class="button large primary" title="Go to Previous" aria-label="Go to Previous"><</a> <a href="#" onclick="SearchFilter.search.nextPage()" class="button large primary" title="Go to Next" aria-label="Go to Next">></a> <a href="#" onclick="SearchFilter.search.lastPage()" class="button large primary" title="Go to Last" aria-label="Go to Last">>></a> </div> <div style="float:left"> <div id="itemPageDiv" class="column row"> <strong>Items per page:</strong> <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 class="column row text" style="font-size: 1.25em;"> ${recordFrom}-${recordTo} of ${totalRecords} </div> </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</a> <a href="#" id="linkItemsToPrice1" onclick="PricingCall.getPricingCall();" class="button large primary">Pricing & availability</a> </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 - View</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=""> <label for="chk${xrow}" class="visuallyhidden">Click checkbox for price check or to select item: </label> <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=""> {if product.imageSrc==''} <div align="center"><img src="/baer/images/noimage.gif" alt="No product image available" title="No product image available" /></div> {else} <div align="center"><img src="${product.imageSrc}" alt="Product image: ${product.itemNo}" title="Product image ${product.itemNo}" /></div> {/if} </td> <td> {if product.enableRegional} <label for="quantity${xrow}" class="visuallyhidden">Quantity</label> <input id="quantity${xrow}" name="quantity${xrow}" onkeyup="PricingCall.checkTextBox('${xrow}')" value="${product.quantity}" size="5" maxlength="5" class="text" type="text" ${cproductDisabled}> {/if} <label for="multipleQty${xrow}" class="visuallyhidden">Multiple Quantity</label> <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}')" aria-label="Click part number to go to product detail page">${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="#"><img src="/baer/images/Hazmat_16.jpg" alt="HazMat icon indicates this item has been flagged as a hazardous material. Special shipping costs may be added to your order." title="HazMat item" border="0" ></a> {elseif product.hazardousMaterial == 2} <a class="nounderline" href="#"><img src="/baer/images/long_16.png" alt="Long item icon indicates product may incur additional oversize fees." title="Long item icon indicates product may incur additional oversize fees." border="0" ></a> {/if} {if product.dropShipItem == 1} <a class="nounderline" href="#"><img src="/baer/images/DropShip.png" alt="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." title="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." border="0" ></a> {/if} </td> <td class="hide-for-small-only"><div align="center">${product.multipleQty} ${product.um}</div> {if product.priceFlag == 1} <br><a class="nounderline" href="#"><img src="/baer/images/imgLastChance000.png" class="removemaxwidth" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." title="Last Chance icon indicates it is the Last Chance to get this item at clearance price." border="0" ></a> {elseif product.priceFlag == 2} <br>${product.iconHtml} {/if} </td> <td class="hide-for-small-only"> {for h in product.headers} <div> <div style="width:60%;float:left"><strong>${h.header}</strong></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%;"><strong>Min. Qty</strong></div> <div style="float:left; width: 40%;">${product.multipleQty}</div> <div style="float:left; width: 60%;"><strong>UM</strong></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"><a class="nounderline" href="#"><img src="/baer/images/imgLastChance000.png" class="removemaxwidth" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." title="Last Chance icon indicates it is the Last Chance to get this item at clearance price." border="0" ></a> </div> {elseif product.priceFlag == 2} <div style="width:60%;float:left"> </div> <div style="width:40%;float:left">${product.iconHtml}</div> {/if} <div style="float:left; width: 60%;"><strong>Vendor</strong></div> <div style="float:left; width: 40%;">${product.manufacturerName}</div> {if product.quantityConfirmed != null} <div style="float:left; width: 60%;"><strong>Quantity Confirmed</strong></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%;"><strong>Price</strong></div> <div style="float:left; width: 40%;"><strong>${product.price}</strong></div> {elseif product.price != null && product.multipleQty>1 && product.pricingCall == true} <div style="float:left; width: 60%;"><strong>Price</strong></div> <div style="float:left; width: 40%;"> <div><strong>${product.price} per ${product.um}</strong></div><div><strong>${product.boxPrice} for ${product.multipleQty}</strong></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"><strong>${h.header}</strong></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</a> <a href="#" id="linkItemsToPrice1" onclick="PricingCall.getPricingCall();" class="button large primary">Pricing & availability</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" aria-label="Go to First"><<</a> <a href="#" onclick="SearchFilter.search.previousPage()" class="button large primary" title="Go to Previous" aria-label="Go to Previous"><</a> <a href="#" onclick="SearchFilter.search.nextPage()" class="button large primary" title="Go to Next" aria-label="Go to Next">></a> <a href="#" onclick="SearchFilter.search.lastPage()" class="button large primary" title="Go to Last" aria-label="Go to Last">>></a> </div> <div style="float:left"> <div id="itemPageDiv2" class="column row"> <strong>Items per page:</strong> <a href="#/" id="itemPage2_10" onclick="SearchFilter.search.itemPerPage(10);" class="bodyLink">10</a> / <a id="itemPage2_20" href="#/" onclick="SearchFilter.search.itemPerPage(20);" class="bodyLink">20</a> / <a href="#/" id="itemPage2_50" onclick="SearchFilter.search.itemPerPage(50);" class="bodyLink">50</a> / <a href="#/" id="itemPage2_100" onclick="SearchFilter.search.itemPerPage(100);" class="bodyLink">100</a> </div> <div class="column row text" style="font-size: 1.25em;"> ${recordFrom}-${recordTo} of ${totalRecords} </div> </div> </div> </div> </div>
{if hashazardous} <img src="/baer/images/Hazmat_16.jpg" alt="HazMat icon indicates this item has been flagged as a hazardous material. Special shipping costs may be added to your order." title="HazMat item" border="0" 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} <img src="/baer/images/DropShip.png" alt="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." title="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." border="0" align="absmiddle" > Factory direct shipment. Additional freight charges may apply.<br><br> {/if} {if longItem} <img src="/baer/images/long_16.png" alt="Long item icon indicates product may incur additional oversize fees." title="Long item icon indicates product may incur additional oversize fees." border="0" align="absmiddle" > Product may incur additional oversize fees.<br><br> {/if} {if hpriceBargain} <img src="/baer/images/imgLastChance000.png" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." title="Last Chance icon indicates it is the Last Chance to get this item at clearance price." border="0" align="absmiddle" > Last Chance to get this item at clearance price. Please note, this item can not be backordered.<br><br> {/if} <div id="iconSpecialTextList"> </div>
<div id="qoPadTitle"> <span class="qoPadClose qoPadRight" onclick="QuickOrderPad.closeUploadPoPup();" onkeypress="QuickOrderPad.closeUploadPoPup();" tabindex="0">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;" id="uploadDesc">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;"> <label for="file" class="visuallyhidden">Filename: </label> <input type="file" name="file" id="file" size="35" aria-describedby="uploadDesc" tabindex="0"><br> </div> </div> <div id="qoPadFooder" style="height: 55px;"> <div class="qolSendBtn"><a id="btnUploadQuickOrder" href="#" onclick="QuickOrderPad.uploadFileSubmit();" onkeypress="QuickOrderPad.uploadFileSubmit();" class="button large primary" tabindex="0">Upload</a></div> </div> </form>
<div id="qoPadFrame"> <form> <div id="qoPadTitle"> <span class="qoPadClose qoPadRight" onclick="QuickOrderPad.closePoPup();" onkeypress="QuickOrderPad.closePoPup();" tabindex="0">Close</span> <h2> Quick Order Pad </h2> </div> <div id="bodyOrderPad"> <div id="qoPadTitleTypeItems"><h2>Copy & Paste Order Items</h2></div> <div id="qoPadSubtitleHeader"> <div id="qoPadTitleChangeFormat"><a href="#" onclick="QuickOrderPad.changeOrderFormat(event);" onkeypress="QuickOrderPad.changeOrderFormat(event);" class="bodyLink" tabindex="0">Change Order Format</a></div> <div id="qoPadTitleLargeOrder"><a href="/baer/servlet/CyberVendor/page/exporder" class="bodyLink" tabindex="0">Large Order Pad</a></div> </div> <div id="qoPadCopyBulkBody"> <label for="qoPadTextArea">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</label><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);" onkeypress="QuickOrderPad.bulkQuickOrder(this);" tabindex="0">Add to cart</span> <div class="otherPopTaskLinks"> <div><a href="#" onclick="QuickOrderPad.changeToDefault(event);" onkeypress="QuickOrderPad.changeToDefault(event);" class="bodyLink" tabindex="0">Add Line-by-Line</a></div> <div><a href="#" onclick="QuickOrderPad.openUploadPoPup(this, 1);" onkeypress="QuickOrderPad.openUploadPoPup(this, 1);" class="bodyLink" tabindex="0">Upload from .CSV File</a></div> </div> </div> </form> </div>
<div id="qoPadFrame"> <form> <div id="qoPadTitle"> <span class="qoPadClose qoPadRight" onclick="QuickOrderPad.closePoPup();" onkeypress="QuickOrderPad.closePoPup();" tabindex="21">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);" onkeypress="QuickOrderPad.changeOrderFormat(event);" class="bodyLink" tabindex="1">Change Order Format</a></div> <div id="qoPadTitleLargeOrder"><a href="/baer/servlet/CyberVendor/page/exporder" class="bodyLink" tabindex="0">Large Order Pad</a></div> </div> <div class="qoPadLeft qoPadLabelQty" id="colQuantity" role="col">Qty</div> <div class="qoPadLeft qoPadLabelItemNo" role="col"><span id="productFieldTitle">Würth Item #</span></div> <div class="qoPadLeft qoPadLabelJob" id="colJobname" role="col">Job Name</div> <div class="qoPadClear"></div> <div class="qoPadLeft"><label for="xQty1" class="visuallyhidden">Quantity 1: </label><input class="inputQty" id="xQty1" name="xQty1" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div> <div class="qoPadLeft"><label for="xProductNo1" class="visuallyhidden">Würth Item Number 1: </label><input class="inputItem" id="xProductNo1" name="xProductNo1" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div> <div class="qoPadLeft"><label for="xJobName1" class="visuallyhidden">Job Name 1: </label><input class="inputJob" id="xJobName1" name="xJobName1" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div> <div class="qoPadClear"></div> <div class="qoPadLeft"><label for="xQty2" class="visuallyhidden">Quantity 2: </label><input class="inputQty" id="xQty2" name="xQty2" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div> <div class="qoPadLeft"><label for="xProductNo2" class="visuallyhidden">Würth Item Number 2: </label><input class="inputItem" id="xProductNo2" name="xProductNo2" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div> <div class="qoPadLeft"><label for="xJobName2" class="visuallyhidden">Job Name 2: </label><input class="inputJob" id="xJobName2" name="xJobName2" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div> <div class="qoPadClear"></div> <div class="qoPadLeft"><label for="xQty3" class="visuallyhidden">Quantity 3: </label><input class="inputQty" id="xQty3" name="xQty3" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div> <div class="qoPadLeft"><label for="xProductNo3" class="visuallyhidden">Würth Item Number 3: </label><input class="inputItem" id="xProductNo3" name="xProductNo3" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div> <div class="qoPadLeft"><label for="xJobName3" class="visuallyhidden">Job Name 3: </label><input class="inputJob" id="xJobName3" name="xJobName3" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div> <div class="qoPadClear"></div> <div class="qoPadLeft"><label for="xQty4" class="visuallyhidden">Quantity 4: </label><input class="inputQty" id="xQty4" name="xQty4" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div> <div class="qoPadLeft"><label for="xProductNo4" class="visuallyhidden">Würth Item Number 4: </label><input class="inputItem" id="xProductNo4" name="xProductNo4" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div> <div class="qoPadLeft"><label for="xJobName4" class="visuallyhidden">Job Name 4: </label><input class="inputJob" id="xJobName4" name="xJobName4" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div> <div class="qoPadClear"></div> <div class="qoPadLeft"><label for="xQty5" class="visuallyhidden">Quantity 5: </label><input class="inputQty" id="xQty5" name="xQty5" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div> <div class="qoPadLeft"><label for="xProductNo5" class="visuallyhidden">Würth Item Number 5: </label><input class="inputItem" id="xProductNo5" name="xProductNo5" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div> <div class="qoPadLeft"><label for="xJobName5" class="visuallyhidden">Job Name 5: </label><input class="inputJob" id="xJobName5" name="xJobName5" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div> <div class="qoPadClear"></div> </div> <div id="qoPadFooder" style="height: 55px;"> <span class="button large primary" onclick="QuickOrderPad.addToCart(this);" onkeypress="QuickOrderPad.addToCart(this);" tabindex="0">Add to cart</span> <div class="otherPopTaskLinks"> <div><a href="#" onclick="QuickOrderPad.changeToBulk(event);" onkeypress="QuickOrderPad.changeToBulk(event);" tabindex="0" class="bodyLink">Copy/Upload in Bulk</a></div> <div><a href="#" onclick="QuickOrderPad.openUploadPoPup(this, 1);" onkeypress="QuickOrderPad.openUploadPoPup(this, 1);" tabindex="0" 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"> <label for="fldMeasurement" class="visuallyhidden">Enter measurement to convert: </label> <input id="fldMeasurement" value="" /> <a onclick="convertMeasure();"> <img id="btnConvert" src="/baer/images/btnConvert.gif" border="0" alt="button to Convert measurement" > </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}" alt="Product: ${p.description}" /></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><label for="chgpwdNewPwd">New Password:</label></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><label for="chgpwdRepPwd">Confirm Password:</label></span> </div> <div style="width:50%; float: left;"> <input type="password" id="chgpwdRepPwd" name="chgpwdRepPwd"> </div> </div> </div> </form>
<form id="shipToLoginFmt"> <div class="row column"> <span><strong>Hello ${firstName}</strong></span> </div> <div class="row column"> <span>We see your account is linked to multiple shipping addresses.</span> </div> <fieldset> <div class="row column"> <span><legend>Please select the address for this order and click on one of the options below to continue:</legend></span> </div> <div class="row column collapse"> <table> {for add in addresses} <tr> <td valign="top"><input type="radio" name="shipToAddName" id="addId_${add.addressId}" value="${add.addressId}"></td> <td valign="top"><label for="addId_${add.addressId}">${add.address1} ${add.city} ${add.state} ${add.zipcode} (Account: ${add.erpLocationId})</label></td> </tr> {/for} </table> </div> </fieldset> </form>
<form id="shopCartRecSearchFmt" method="post" action="/baer/servlet/CyberVendor/searchadvanced/" onSubmit="return validateSearchPage(this)" target="_parent"> <div class="row column"> <div class="input-group"> <label for="cskeywords" class="visuallyhidden">Search your next product here </label> <input class="input-group-field" type="text" placeholder="Search your next product here" id="cskeywords" name="keywords" autocomplete="off"> <input type="hidden" value="Y" name="simple_search"> <input type="hidden" value="search" name="mode"> <input type="hidden" value="Y" name="posted_data[by_title]"> <input type="hidden" value="Y" name="posted_data[by_descr]"> <input type="hidden" value="Y" name="posted_data[by_sku]"> <input type="hidden" value="Y" name="posted_data[by_mp]"> <input type="hidden" value="Y" name="posted_data[search_in_subcategories]"> <input type="hidden" value="all" name="posted_data[including]"> <input type="hidden" name="catalogname" value="catalog"> <input type="hidden" name="TABLE" value="G"> <input type="hidden" name="FIELD" value="KI"> <input type="hidden" name="WHOLEWORDS" value="NO"> <input type="hidden" name="QUERYTYPE" value="AND"> <input type="hidden" name="SINGLERESULTS" value="YES"> <input type="hidden" name="searchStr" value=""> <input type="hidden" name="searchBy" value="Description"> <input type="hidden" name="searchType" value="Item"> <div class="input-group-button"> <label for="searchSubmit" class="visuallyhidden">Search </label> <input type="submit" id="searchSubmit" class="button large primary cspopuptext" value="Search"> </div> </div> </div> </form> <form id="shopCartRecFmt"> <div class="row column"> {if lastItems != null && lastItems.length > 0} <table id="xviewitems" cellspacing="0" border="0" cellpadding="3" class="tableitems"> <thead> <tr bgcolor="#e2e2e2" style="background-color: #e2e2e2"> <th class="cspopuptext" colspan="2">Product Description</th> <th class="cspopuptext">Quantity</th> <th class="cspopuptext">Unit Price</th> <th class="cspopuptext">UoM</th> <th class="cspopuptext">Sub-Total</th> </tr> {for item in lastItems} <tr> <td> <a href="/baer/servlet/CyberVendor/category/G${item.productGroupNo}/catalog/group.jsp/?markProd=${item.productNo}" style="border: none;" target="blank"> <img alt="Product Image: ${item.description}" title="Product Image: ${item.description}" src="${item.image}" style="max-width: 80px !important;"> </a> </td> <td> <span class="bodyLink">${item.productCode}</span><br> <span class="cspopuptext">${item.description}</span><br> <label for="JobNamecs-${item.id}" class="visuallyhidden">PO/Job name </label> <span><input type="text" name="JobNamecs-${item.id}" id="JobNamecs-${item.id}" class="jobnamecs" value="${item.jobname}" aria-labeledby="jobName" maxlength="20" placeholder="PO/Job name" > </span> </td> <td> <div style="width: 100%; display: block;"> <div class="cspopuptext" style="width: 25%; float: left; display: block;"> ${item.quantity} </div> <div class="cspopuptext" style="width: 75%; float: left; display: block;"> <div style="width: 100%; display: block;"> <span style="width:2em;height: 2em; display: block; background-color: ${item.colorStatus}; border: #000 1px; border-style: solid;"></span> </div> <div style="width: 100%; display: block;"> {if item.qtyConfirmed > 0} <div>${item.qtyConfirmed} Ready to ship</div> {/if} {if item.qtyBackOrder > 0} <div>${item.qtyBackOrder} Backordered</div> {/if} <div>From: ${item.shipFrom}</div> </div> </div> </div> </td> <td class="cspopuptext" style="vertical-align: text-top;"> $${item.sprice} </td> <td class="cspopuptext" style="vertical-align: text-top;"> ${item.unitOfMeasure} </td> <td class="cspopuptext" style="vertical-align: text-top;"> <span>${item.subTotal}</span><br> {if item.hazardousMaterial == 1} <a class="nounderline" href="#"><img src="/baer/images/Hazmat_16.jpg" alt="HazMat icon indicates this item has been flagged as a hazardous material. Special shipping costs may be added to your order." title="HazMat item" border="0" ></a> {elseif item.hazardousMaterial == 2} <a class="nounderline" href="#"><img src="/baer/images/long_16.png" alt="Long item icon indicates product may incur additional oversize fees." title="Long item icon indicates product may incur additional oversize fees." border="0" ></a> {/if} {if item.dropShipItem == 1} <a class="nounderline" href="#"><img src="/baer/images/DropShip.png" alt="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." title="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." border="0" ></a> {/if} {if item.priceFlag == 1} <a class="nounderline" href="#"><img src="/baer/images/imgLastChance000.png" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." title="Last Chance icon indicates it is the Last Chance to get this item at clearance price." border="0" ></a> {elseif item.priceFlag == 2} ${item.iconHtml} {/if} </td> </tr> {/for} </thead> </table> {/if} {if carErrors.length > 0 } <div class="row"> <div class="large-12 columns"> <div style="color: #cc0000; font-weight: bold;">${carErrors}</div> </div> </div> {/if} {if prepaidInformation != null && prepaidInformation.length > 0} <div class="row"> <div class="large-12 columns" style="height: 2em !important;"> <div align="right" style="position: relative;top: 0px;"> <div style="z-index: 1;"><span style="color: #cc0000;font-style: italic;">${prepaidInformation}</span></div> </div> </div> </div> {/if} <div class="row"> <div class="large-12 columns"> <div class="clearfix"> <label for="btncsCheckout" class="visuallyhidden">Checkout</label> <input id="btncsCheckout" class="button large primary float-right cspopuptext" type="button" value="Checkout"> <button id="btncsViewCart" class="button large tertiary float-right cspopuptext">View Cart (${subTotal}) <img border='0' src='/baer/images/cart-red.png' style='height: 11px;' alt="Red shopping cart image link to View Cart"> <span class="cartbadge">${totalItems}</span></button> <label for="btncsContinueShop" class="visuallyhidden">Continue Shopping</label> <input id="btncsContinueShop" class="button large primary float-right cspopuptext" type="button" value="Continue Shopping"> </div> </div> </div> </div> <div class="row column"> {if crossSellItems != null && crossSellItems.length > 0} <div class="row column" style="background: #cccccc; font-weight: bold; height: 3em; display: block;"> <span class="cspopuptext" style="display: block; padding-top: 0.5em; padding-left: 0.5em;">You might also be interested in the products frequently bought together</span> </div> <div id="divCrossSellItems" class="csdpimages-icons-box"> <!-- despues check this class --> <div id="cs_carousel_icons" class="owl-carousel owl-theme" style="opacity: 1; display: block;"> {for csItem in crossSellItems} <div class="owl-item" style="width: 170px;"> <div style="height: 17px; display: block; width: 100%;"> {if csItem.hazardousMaterial == 1} <a class="csnounderline" href="#"><img src="/baer/images/Hazmat_16.jpg" class="csnounderlinemz" alt="HazMat icon indicates this item has been flagged as a hazardous material. Special shipping costs may be added to your order." title="HazMat item" border="0" ></a> {elseif csItem.hazardousMaterial == 2} <a class="csnounderline" href="#"><img src="/baer/images/long_16.png" class="csnounderlinemz" alt="Long item icon indicates product may incur additional oversize fees." title="Long item icon indicates product may incur additional oversize fees." border="0" ></a> {/if} {if csItem.dropShipItem == 1} <a class="csnounderline" href="#"><img src="/baer/images/DropShip.png" class="csnounderlinemz" alt="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." title="Package on Parachute icon indicates product is a Drop Ship or Factory Direct shipment. Additional freight charges may apply." border="0" ></a> {/if} </div> <div style="height: 18px; display: block; width: 100%;"> {if csItem.priceFlag == 1} <a class="nounderline" href="#"><img src="/baer/images/imgLastChance000.png" class="cspopup" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." title="Last Chance icon indicates it is the Last Chance to get this item at clearance price." border="0" ></a> {elseif csItem.priceFlag == 2} ${csItem.iconHtml} {elseif} {/if} </div> <div style="width: 120px;height: 120px;"> <a href="/baer/servlet/CyberVendor/category/G${csItem.groupNo}/catalog/group.jsp/?markProd=${csItem.productNo}" class="cslink"> <img src="${csItem.image}" class="csImg" style="max-height: 100% !important;" alt="Product Image: ${csItem.description}" title="Product Image: ${csItem.description}"> </a> </div> <div style="width: 100%; height: 2em;"><span class="bodyLink">${csItem.itemNumber}</span></div> <div class="cspopuptext" style="width: 100%; height: 3.5em;"> ${csItem.description} </div> <div class="cspopuptext" style="width: 100%"> $${csItem.fprice}/${csItem.unitOfMeasure} Min Qty:${csItem.multipleQty} <input type="hidden" id="Cross_Sell_MulQty_${csItem.productNo}" value="${csItem.multipleQty}"> <input type="hidden" id="Cross_Sell_Price_${csItem.productNo}" value="${csItem.price}"> <input type="hidden" id="Cross_Sell_ItemCode_${csItem.productNo}" value="${csItem.itemNumber}"> </div> <div style="width: 100%"> <div class="input-group"> <label for="Cross_Sell_Qty_${csItem.productNo}" class="visuallyhidden">Min Qty </label> <input class="input-group-field" type="text" id="Cross_Sell_Qty_${csItem.productNo}" value="${csItem.multipleQty}"> <div class="input-group-button"> <label for="AddCart_Cross_Sell_${csItem.productNo}" class="visuallyhidden">Add to cart </label> <input class="button large primary cspopuptext" type="button" value="Add to cart" id="AddCart_Cross_Sell_${csItem.productNo}"> </div> </div> </div> </div> {/for} </div> <div class="clearing"></div> <span class="arrow_left prev" id="cs_prev_carousel_icons"></span> <span class="arrow_right next" id="cs_next_carousel_icons"></span> </div> {/if} </div> </form>
<form accept-charset="UTF-8" name="emailListForm"> <div style="display: flex; flex-direction: column;"> <div> <fieldset> <label style="">Name:</label> <input id="nameForEmail" name="nameForEmail" size="30" placeholder="Please type name"> </fieldset> </div> <div> <fieldset> <label>Email:</label> <input id="emailField" name="emailField" size="30" placeholder="Please type email"> </fieldset> </div> </div> </form>
