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
Current Promotions
Login
View Cart
Advanced Search
Large Machinery
(Opens in new window)
Current Promotions
Quotes/Forms
Help
Login
Home
|
Hot Deals
Tools
ScrewFinder
LaminateFinder
Custom Drawer Box Order Form
Custom Countertop Configurator
Laminate Chips Sample Reorder
Formica Envision
elementDESIGNS
Lecxeco
EZ Configurators
Measurement Conversions
Catalog
ScrewFinder
LaminateFinder
Custom Drawer Box Order Form
Custom Countertop Configurator
Laminate Chip Samples Reorder Form
Formica Envision
elementDESIGNS
Lecxeco
EZ Configurators
Measurement Conversions
Chat Support
Items: 0 Total: $0.00
Add to cart
Web Specials
DSSCPRO2.0-16
16" Full extension Soft-Close Side-Mount Ball Bearing Slides, 100 lb, 30 Sets - No Backorders
SALE $3.5000 / ST
Quantity:
DSSCPRO2.0-22
22" Full extension Soft-Close Side-Mount Ball Bearing Slides, 100 lb, 20 Sets - No Backorders
SALE $4.2500 / ST
Quantity:
EPBP030SN
Engineered Products (EPCO) BP030-SN Bar Pull 3" (76mm) Centers, Satin Nickel, 5-1/2" (140mm) Long
SALE $1.6800 / EA
Quantity:
FRPB944BP
Engineered Products (EPCO) 505-BP Push Latch, Non-Magnetic , Metal Housing, Brass Plated
SALE $1.3300 / EA
Quantity:
FYPSF11SH2-W
KV PSF11SH-2-W, 11in Polymer Sink Tip-Out Tray Set, White, No Tab Stops, Knape and Vogt
SALE $13.1000 / ST
Quantity:
GF02611-12
Grass 02611-12, Elite Plus Left Flanged Front Locking Device with Flange
SALE $0.3500 / EA
Quantity:
GF02612-12
Grass 02612-12, Elite Plus Right Flanged Front Locking Device with Flange
SALE $0.3500 / EA
Quantity:
GFF028138545223
Grass F028138545223 110 Degree Tiomos Soft-close Hinge, Blind Corner, Overlay, Dowel
SALE $4.9500 / EA
Quantity:
GFF051139126507
105Deg Tiomos H Hinge, Nickel
SALE $51.1000 / ST
Quantity:
GFF135121509207
Grass F135121509207, Vionaro H185 21"Drawer Side,Height 7-1/4", Silver Gray
SALE $41.5800 / ST
Quantity:
IHP375-1D
Wurth P375-1D 5-Knuckle Hinge for 13/16 Doors, Black
SALE $5.9900 / PR
Quantity:
KV180B-6
KV 180 BR 6, 14in 180 Series Single Slotted ShelfBracket, Brass, Knape and Vogt
SALE $1.7400 / EA
Quantity:
KV8072PEB-12
KV 8072PEZ EB 12, 12 L Pocket Door Slides with Base Plates (No Hinges), Medium Duty 30lb Rated
SALE $18.4900 / ST
Quantity:
KV8414B-22
KV 8414B 22 Bulk-10 Sets, 22" 100lb Side Mount Full Ext Stay Close Hold Out Ball Bearing Drawer Slid
SALE $13.1900 / ST
Quantity:
KV8605B-28
28" 140 lb Heavy-duty over travel drawer slide
SALE $15.9900 / ST
Quantity:
LAP31674-SN-C
Grass F135135083207, Vionaro H249 21" Drawer Side,Height 9-3/4", Silver Gray
SALE $2.6700 / EA
Quantity:
MEM822.128.11.25
Grass F150000016223 Hinge Arm, Common Panel, Nickel
SALE $5.4700 / EA
Quantity:
MM218-2
3M Masking Tape, Fine Line for Flawless Paint Lines, 2", Green
SALE $33.7500 / EA
Quantity:
NAHM-375R
Hm Adhesive Cannister 375 Lb Red
SALE $2179.0000 / EA
Quantity:
NLC8140KA101-26D
CompX C8140-101-26D, Showcase Door Lock for GlassDoors up to .22" Thick, No Bore, Keyed #101, Satin
SALE $23.5900 / EA
Quantity:
RS5343-08-GR
Pantry Pull-Out with Soft Close, 8" x 43.4" Minimu
SALE $429.0000 / EA
Quantity:
RS5343-08-MP
Pantry Pull-Out with Soft Close 5300 Series, Solid
SALE $429.0000 / EA
Quantity:
RS5358-19-MP
Pantry Pull-Out with Soft Close, 19" x 58.25" Mini
SALE $554.0000 / EA
Quantity:
RSL-KDCDD-1
Tresco 2018 Countertop Display D
SALE $70.0000 / EA
Quantity:
RSLD4NW-441-28-8
Rev-A-Shelf LD-4NW-441-28-8 Bulk-8, 28in Wood Kidney Shaped Lazy Susan, Natural Wood Series, 1-Shelf
SALE $40.5000 / EA
Quantity:
RSLLED-1EB-WBL-1
Pockit Point, Miniature LED Spotlight, 1 Watt, Re
SALE $22.5000 / EA
Quantity:
SJ102-060103
Striplox Mini 60, Black
SALE $0.8000 / PR
Quantity:
TT6387-874
Sys 6 Housing Non-Outrigger, Ant White
SALE $0.1050 / EA
Quantity:
UBC2PPG99
Salice C2PPG99, 110°, Push to Open Hinge, HalfOverlay, Screw-on
SALE $2.1600 / EA
Quantity:
UBC2RKGD9
Salice C2RDGD9, 155°, Silentia Soft-close Hinge, Half Overlay, Dowel
SALE $4.7300 / EA
Quantity:
UBDP39XXG
PUSH - Adjustable Magnetic Retaining Catch, RecessMount
SALE $2.8200 / EA
Quantity:
UBDPASNB
Magnetic Push Release, Beige
SALE $3.4400 / EA
Quantity:
UBFRBKFEXSSN9
Pacta Type S Soft Close, Red Smove
SALE $25.4900 / KT
Quantity:
WT3D700R-1440-27
Berenson 2042-1WVB-P, Weathered Verona Bronze 6-1/16" Pull, Zinc, Centers 128mm
SALE $0.4410 / LF
Quantity:
WT8750-18-3953B
Woodtape 3953-1418-2 Bulk-1200 LF, 7/8 x .018 PVCEdgebanding, Amber Maple
SALE $0.0510 / LF
Quantity:
WT9375-118-2114
Woodtape 2114-1503-CB1, 15/16 x 3mm PVC Edgebanding, Almond
SALE $0.2060 / LF
Quantity:
WT9375-118-8530
Edgebanding PVC 4443 Secret, 15/16" x 3mm, 984 LF
SALE $0.2140 / LF
Quantity:
WW0890620020
4 lb Absorb Bag, Spill Control Non-Abrasive, Non-C
SALE $5.8500 / EA
Quantity:
AHADA-WHITE-U
A &, M ADA-WHITE-U, Vanity Brackets with o Panel Holes, 21" x 22", White
SALE $68.7800 / EA
Quantity:
AMBP26205-BBZ
Amerock BP26205BBZ, Brushed Bronze 12" Pull, ZincDie Cast, Centers 8"
SALE $47.6500 / EA
Quantity:
AMBP53021-3
Amerock BP53021-3 Footed Handle, Centers 3-3/4 (96mm), Polished Brass, Allison Series
SALE $1.4000 / EA
Quantity:
BP38N358C06
Blum 38N358C.06 Compact 38N Face Frame Hinge, Self-Close, 107 Degree, 3/8 Overlay, Dowel
SALE $0.9400 / EA
Quantity:
BP71B3580-ONYX
110D Blumotion Hinge Full Ol Dowel, Onyx
SALE $2.6800 / EA
Quantity:
BP71M2590B
Blum 71M2590B 100 Degree CLIP Hinge, Self-Close, Full Overlay, Inserta
SALE $1.2700 / EA
Quantity:
BP71M2680
Blum 71M2680 100 Degree CLIP Hinge, Self-Close, Half Overlay, Dowel
SALE $1.0600 / EA
Quantity:
BP9931220
Blum 993.1220 SERVO-DRIVE Cabinet Distance Bumper,Screw-on
SALE $2.5300 / EA
Quantity:
BQ0932-1ORBL-P
Berenson 0932-1ORBL-P Round Ring Knob, dia. 1-5/16, Oiled Bronze Light, Advantage Series
SALE $0.8400 / EA
Quantity:
BQ8253-RI
Berenson 8253-1RI-P Round Design Knob, dia. 38mm,Rustic Iron, Toccata Series
SALE $5.2500 / EA
Quantity:
CXOB14-W5-411
CA Tech OB14-W5-411, AAA Bobcat Setup, Solvent Based, Wall Style
SALE $1835.9500 / EA
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' 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 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" 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"> ${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</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="productkeyId" 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} <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}')" 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="#" 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" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." > {elseif product.priceFlag == 2} <br><img src="/baer/images/imgPriceDrop00.png" border="0" alt="Price Drop icon indicates this item has a Temporary Price Reduction"> {/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" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." ></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" alt="Price Drop icon indicates this item has a Temporary Price Reduction" ></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</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"> ${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" 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"> ${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</a> <a href="#" id="linkItemsToPrice1" onclick="PricingCall.getPricingCall();" class="button large primary">Pricing & availability</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 - 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="productkeyId" 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} <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}')" 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="#" 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" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." > {elseif product.priceFlag == 2} <br><img src="/baer/images/imgPriceDrop00.png" border="0" alt="Price Drop icon indicates this item has a Temporary Price Reduction" > {/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" alt="Last Chance icon indicates it is the Last Chance to get this item at clearance price." ></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" alt="Price Drop icon indicates this item has a Temporary Price Reduction" ></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</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"> ${recordFrom}-${recordTo} of ${totalRecords} </div> </div> </div> </div>
{if hashazardous} <br> <img src="/baer/images/Hazmat_16.jpg" 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} <br> <img src="/baer/images/DropShip.png" border="0" align="absmiddle" > Factory direct shipment. Additional freight charges may apply.<br> <br> {/if} {if longItem} <br> <img src="/baer/images/long_16.png" border="0" 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();" 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" 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">Qty</div> <div class="qoPadLeft qoPadLabelItemNo"><span id="productFieldTitle">Würth Item #</span></div> <div class="qoPadLeft qoPadLabelJob" id="colJobname">Job Name</div> <div class="qoPadClear"></div> <div class="qoPadLeft"><input class="inputQty" id="xQty1" name="xQty1" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div> <div class="qoPadLeft"><input class="inputItem" id="xProductNo1" name="xProductNo1" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div> <div class="qoPadLeft"><input class="inputJob" id="xJobName1" name="xJobName1" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div> <div class="qoPadClear"></div> <div class="qoPadLeft"><input class="inputQty" id="xQty2" name="xQty2" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div> <div class="qoPadLeft"><input class="inputItem" id="xProductNo2" name="xProductNo2" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div> <div class="qoPadLeft"><input class="inputJob" id="xJobName2" name="xJobName2" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div> <div class="qoPadClear"></div> <div class="qoPadLeft"><input class="inputQty" id="xQty3" name="xQty3" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div> <div class="qoPadLeft"><input class="inputItem" id="xProductNo3" name="xProductNo3" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div> <div class="qoPadLeft"><input class="inputJob" id="xJobName3" name="xJobName3" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div> <div class="qoPadClear"></div> <div class="qoPadLeft"><input class="inputQty" id="xQty4" name="xQty4" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div> <div class="qoPadLeft"><input class="inputItem" id="xProductNo4" name="xProductNo4" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div> <div class="qoPadLeft"><input class="inputJob" id="xJobName4" name="xJobName4" type="text" size="20" tabindex="0" aria-labeledby="colJobname" /></div> <div class="qoPadClear"></div> <div class="qoPadLeft"><input class="inputQty" id="xQty5" name="xQty5" type="text" size="3" maxlength="6" tabindex="0" aria-labeledby="colQuantity" /></div> <div class="qoPadLeft"><input class="inputItem" id="xProductNo5" name="xProductNo5" type="text" size="15" tabindex="0" aria-labeledby="productFieldTitle" /></div> <div class="qoPadLeft"><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}"/></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>
<form id="shipToLoginFmt"> <div class="row column"> <span><b>Hello ${firstName}</b></span> </div> <div class="row column"> <span>We see your account is linked to multiple shipping addresses.</span> </div> <div class="row column"> <span>Please select the address for this order and click on one of the options below to continue:</span> </div> <div class="row column collapse"> <table> {for add in addresses} <tr> <td><input type="radio" name="shipToAddName" id="addId_${add.addressId}" value="${add.addressId}"></td> <td>${add.address1} ${add.city} ${add.state} ${add.zipcode} (Account: ${add.erpLocationId})</td> </tr> {/for} </table> </div> </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"> <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"> <input type="submit" class="button large primary cspopuptext" value="Search"> </div> </div> </div> </form> <form id="shopCartRecFmt"> <div class="row column"> <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> <span><input type="text" name="JobNamecs-${item.id}" id="JobNamecs-${item.id}" class="jobnamecs" value="${item.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="#" 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 item.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 item.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> </tr> {/for} </thead> </table> <div class="row"> <div class="large-12 columns"> <div class="clearfix"> <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;'> <span class="cartbadge">${totalItems}</span></button> <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.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="#" 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" class="csnounderlinemz" border="0" ></a> {elseif csItem.hazardousMaterial == 2} <a class="csnounderline" href="#" title="Product may incur additional oversize fees."><img src="/baer/images/long_16.png" class="csnounderlinemz" border="0" ></a> {/if} {if csItem.dropShipItem == 1} <a class="csnounderline" href="#" title="Factory direct shipment. Additional freight charges may apply."><img src="/baer/images/DropShip.png" class="csnounderlinemz" border="0" ></a> {/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"> <input class="input-group-field" type="text" id="Cross_Sell_Qty_${csItem.productNo}" value="${csItem.multipleQty}"> <div class="input-group-button"> <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>
