www.hafele.com
Open in
urlscan Pro
52.72.119.98
Public Scan
Submitted URL: http://hafele.us/
Effective URL: https://www.hafele.com/us/en/
Submission: On March 25 via manual from US — Scanned from US
Effective URL: https://www.hafele.com/us/en/
Submission: On March 25 via manual from US — Scanned from US
Form analysis
8 forms found in the DOMName: hubOnePageCheckout — POST https://www.hafele.com/INTERSHOP/web/WFS/Haefele-HAC-Site/en_US/-/USD/ViewHubPage-Submit
<form method="post" onsubmit="return validateCvv();" action="https://www.hafele.com/INTERSHOP/web/WFS/Haefele-HAC-Site/en_US/-/USD/ViewHubPage-Submit" name="hubOnePageCheckout" id="js-hubOnePageCheckout"
class="js-quick-buy o-quick-buy hubOnePageCheckout"><input type="hidden" name="SynchronizerToken" value="411089ad8ac307ee3dfdc099060be42436e9d2eeb3e1ccb4d940a752c9908057">
<div class="modal fade c-modal c-modal--bottom-fixed quick-mobile-buy-now js-quick-mobile-buy-now" id="js-quick-mobile-buy-now" role="dialog"></div>
<div class="modal fade c-modal c-modal--bottom-fixed js-quick-mobile-address" role="dialog">
<div class="modal-dialog c-modal__dialog">
<div class="modal-content c-modal__content">
<div class="modal-header c-modal__header js-quick-buy-address-header o-quick-buy__header u-border-grey-silver">
<button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-hub-page" data-dismiss="modal"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
<h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Address</h2>
<button type="button" class="hide js-close-address-list" data-dismiss="modal"></button>
</div>
<div class="modal-body c-modal__body c-modal__body--space-top o-quick-buy__address-margin js-quick-mobile-address__content o-quick-buy__scrollable o-quick-buy__scrollable--addresses u-inner-bottom-15"></div>
</div>
</div>
</div>
<div class="modal fade c-modal c-modal--bottom-fixed quick-delivery-type js-quick-delivery-type" role="dialog">
<div class="modal-dialog c-modal__dialog">
<div class="modal-content c-modal__content">
<div class="modal-header c-modal__header o-quick-buy__header u-border-grey-silver">
<button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-hub-page" data-dismiss="modal"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
<h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Delivery</h2>
</div>
<div class="c-modal__body c-modal__body--space-top-bottom c-modal__body--auto-height">
<div class="js-quick-spping-type__content o-quick-buy__quick-spping-type__content"></div>
<div class="js-quick-delivery-type__content"></div>
</div>
</div>
</div>
</div>
<div id="add-credit-card-modal" class="modal fade c-modal c-modal--bottom-fixed o-quick-buy__add-credit-card-modal createCreditCardLayer js-add-credit-card-modal" role="dialog">
<div class="modal-dialog c-modal__dialog">
<div class="modal-content c-modal__content">
<div class="modal-header c-modal__header o-quick-buy__header u-border-grey-silver js-new-cc-header">
<button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-credit-card-list" data-dismiss="modal"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
<h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Add new credit card</h2>
</div>
<div id="js-add-credit-card" class="modal-body c-modal__body c-modal__body--space-top-bottom c-modal__body--auto-height"></div>
</div>
</div>
</div>
<div class="modal fade c-modal c-modal--bottom-fixed js-quick-shipping-reference" role="dialog">
<div class="modal-dialog c-modal__dialog">
<div class="modal-content c-modal__content">
<div class="modal-header c-modal__header o-quick-buy__header u-border-grey-silver">
<button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-hub-from-reference" data-dismiss="modal"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
<h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Reference</h2>
</div>
<div class="c-modal__body c-modal__body--space-top-bottom js-quick-shipping-reference__content">
<div class="u-outer-bottom-15 js-order-reference-error hidden">
<div class="warningContainer o-quick-buy__error-message">Your input could not be saved. Please review the highlighted fields.</div>
</div>
<div class="c-info-box__container--form formField u-outer-bottom-30 u-xs-relative">
<label class="u-normal u-outer-bottom-10">Your PO number</label>
<input class="form-control a-input t-input js-order-reference" maxlength="30" type="text" value="WebShop" data-order-reference="WebShop">
</div>
<div class="u-outer-bottom-10 js-PrepackConsignmentBlock">
<label class="u-normal u-outer-bottom-20">Packed on commission</label>
<div class="row">
<div class="col-xs-12">
<input id="js-radio-PrepackConsignment" type="hidden">
<div class="radioButton " id="PrepackConsignmenttrue" data-name="PrepackConsignment" data-value="true"></div><input type="radio" id="prepack_true" name="PrepackConsignment" value="true" class="initialized"
style="display: none;"><label class="labelFont radiolabel" for="PrepackConsignmenttrue">yes</label>
<div class="radioButton checked" id="PrepackConsignmentfalse" data-name="PrepackConsignment" data-value="false"></div><input type="radio" id="prepack_false" name="PrepackConsignment" checked="" value="false" class="initialized"
style="display: none;"><label class="labelFont radiolabel" for="PrepackConsignmentfalse">no</label>
</div>
</div>
</div>
<div class="formField u-outer-bottom-15">
<input id="js-collapse-PrepackConsignmentBlock" type="hidden">
<label class="u-normal js-collapse-header-PrepackConsignmentBlock" data-toggle="collapse" data-target=".js-collapse-PrepackConsignmentBlock">Your message to Häfele
(optional)<i class="icon font-icon font-icon-arrow-down u-outer-left-10 js-icon-rotate"></i>
</label>
<div class="js-collapse-PrepackConsignmentBlock collapse" aria-expanded="false" style="height: 1px;">
<textarea id="orderNote" class="a-input t-input js-shipping-order-note"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade c-modal c-modal--bottom-fixed js-quick-product-delivery-date" role="dialog">
<div class="modal-dialog c-modal__dialog">
<div class="modal-content c-modal__content">
<div class="modal-header c-modal__header o-quick-buy__header u-border-grey-silver">
<button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-hub-from-reference" data-dismiss="modal"
data-alternate-date-label="Alternative dates"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
<h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Date</h2>
</div>
<div class="c-modal__body c-modal__body--space-top-bottom c-modal__body--auto-height js-quick-shipping-reference__content">
<div id="js-edit-date-with-lineItem-container">
</div>
</div>
</div>
</div>
</div>
</form>
GET https://www.hafele.com/us/en/account/login/
<form action="https://www.hafele.com/us/en/account/login/" method="GET"><input type="hidden" name="SynchronizerToken" value="411089ad8ac307ee3dfdc099060be42436e9d2eeb3e1ccb4d940a752c9908057">
<input type="hidden" name="TargetURL" value="">
<div class="a-btn-wrapper">
<button class="a-btn a-btn--xs-fw t-btn t-btn-primary" id="logInAgain" href="https://www.hafele.com/us/en/account/login/">Log on again</button>
<a class="a-btn a-btn--xs-fw t-btn t-btn-secondary cancelButton">Close</a>
</div>
</form>
<form id="formLawCookie">
<div class="hflLayerBox cookieOptOutWarningLayer" style="display:none" id="lawcookieGoogleAnalytcis">
<div class="hflLayerContainer container isMobile">
<div class="hflLayerCnt">
<div class="warningContainer">
<h2 class="layerHeadline">Browser cookies disabled</h2>
<p>Please enable browser cookies to explore site features properly.</p>
</div>
<div class="warningLayerButtons">
<a class="close-notify stdButton focusButton btn btn-secondary-small" href="#">OK</a>
</div>
<span class="icn-close"></span>
</div>
</div>
</div>
</form>
Name: searchForm — https://www.hafele.com/INTERSHOP/web/WFS/Haefele-HAC-Site/en_US/-/USD/ViewParametricSearch-SimpleOfferSearch
<form action="https://www.hafele.com/INTERSHOP/web/WFS/Haefele-HAC-Site/en_US/-/USD/ViewParametricSearch-SimpleOfferSearch" name="searchForm" class="js-search" data-searchid="searchForm" id="searchForm"><input type="hidden" name="SynchronizerToken"
value="411089ad8ac307ee3dfdc099060be42436e9d2eeb3e1ccb4d940a752c9908057"><input type="hidden" value="all" name="SearchType" id="SearchType">
<div class="search-box-button c-input-search c-input-search--xs">
<div class="remove-search js-searchbar-icn--remove" onclick="javascript:void(0);">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 64 64" class="svg-icons">
<use xlink:href="#icn-002-2-close-dot"></use>
</svg>
</div><input type="text" name="SearchTerm" autocomplete="off" data-testid="InputSearchTerm" id="inputSearchTerm"
class="js-search searchTerm a-input t-input a-input--no-border t-input--no-background c-input-search__input u-xs-inner-left-15 u-xs-inner-right-15 u-xs-no-input-border"
data-suggest-url="https://www.hafele.com/INTERSHOP/web/WFS/Haefele-HAC-Site/en_US/-/USD/ViewSuggestSearch-Suggest" placeholder="Enter Keyword or Item Number" value="">
<input type="hidden" class="js-search" name="ProductId" id="inputProductId" data-searchid="inputProductId">
<input type="hidden" class="js-search" name="CategoryId" id="inputCategoryId" data-searchid="inputCategoryId">
<button type="button" class="search-icon icn-search visible-xs a-btn-icn a-btn-icn--md t-btn t-btn-icn t-btn-icn-primary c-input-search__button hidden" data-searchid="voiceSearchButton" data-testid="voiceSearchButton"
value="Voice Search"><i class="icon font-icon font-icon-set-icn-113-2-mike"></i></button>
<button type="button" class="js-search searchButton search-icon speechToTextSearch a-btn a-btn-icn a-btn-icn--md c-input-search__button o-top-header__search--btn u-no-outer-bottom js-searchbar-icn--search" data-searchid="searchButton"
data-testid="SearchButton" value="Search">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 64 64" class="svg-icons">
<use xlink:href="#icn-051-2-search"></use>
</svg>
</button>
</div>
</form>
Name: directOrderForm — POST https://www.hafele.com/INTERSHOP/web/WFS/Haefele-HAC-Site/en_US/-/USD/ViewCart-Dispatch
<form name="directOrderForm" class="directOrderForm" id="directOrderForm" action="https://www.hafele.com/INTERSHOP/web/WFS/Haefele-HAC-Site/en_US/-/USD/ViewCart-Dispatch" method="post"><input type="hidden" name="SynchronizerToken"
value="411089ad8ac307ee3dfdc099060be42436e9d2eeb3e1ccb4d940a752c9908057">
<input type="hidden" name="furtherShoppingURL" value="Default-Start;">
<input type="hidden" name="MaxNoOfLines" value="3" data-bind="value: rowCount()">
<input type="hidden" name="directOrderFlyout" value="directOrderFlyout" id="directOrderFlyout">
<input type="hidden" name="CreatedBy" value="DirectOrderFlyout">
<table class="o-flyout__table quick-order-rows-container" id="tblQuickOrder">
<thead class="hidden-xs o-flyout__thead">
<tr class="o-flyout__row o-flyout__row--no-border">
<th class="o-flyout__column o-flyout__col-width-20 u-no-inner-left u-inner-bottom-5 u-normal"> </th>
<th class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-inner-bottom-5 u-normal"> Item No.</th>
<th class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-inner-bottom-5 u-normal">Quantity</th>
<th class="o-flyout__column o-flyout__col-width-135 u-no-inner-left u-inner-bottom-5 u-normal">Line Level PO</th>
<th> </th>
</tr>
</thead>
<tbody class="js-list-item-row list-item-row" data-bind="foreach: rows()">
<tr>
<td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">1.</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_1">
<input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
name="eanSKU_1" id="ConditionConfiguration_articleNo_1" data-testid="DirectOrderInputArticleNo_1">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="7"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_1" id="ConditionConfiguration_quantity_1" data-testid="DirectOrderInputQuantity_1">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-135 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_1"
id="searchbar_ConditionConfiguration_consignment_1" data-testid="DirectOrderInputConsign_1">
</div>
</td>
<td class="o-flyout__column u-no-inner-left u-no-inner-top">
<div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_1">
<div class="labelInfoText main-container userNotLoggedIn">
<p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() && hasInfoText()" style="display: none;">
<span data-bind="html: infoText()"></span>
</p>
<p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
<span data-bind="html: errorMessage()"></span>
</p>
</div>
</div>
</td>
</tr>
<tr>
<td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">2.</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_2">
<input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
name="eanSKU_2" id="ConditionConfiguration_articleNo_2" data-testid="DirectOrderInputArticleNo_2">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="7"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_2" id="ConditionConfiguration_quantity_2" data-testid="DirectOrderInputQuantity_2">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-135 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_2"
id="searchbar_ConditionConfiguration_consignment_2" data-testid="DirectOrderInputConsign_2">
</div>
</td>
<td class="o-flyout__column u-no-inner-left u-no-inner-top">
<div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_2">
<div class="labelInfoText main-container userNotLoggedIn">
<p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() && hasInfoText()" style="display: none;">
<span data-bind="html: infoText()"></span>
</p>
<p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
<span data-bind="html: errorMessage()"></span>
</p>
</div>
</div>
</td>
</tr>
<tr>
<td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">3.</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_3">
<input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
name="eanSKU_3" id="ConditionConfiguration_articleNo_3" data-testid="DirectOrderInputArticleNo_3">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="7"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_3" id="ConditionConfiguration_quantity_3" data-testid="DirectOrderInputQuantity_3">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-135 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_3"
id="searchbar_ConditionConfiguration_consignment_3" data-testid="DirectOrderInputConsign_3">
</div>
</td>
<td class="o-flyout__column u-no-inner-left u-no-inner-top">
<div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_3">
<div class="labelInfoText main-container userNotLoggedIn">
<p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() && hasInfoText()" style="display: none;">
<span data-bind="html: infoText()"></span>
</p>
<p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
<span data-bind="html: errorMessage()"></span>
</p>
</div>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td> </td>
<td class="o-flyout__column u-no-inner-left u-inner-top-5" colspan="5">
<a href="#" class="a-text-link a-text-link--no-underline t-text-link pull-sm-left js-add-further" data-testid="AddMoreArticleWrapper" data-bind="click: addRowForce">
<span class="o-flyout__icn-angle">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" class="svg-icons"><use xlink:href="#icn-001-2-arrow"></use></svg>
</span>
<span>Add Additional Items</span>
</a>
<div class="addToOpenOrderLink pull-sm-left">
<div id="js-directOrderChange">
<button class="shoppingCartOption is-link-view js-selection-aware hflLink js-executeDirectOrderChange o-flyout__btn-change-order" id="executeHeaderOrderChange" name="directOrderChange" type="button" value="directOrderChange"
data-changeorderurl="https://www.hafele.com/INTERSHOP/web/WFS/Haefele-HAC-Site/en_US/-/USD/ViewChangeOrder-GetChangeOrderView?StateFilter=CHANGEABLE">
<span class="stdButtonInner o-flyout__btn-change-order-text">Add to an open order</span>
</button>
</div>
</div>
<a href="#" class="a-btn a-btn--xs-fw t-btn t-btn-primary js-csrf-disabled pull-sm-right" data-testid="DirectOrderButtonToCart" name="directOrderFlyout" data-bind="click: submit">
<span class="u-outer-right-10 hidden-xs"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="svg-icons"><use xlink:href="#icn-040-2-cart"></use></svg></span> <span>Add to Cart</span>
</a>
</td>
</tr>
</tfoot>
</table>
<input type="hidden" name="DeviceSource" value="desktop">
</form>
Name: miniCartGoToCartQuickForm — GET https://www.hafele.com/us/en/cart/
<form action="https://www.hafele.com/us/en/cart/" name="miniCartGoToCartQuickForm" class="js-miniGoToCartQuick1 u-display-inline" method="get"><input type="hidden" name="SynchronizerToken"
value="411089ad8ac307ee3dfdc099060be42436e9d2eeb3e1ccb4d940a752c9908057">
<input type="hidden" class="js-search js-furtherShoppingURL" name="furtherShoppingURL" value="Default-Start;" data-searchid="furtherShoppingURL"><a id="js-cartButton" class="cartQuickViewButton a-text-link a-text-link--no-underline t-text-link t-text-link--secondary u-display-inline" href="https://www.hafele.com/us/en/cart/" data-testid="CartQuickViewButton" data-minicartlabelurl="https://www.hafele.com/INTERSHOP/web/WFS/Haefele-HAC-Site/en_US/-/USD/IncludeCart-MiniCartLabel" data-minicartcontenturl="https://www.hafele.com/INTERSHOP/web/WFS/Haefele-HAC-Site/en_US/-/USD/ViewCart-GetCartFlyoutPreviewContent" data-cart-text="Cart" data-cart-count-text="Cart (null)"><span id="cart-item-value">
<span class="o-top-header__btn-cart">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 64 64" class="svg-icons" title="Cart"><use xlink:href="#icn-040-2-cart"></use></svg>
<span class="mini-cart-qty o-top-header__btn-cart-qty t-top-header__btn-cart-qty">0</span>
</span>
<span class="hidden-md visible-lg-inline u-lg-outer-top-10 u-line-height-26">Cart</span>
</span></a>
</form>
Name: loginWithExistingAccountForm — POST https://www.hafele.com/INTERSHOP/web/WFS/Haefele-HAC-Site/en_US/-/USD/ViewUserAccount-ProcessLoginHeaderItemLogin
<form name="loginWithExistingAccountForm" id="loginWithExistingAccountForm" class="stdForm" action="https://www.hafele.com/INTERSHOP/web/WFS/Haefele-HAC-Site/en_US/-/USD/ViewUserAccount-ProcessLoginHeaderItemLogin" method="post"><input type="hidden"
name="SynchronizerToken" value="411089ad8ac307ee3dfdc099060be42436e9d2eeb3e1ccb4d940a752c9908057">
<div id="loginFormAjax" class="loginFormAjax myAccountLogin user-login-form-ajax">
<div id="HDERedirectContent" data-bind="visible: loginResult().getHDERedirectURL()" class="loginForm-label" style="display: none;">
<span data-bind="visible: loginResult().getBozen()" style="display: none;">
<p>Sie werden auf die Italienische Seite in Deutscher Sprache weitergeleitet. <br> Klicken Sie auf 'Weiter', um auf die Seite zu wechseln!</p>
<a class="a-text-link hfl-button hfl-button__focus btn-block" data-bind="click: submitHDERedirect">Weiter / Proceed</a>
</span>
<span data-bind="visible: !loginResult().getBozen()">
<p>Für Sie ist easy link in einer anderen Sprachversion vorgesehen.<br> Klicken Sie auf 'Weiter' um in die gültig Sprachvariante zu wechseln!</p>
<a class="a-text-link hfl-button hfl-button__focus btn-block" data-bind="click: submitHDERedirect">Proceed</a>
</span>
</div>
<div id="loginFormContent" data-bind="visible: !loginResult().getHDERedirectURL()" class="loginForm-content">
<div role="alert" class="c-message t-message-error" data-bind="visible: loginResult().getError() && !loginResult().getHDERedirectURL()" style="display: none;">
<span data-bind="html: loginResult().getError()"></span>
</div>
<div class="row form-group">
<div class="col-sm-offset-4 col-sm-8">
<div class="co-user">
<div class="checkBox hfl-checkbox" id="divShopLoginForm_LoginAsJointUser_headerItemLogin" data-testid="divShopLoginForm_LoginAsJointUser_headerItemLogin" style="" data-name="ShopLoginForm_LoginAsJointUser_headerItemLogin" data-value="on">
</div><input type="checkbox" class="hfl-checkbox" name="ShopLoginForm_LoginAsJointUser_headerItemLogin" id="ShopLoginForm_LoginAsJointUser_headerItemLogin" data-testid="ShopLoginForm_LoginAsJointUser_headerItemLogin" value="on"
style="display: none;">
<label for="divShopLoginForm_LoginAsJointUser_headerItemLogin" class="checkboxlabel">Log on as Co-User</label>
</div>
</div>
</div>
<div class="row form-group">
<div class="col-sm-4 hidden-xs">
<label for="ShopLoginForm_Login_headerItemLogin" class="u-normal u-line-height-44 u-no-outer-all login-form-label">
<span>Account Number *</span>
</label>
</div>
<div class="col-sm-8">
<input type="text" tabindex="1" name="ShopLoginForm_Login_headerItemLogin" data-testid="FlyoutLoginEditUser" id="ShopLoginForm_Login_headerItemLogin" maxlength="60" value=""
data-bind="attr: { 'class' : loginResult().hasError('ShopLoginForm_Login') ? 'form-control hfl-error a-input t-input' : 'form-control a-input t-input'}" class="form-control a-input t-input">
<label for="ShopLoginForm_Login_headerItemLogin" class="hfl-textinput--placeholder visible-xs new-placeholder">
<span>Account Number *</span>
</label>
<div class="c-message c-message--input t-message-error" data-bind="visible: loginResult().hasError('ShopLoginForm_Login')" style="display: none;">
<span data-bind="html:loginResult().getError('ShopLoginForm_Login')"></span>
</div>
</div>
</div>
<div class="row form-group inputUsername hidden">
<div class="col-sm-4 hidden-xs">
<label for="ShopLoginForm_UserName" class="u-normal u-line-height-44 u-no-outer-all login-form-label">
<span>User name *</span>
</label>
</div>
<div class="col-sm-8">
<input autocomplete="off" type="text" tabindex="2" data-testid="FlyoutLoginUserName" name="ShopLoginForm_UserName_headerItemLogin" id="ShopLoginForm_UserName_headerItemLogin" value="" disabled=""
data-bind="attr: { 'class' : loginResult().hasError('ShopLoginForm_UserName') ? 'form-control hfl-error a-input t-input' : 'form-control a-input t-input'}" class="form-control a-input t-input">
<label for="ShopLoginForm_UserName" class="hfl-textinput--placeholder visible-xs new-placeholder">
<span>User name *</span>
</label>
<div class="c-message c-message--input t-message-error" data-bind="visible: loginResult().hasError('ShopLoginForm_UserName')" style="display: none;">
<span data-bind="html:loginResult().getError('ShopLoginForm_UserName')"></span>
</div>
</div>
</div>
<div class="row form-group">
<div class="col-sm-4 hidden-xs">
<label for="ShopLoginForm_Password" class="u-normal u-line-height-44 u-no-outer-all login-form-label">
<span>Password *</span>
</label>
</div>
<div class="col-sm-8">
<input type="password" tabindex="3" maxlength="256" name="ShopLoginForm_Password_headerItemLogin" id="ShopLoginForm_Password_headerItemLogin" data-testid="FlyoutLoginEditLogin"
data-bind="attr: { 'class' : loginResult().hasError('ShopLoginForm_Password') ? 'form-control hfl-error a-input t-input' : 'form-control a-input t-input'}" class="form-control a-input t-input">
<label for="ShopLoginForm_Password" class="hfl-textinput--placeholder visible-xs new-placeholder">
<span>Password *</span>
</label>
<div class="c-message c-message--input t-message-error" data-bind="visible: loginResult().hasError('ShopLoginForm_Password')" style="display: none;">
<span data-bind="html:loginResult().getError('ShopLoginForm_Password')"></span>
</div>
</div>
</div>
<div class="row forgotPassLink">
<div class="col-sm-offset-4 col-sm-8">
<p>
<a tabindex="4" id="PasswordForgottenLink" class="a-text-link t-text-link hfl-link--arrow__prefix" href="https://www.hafele.com/INTERSHOP/web/WFS/Haefele-HAC-Site/en_US/-/USD/ViewForgotLoginData-ForgotPassword">Forgot your password?</a>
</p>
</div>
</div>
<div class="row form-group loginRember">
<div class="col-sm-offset-4 col-sm-8">
<div class="checkBox hfl-checkbox" id="divShopLoginForm_RememberLogin_headerItemLogin" data-testid="divShopLoginForm_RememberLogin_headerItemLogin" style="" data-name="ShopLoginForm_RememberLogin_headerItemLogin" data-value=""></div><input
type="checkbox" class="hfl-checkbox" name="ShopLoginForm_RememberLogin_headerItemLogin" id="ShopLoginForm_RememberLogin_headerItemLogin" data-testid="FlyoutRememberLogin" style="display: none;">
<label for="divShopLoginForm_RememberLogin_headerItemLogin" class="checkboxlabel">Keep me logged in this session</label>
</div>
</div>
<div class="row">
<div class="col-sm-offset-4 col-sm-8">
<div class="form-group hfl-login--form-group__submit">
<div class="hfl-login--links">
<button data-testid="ajaxAccountLoginFormBtn" tabindex="5" class="a-btn a-btn--xs-fw t-btn t-btn-primary u-no-outer-left pull-sm-left u-outer-right-20 u-outer-bottom-10" type="submit">Log on</button>
<div class="text-title visible-xs">
<span>Or, Not a customer yet? </span>
</div><a class="a-btn a-btn--xs-fw t-btn t-btn-secondary hfl-login--links__register hfl-link--arrow__prefix" href="https://www.hafele.com/us/en/info/-/1673/" data-testid="FlyoutRegisterLogin">Registration</a>
</div>
</div>
</div>
</div>
</div>
<div id="loginFormAjaxLoader" class="hflAjaxLoader loginAjaxLoader hidden">
<span></span>
<div>Your credentials are now being checked...</div>
</div>
</div>
</form>
Name: dOrderFormResponsive — POST https://www.hafele.com/INTERSHOP/web/WFS/Haefele-HAC-Site/en_US/-/USD/ViewCart-Dispatch
<form name="dOrderFormResponsive" class="directOrderForm" id="dOrderFormResponsive" action="https://www.hafele.com/INTERSHOP/web/WFS/Haefele-HAC-Site/en_US/-/USD/ViewCart-Dispatch" method="post"><input type="hidden" name="SynchronizerToken"
value="411089ad8ac307ee3dfdc099060be42436e9d2eeb3e1ccb4d940a752c9908057">
<input type="hidden" name="furtherShoppingURL" value="Default-Start;">
<input type="hidden" name="MaxNoOfLines" value="3" data-bind="value: rowCount()">
<input type="hidden" name="directOrderFlyout" value="directOrderFlyout" id="directOrderFlyout">
<input type="hidden" name="CreatedBy" value="DirectOrderFlyout">
<table class="quick-order-rows-container">
<tbody class="list-item-row" data-bind="foreach: rows()">
<tr class="o-flyout__row-mobile">
<td class="u-no-inner-left hidden-xs" data-bind="text: index()+'.'"></td>
<td>
<div class="row o-flyout__line-item js-direct-entry-item-row">
<div class="inp-article col-xs-12">
<div class="hfl-textinput form-group">
<input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}">
<input type="text" maxlength="13" class="inputArticleNo form-control labeled__input is-defaultText" autocomplete="off" required="" default-data-emptytext=""
data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}">
<label class="hfl-textinput--placeholder" for="Product_SKU">Item No.</label>
</div>
</div>
<div class="col-xs-12 infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}">
<div class="labelInfoText main-container userNotLoggedIn">
<p class="c-message t-message-success u-no-outer-all font-14 u-outer-bottom-20 js-article-success-msg" data-bind="visible: !hasError() && hasInfoText()" style="display:none">
<span data-bind="html: infoText()"></span>
</p>
<p class="c-message t-message-error u-no-outer-all font-14 u-outer-bottom-20 js-article-error-msg" data-bind="visible: hasError()" style="display:none">
<span data-bind="html: errorMessage()"></span>
</p>
</div>
</div>
<div class="col-xs-4 u-xs-inner-right-0">
<div class="hfl-textinput form-group">
<input type="text" class="inputQuanity form-control labeled__input is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="7"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}">
<label class="hfl-textinput--placeholder" for="directOrder_quantity_smallform">Quantity</label>
</div>
</div>
<div class="col-xs-8">
<div class="hfl-textinput form-group">
<input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input is-defaultText"
data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment">
<label class="hfl-textinput--placeholder" for="directOrder_sku">Line Level PO</label>
</div>
</div>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2" class="addMoreArticlesWrapper">
<a href="#" class="hflLink o-flyout__add-further t-flyout__add-further u-display-inline-block u-outer-bottom-15" data-testid="AddMoreArticleWrapper" data-bind="click: addRowForce">
<span>Add Additional Items </span>
</a>
</td>
</tr>
<tr class="hidden">
<td colspan="2" class="addToOpenOrderLink">
<div id="js-directOrderChange">
<button class="shoppingCartOption is-link-view js-selection-aware hflLink js-executeDirectOrderChange o-flyout__btn-change-order" id="executeHeaderOrderChange" name="directOrderChange" type="button" value="directOrderChange"
data-changeorderurl="https://www.hafele.com/INTERSHOP/web/WFS/Haefele-HAC-Site/en_US/-/USD/ViewChangeOrder-GetChangeOrderView?StateFilter=CHANGEABLE">
<span class="stdButtonInner o-flyout__btn-change-order-text">Add to an open order</span>
</button>
</div>
</td>
</tr>
<tr>
<td colspan="6" class="orderSubmitButton">
<a href="#" class="a-btn a-btn--xs-fw t-btn t-btn-primary t-btn__white js-csrf-disabled" data-testid="DirectOrderButtonToCart" name="directOrderFlyout" data-bind="click: submit">
<span class="u-outer-right-10 hidden-xs"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="svg-icons"><use xlink:href="#icn-040-2-cart"></use></svg></span> <span>Add to Cart</span>
</a>
</td>
</tr>
</tfoot>
</table>
</form>
Text Content
ADDRESS DELIVERY ADD NEW CREDIT CARD REFERENCE Your input could not be saved. Please review the highlighted fields. Your PO number Packed on commission yes no Your message to Häfele (optional) DATE Do you really want to delete this credit card? Once deleted the details will no longer be available. Confirm Cancel Are you sure you want to close the checkout process? Please complete the payment to place your order successfully. Continue checkout Exit Checkout Group 12 Created with Sketch. PACKED SESSION TIMEOUT You will be logged off in 0 minutes. Keep me logged in this session Log off SESSION TIMEOUT You have been logged off for security reasons. Log on again Close BROWSER COOKIES DISABLED Please enable browser cookies to explore site features properly. OK It appears that your browser has JavaScript disabled. This Website requires your browser to be JavaScript enabled. Please enable JavaScript and reload this page. * Häfele America Co. Search Search for product name or item numbers Search for product name or item numbers Quick order Quick order Please enter the Item No. Please enter a valid value for the number of Items. Item number is not correct. Please check. Item number not found. Please check. Item currently not available. Item No. QuantityLine Level PO 1. 2. 3. Add Additional Items Add to an open order Add to Cart 0 Cart EAN EAN * EAN Find products by either scanning QR code or EAN code Unable to detect / invalid code Please try again. Choose camera Retry Cancel Redirecting... * * My Account ( ) * Sign in / Register SIGN IN / REGISTER Sie werden auf die Italienische Seite in Deutscher Sprache weitergeleitet. Klicken Sie auf 'Weiter', um auf die Seite zu wechseln! Weiter / Proceed Für Sie ist easy link in einer anderen Sprachversion vorgesehen. Klicken Sie auf 'Weiter' um in die gültig Sprachvariante zu wechseln! Proceed Log on as Co-User Account Number * Account Number * User name * User name * Password * Password * Forgot your password? Keep me logged in this session Log on Or, Not a customer yet? Registration Your credentials are now being checked... My Account ( ) Sign in / Register * 0 * * Menu * Shop Products * Furniture & Door Handles * View All * Handles & Knobs * Wood Ornamentation * Door Handles * Security Fittings * Furniture, Kitchen & Living Solutions * View All * Kitchen Solutions * View All * Kitchen Storage & Accessories * Waste Management * Countertop Supports * Appliance Accessories * Ventilation Grills * Bathroom Accessories & Sanitary Hardware * Home & Living Solutions * View All * Wardrobe & Storage Fittings * Wardrobe & Coat Hooks * Bed Fittings * Media Storage * Step Stools * Office Solutions * View All * Office Desking Systems * Office Organization * Shopfitting Systems * Table Fittings, Legs, Feet & Casters * View All * Furniture Glides & Casters * Table Legs, Furniture Feet & Adjusters * Table Fittings * Drawers, Drawer Systems & Runners * View All * Drawer Systems * Drawer Slides * Drawer Inserts * Furniture Hinges * Flap Fittings & Stays * Door Accessories, Buffers & Stops * Connectors & Shelf Supports * View All * Connectors * Shelf Supports & Brackets * Locks, Catches & Bolts * View All * Furniture Locks & Locking Systems * Furniture Catches & Bolts * Architectural * View All * Access Control * Locking Systems * View All * Locks & Latches * Panic Exit Hardware * Door Hinges * Door Closers & Controls * Door Accessories * Building Equipment * Glass Door Fittings * Sliding, Folding & Tambour Door Fittings * View All * Fittings for Furniture * Fittings for Architectural * Tambour Fittings for Furniture * Lighting & Electrical Fittings * View All * Lighting * Speakers * Media Storage & TV Lifts * Electrical Accessories * Tools & Consumables * View All * Screws * Fixing Materials * Tools & Accessories * View All * Power Tools * Abrasives * Drill Bits, Bits and Cutting Tools * Hand Tools & Jigs * Material Handling * Sealants & Adhesives * View All * Adhesives * Tapes * Maintenance & Packaging * Surface Care & Repair * Safety Equipment & Workwear * Residential * Overview * Micro-Living * Kitchen * Track Organization Systems * Closet * Home Office * LED Lighting * Decorative Hardware * Cabinet and Furniture Sliding * Cabinet Hinges * Furniture Hardware * Commercial * Overview * Healthcare * Hospitality * Retail * Architectural * Services * Overview * Catalogs and Brochures * Project Planning & Customization * Contact * Packaging Services * Distribution Services * Häfele Showrooms * Trade Shows * Frequently Asked Questions * Häfele-to-Order * Development * Customer Service * Getting Started * About Häfele * Overview * In the News * Häfele Exclusive * The Häfele Story * Quality Management * Press and Media * Häfele America Co. * Häfele Dealers * Careers at Häfele * The Measure * Industry Affiliations * Social Media * Special Offers * * Worldwide * Contact * * My Account ( ) * Sign in / Register CATALOGS AND BROCHURES Decorative Hardware Loox5 LED Lighting Kitchen Solutions All Catalogs and Brochures THE COMPLETE HÄFELE Architectural Hardware View Catalog THE COMPLETE HÄFELE Architectural Hardware American Standard View Catalog Closet & Home Solutions View Catalog THE COMPLETE HÄFELE Furniture & Cabinetry Hardware View Catalog * Catalogs * Contact HOME * Furniture & Door Handles * View All * Handles & Knobs * Wood Ornamentation * Door Handles * Security Fittings * Furniture, Kitchen & Living Solutions * View All * Kitchen Solutions * View All * Kitchen Storage & Accessories * Waste Management * Countertop Supports * Appliance Accessories * Ventilation Grills * Bathroom Accessories & Sanitary Hardware * Home & Living Solutions * View All * Wardrobe & Storage Fittings * Wardrobe & Coat Hooks * Bed Fittings * Media Storage * Step Stools * Office Solutions * View All * Office Desking Systems * Office Organization * Shopfitting Systems * Table Fittings, Legs, Feet & Casters * View All * Furniture Glides & Casters * Table Legs, Furniture Feet & Adjusters * Table Fittings * Drawers, Drawer Systems & Runners * View All * Drawer Systems * Drawer Slides * Drawer Inserts * Furniture Hinges * Flap Fittings & Stays * Door Accessories, Buffers & Stops * Connectors & Shelf Supports * View All * Connectors * Shelf Supports & Brackets * Locks, Catches & Bolts * View All * Furniture Locks & Locking Systems * Furniture Catches & Bolts * Architectural * View All * Access Control * Locking Systems * View All * Locks & Latches * Panic Exit Hardware * Door Hinges * Door Closers & Controls * Door Accessories * Building Equipment * Glass Door Fittings * Sliding, Folding & Tambour Door Fittings * View All * Fittings for Furniture * Fittings for Architectural * Tambour Fittings for Furniture * Lighting & Electrical Fittings * View All * Lighting * Speakers * Media Storage & TV Lifts * Electrical Accessories * Tools & Consumables * View All * Screws * Fixing Materials * Tools & Accessories * View All * Power Tools * Abrasives * Drill Bits, Bits and Cutting Tools * Hand Tools & Jigs * Material Handling * Sealants & Adhesives * View All * Adhesives * Tapes * Maintenance & Packaging * Surface Care & Repair * Safety Equipment & Workwear * IN STOCK. READY TO STORE. No wooden drawers? Try ENGAGE Divided Drawers. ORDER NOW * JOINING OUR COMMUNITY... Follow us on social media for the latest information on Häfele America and our product offerings. LEARN MORE * POP. FIZZ. SPARKLE. Introducing YouK’s new finish: Champagne. ORDER NOW * BIG PROJECTS. BIGGER IDEAS. The all-new The Complete Häfele: Architectural Hardware is here. VIEW CATALOG * SMARTPHONE, MEET SMART CHARGING. Introducing the Dock 150 Wireless and USB Charging Station. ORDER NOW * ROUND AND ROUND IT STORES … Add the Revo Corner Unit from Häfele to your blind corners. SHOP NOW OUR PRODUCTS ARE CLOSER THAN YOU THINK. Find your nearest Häfele dealer. Dealer Locator Catalogs & Brochures NEW PRODUCTS Everything that’s new from Häfele. Shop New Save Now CLEARANCE CENTER When it's gone, it's gone! Shop Clearance New product, How-to videos and more. 0:40 Motorized Wardrobe Lift from Häfele 0:39 Häfele Progressive Web App for Your iPhone 0:32 Häfele Progressive Web App for Your Android Smartphone NEW YORK SHOWROOM Visit Us ABOUT HÄFELE The Häfele Story Press Careers Dealer Locator Social Media SERVICES Getting Started Catalogs & Brochures Return Policy FAQ Contact Us HÄFELE AMERICA CO. Häfele America Co. — a subsidiary of Häfele Worldwide — provides hardware and fitting systems, LED lighting and electronic access control systems. Around the world, customers from the furniture industry, dealers, millworkers and cabinet makers, as well as architects, designers and builders all rely on Häfele's expertise, products and services. Quick order Please enter the Item No. Please enter a valid value for the number of Items. Item number is not correct. Please check. Item number not found. Please check. Item currently not available. Item No. Quantity Line Level PO Add Additional Items Add to an open order Add to Cart -------------------------------------------------------------------------------- * My Account ( ) * Sign in / Register * * Apps * * Print Page -------------------------------------------------------------------------------- Print page Apps © 2022 Häfele America Co. Terms of Sale Privacy Policy Terms of Use Sitemap Customer Service Frequently Asked Questions Contact Us -------------------------------------------------------------------------------- E-mail: orders@hafele.us Phone: 800.423.3531 © 2022 Häfele America Co. Print page Apps © 2022 Häfele America Co. Terms of Sale Privacy Policy Terms of Use Sitemap Customer Service Frequently Asked Questions Contact Us ITEMS COULD NOT BE ADDED TO THE SHOPPING LIST. Install this webapp on your iPhone, tap and click on "Add to homescreen"