www.hafele.com.sg
Open in
urlscan Pro
18.164.124.56
Public Scan
Submitted URL: https://www.hafele.com.sg/
Effective URL: https://www.hafele.com.sg/en/
Submission: On February 19 via api from US — Scanned from US
Effective URL: https://www.hafele.com.sg/en/
Submission: On February 19 via api from US — Scanned from US
Form analysis 11 forms found in the DOM
Name: hubOnePageCheckout — POST https://www.hafele.com.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/ViewHubPage-Submit
<form method="post" onsubmit="return validateCvv();" action="https://www.hafele.com.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/ViewHubPage-Submit" name="hubOnePageCheckout" id="js-hubOnePageCheckout"
class="js-quick-buy o-quick-buy hubOnePageCheckout"><input type="hidden" name="SynchronizerToken" value="57c396efde83d107c86ea0982f5cbf2c7e1944c658416932c3960e6b916d9f45">
<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 internal purchase order reference</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 project</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.sg/en/account/login/
<form action="https://www.hafele.com.sg/en/account/login/" method="GET"><input type="hidden" name="SynchronizerToken" value="57c396efde83d107c86ea0982f5cbf2c7e1944c658416932c3960e6b916d9f45">
<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.sg/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="" id="lawcookieGoogleAnalytcis">
<div class="hflLayerContainer container isMobile">
<div class="hflLayerCnt">
<div class="warningText">
<h2 class="layerHeadline">This website uses cookies to improve user experience</h2>
<p>By clicking “OK”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. Visit our<span>
<a target="_blank" href="/en/info/-/646/">Google Analytics Opt-out Browser Addon</a>
</span>By continuing to use the website you agree to the use of cookies.</p>
</div>
<div class="warningLayerButtons">
<a class="close-notify stdButton btn btn-secondary-small" href="#">OK</a>
</div>
<span class="icn-close"></span>
</div>
</div>
</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 cookie disabled!</h2>
<p>Please enable browser cookie else you can't explore few 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.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/ViewParametricSearch-SimpleOfferSearch
<form action="https://www.hafele.com.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/ViewParametricSearch-SimpleOfferSearch" name="searchForm" class="js-search" data-searchid="searchForm" id="searchForm"><input type="hidden" name="SynchronizerToken"
value="57c396efde83d107c86ea0982f5cbf2c7e1944c658416932c3960e6b916d9f45"><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.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/ViewSuggestSearch-Suggest" placeholder="Enter Keyword or Article 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>
<a href="#" data-testid="eanVideoSearchButton" data-searchid="" class="o-top-header__icn--camera t-btn-icn-secondary js-searchbar-icn--camera barToTextContainer visible-sm">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-115-2-scan-qr-ean"></use></svg>
</a>
<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: ClearNotifications — POST https://www.hafele.com.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/ViewRecommendations-ClearNotifications
<form method="post" action="https://www.hafele.com.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/ViewRecommendations-ClearNotifications" name="ClearNotifications"><input type="hidden" name="SynchronizerToken"
value="57c396efde83d107c86ea0982f5cbf2c7e1944c658416932c3960e6b916d9f45"><input type="hidden" name="SynchronizerToken" value="279e4bfd8b88e22ed7f2e90bdfb164e3440b196fd3ce96958cfd9d5f54db14f9">
<div class="modal-header c-modal__header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 64 64" class="svg-icons">
<use xlink:href="#icn-002-2-close"></use>
</svg>
</span>
</button>
<h4 class="modal-title text-left u-font-18">Notifications<button class="a-text-link a-text-link--btn t-text-link a-text-link--no-underline o-notification--list__clear-all jsClearNotification hidden" type="submit" value="ClearAll"
name="ClearAll">Clear All</button></h4>
</div>
<div class="modal-body c-modal__body">
<div class="scheme-notification notification-type"><span class="alert-loader"></span></div>
<div class="quote-notification notification-type"><span class="alert-loader"></span></div>
<div class="order-notification notification-type"><span class="alert-loader"></span></div>
<div class="backInStock-notification notification-type"><span class="alert-loader"></span></div>
<div class="productrecommend-notification notification-type"><span class="alert-loader"></span></div>
<div class="categoryrecommend-notification notification-type"><span class="alert-loader"></span></div>
<div class="u-outer-top-15 js-no-alerts-text hidden">
<p>No alert notificats are available</p>
</div>
</div>
</form>Name: directOrderForm — POST https://www.hafele.com.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/ViewCart-Dispatch
<form name="directOrderForm" class="directOrderForm" id="directOrderForm" action="https://www.hafele.com.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/ViewCart-Dispatch" method="post"><input type="hidden" name="SynchronizerToken"
value="57c396efde83d107c86ea0982f5cbf2c7e1944c658416932c3960e6b916d9f45">
<input type="hidden" name="furtherShoppingURL" value="Default-Start;">
<input type="hidden" name="MaxNoOfLines" value="6" 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"> Art. 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-150 u-no-inner-left u-inner-bottom-5 u-normal">Project Name</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="6"
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-150 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="6"
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-150 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="6"
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-150 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>
<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()+'.'">4.</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_4">
<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_4" id="ConditionConfiguration_articleNo_4" data-testid="DirectOrderInputArticleNo_4">
</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="6"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_4" id="ConditionConfiguration_quantity_4" data-testid="DirectOrderInputQuantity_4">
</div>
</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="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_4"
id="searchbar_ConditionConfiguration_consignment_4" data-testid="DirectOrderInputConsign_4">
</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_4">
<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()+'.'">5.</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_5">
<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_5" id="ConditionConfiguration_articleNo_5" data-testid="DirectOrderInputArticleNo_5">
</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="6"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_5" id="ConditionConfiguration_quantity_5" data-testid="DirectOrderInputQuantity_5">
</div>
</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="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_5"
id="searchbar_ConditionConfiguration_consignment_5" data-testid="DirectOrderInputConsign_5">
</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_5">
<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()+'.'">6.</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_6">
<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_6" id="ConditionConfiguration_articleNo_6" data-testid="DirectOrderInputArticleNo_6">
</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="6"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_6" id="ConditionConfiguration_quantity_6" data-testid="DirectOrderInputQuantity_6">
</div>
</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="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_6"
id="searchbar_ConditionConfiguration_consignment_6" data-testid="DirectOrderInputConsign_6">
</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_6">
<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 further articles</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.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/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.sg/en/cart/
<form action="https://www.hafele.com.sg/en/cart/" name="miniCartGoToCartQuickForm" class="js-miniGoToCartQuick1 u-display-inline" method="get"><input type="hidden" name="SynchronizerToken"
value="57c396efde83d107c86ea0982f5cbf2c7e1944c658416932c3960e6b916d9f45">
<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.sg/en/cart/" data-testid="CartQuickViewButton" data-minicartlabelurl="https://www.hafele.com.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/IncludeCart-MiniCartLabel" data-minicartcontenturl="https://www.hafele.com.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/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.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/ViewUserAccount-ProcessLoginHeaderItemLogin
<form name="loginWithExistingAccountForm" id="loginWithExistingAccountForm" class="stdForm" action="https://www.hafele.com.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/ViewUserAccount-ProcessLoginHeaderItemLogin" method="post"><input
type="hidden" name="SynchronizerToken" value="57c396efde83d107c86ea0982f5cbf2c7e1944c658416932c3960e6b916d9f45">
<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">Weiter / 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>Customer 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>Customer 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.sg/en/info/-/107701/">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</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.sg/en/info/-/410/" 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: ClearNotifications — POST https://www.hafele.com.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/ViewRecommendations-ClearNotifications
<form method="post" action="https://www.hafele.com.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/ViewRecommendations-ClearNotifications" name="ClearNotifications"><input type="hidden" name="SynchronizerToken"
value="57c396efde83d107c86ea0982f5cbf2c7e1944c658416932c3960e6b916d9f45"><input type="hidden" name="SynchronizerToken" value="279e4bfd8b88e22ed7f2e90bdfb164e3440b196fd3ce96958cfd9d5f54db14f9">
<div class="modal-header c-modal__header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 64 64" class="svg-icons">
<use xlink:href="#icn-002-2-close"></use>
</svg>
</span>
</button>
<h4 class="modal-title text-left u-font-18">Notifications<button class="a-text-link a-text-link--btn t-text-link a-text-link--no-underline o-notification--list__clear-all jsClearNotification hidden" type="submit" value="ClearAll"
name="ClearAll">Clear All</button></h4>
</div>
<div class="modal-body c-modal__body">
<div class="scheme-notification notification-type"><span class="alert-loader"></span></div>
<div class="quote-notification notification-type"><span class="alert-loader"></span></div>
<div class="order-notification notification-type"><span class="alert-loader"></span></div>
<div class="backInStock-notification notification-type"><span class="alert-loader"></span></div>
<div class="productrecommend-notification notification-type"><span class="alert-loader"></span></div>
<div class="categoryrecommend-notification notification-type"><span class="alert-loader"></span></div>
<div class="u-outer-top-15 js-no-alerts-text hidden">
<p>No alert notificats are available</p>
</div>
</div>
</form>Name: dOrderFormResponsive — POST https://www.hafele.com.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/ViewCart-Dispatch
<form name="dOrderFormResponsive" class="directOrderForm" id="dOrderFormResponsive" action="https://www.hafele.com.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/ViewCart-Dispatch" method="post"><input type="hidden" name="SynchronizerToken"
value="57c396efde83d107c86ea0982f5cbf2c7e1944c658416932c3960e6b916d9f45">
<input type="hidden" name="furtherShoppingURL" value="Default-Start;">
<input type="hidden" name="MaxNoOfLines" value="6" 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">Art. no.</label><a href="#" data-testid="eanVideoSearchButton" class="ean-scanner-ico t-btn-icn-secondary directEanbarScanner">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-115-2-scan-qr-ean"></use></svg>
</a>
</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="6"
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">Project Name</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 further articles </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.sg/hap-live/web/WFS/Haefele-HSI-Site/en_SG/-/SGD/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 internal purchase order reference
Packed on project
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 icn-075-2-tick_bold icn-075-2-tick
SESSION TIMEOUT
You will be logged off in 0 minutes.
Keep me logged in Log off
SESSION TIMEOUT
You have been logged off for security reasons.
Log on again Close
THIS WEBSITE USES COOKIES TO IMPROVE USER EXPERIENCE
By clicking “OK”, you agree to the storing of cookies on your device to enhance
site navigation, analyze site usage, and assist in our marketing efforts. Visit
our Google Analytics Opt-out Browser Addon By continuing to use the website you
agree to the use of cookies.
OK
BROWSER COOKIE DISABLED!
Please enable browser cookie else you can't explore few 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.
* Singapore
Search
Search for product name or article numbers
Search for product name or article numbers
Notifications
NOTIFICATIONSCLEAR ALL
No alert notificats are available
Direct entry
Quick Order
Please enter the article number.
Please enter a valid value for the number of articles.
Article number is not correct. Please check.
Article number not found. Please check.
Article currently not available.
Art. no. QuantityProject Name 1.
2.
3.
4.
5.
6.
add further articles
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 ( )
* Login
LOGIN
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!
Weiter / Proceed
Log on as co-user
Customer number *
Customer number *
User name *
User name *
Password *
Password *
Forgot your password?
Keep me logged in
Log on
Or, Not a customer yet?
Registration
Your credentials are now being checked...
Notifications
NOTIFICATIONSCLEAR ALL
No alert notificats are available
My account ( ) Login
* 0
*
* Menu
* Products
* Furniture & Door Handles
* View All
* Furniture Handles & Knobs
* Door Handles
* Security Fittings
* Furniture & Living Solutions
* View All
* Sanitary & Bathroom Fittings
* Home & Living Solutions
* View All
* Wardrobe & Storage Fittings
* Wardrobe & Coat Hooks
* Bed Fittings
* Library Ladders
* Office Fittings
* View All
* Office Desking Systems
* Table Fittings, Legs, Feet & Castors
* View All
* Furniture Glides & Castors
* Table Legs, Furniture Feet & Adjusters
* Table Fittings
* Drawers, Drawer Systems & Runners
* View All
* Drawer Systems
* Drawer Runners
* 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
* Kitchen Appliances & Accessories
* View All
* Kitchen Storage & Accessories
* Waste Management
* Sinks & Taps
* Worktops & Splashbacks
* Kitchen Appliances
* View All
* Baking & Cooking
* Refrigeration & Freezing
* Extractor hoods
* Dishwashers
* Small household appliances
* Kitchen Utensils & Bakeware
* Architectural Ironmongery
* View All
* Access Control
* Locking Systems
* View All
* Locks & Latches
* Panic Exit Hardware
* Door Hinges
* Door Closers & Controls
* Door Accessories
* Glass Doors & Glass Door Fittings
* Window Fittings
* Sliding, Folding & Tambour Door Fittings
* View All
* Sliding & Folding Door Fittings for Furniture
* Sliding & Folding Door Fittings for Architectural Applications
* Moveable Wall System
* Lighting & Electrical Fittings
* View All
* Lighting
* Electrical Accessories
* Tools & Consumables
* View All
* Screws
* Fixing Materials
* Industry
* Overview
* Competences
* Brand Partners
* The Häfele World of Products
* Production Sites
* Service
* Overview
* Catalogues & Brochures
* Planning Tools
* Contact
* Media Center
* Customer Care
* Trade Partner Locator
* Newsletter
* Supplier Portal
* About Häfele
* Overview
* Häfele Worldwide
* Brand Products
* Business Figures
* Management of the Häfele Group
* Quality Management
* The Häfele Story
* Häfele Locations
* Careers
* Häfele Singapore
* Häfele Showrooms & Offices
* Products
* Overview
* Furniture Fittings
* Architectural Ironmongery
* Kitchen Appliances, Sinks & Taps
* Catalogues
* Worldwide
* Contact
* * My account ( )
* Login
* Contact
HOME
* Furniture & Door Handles
* View All
* Furniture Handles & Knobs
* Door Handles
* Security Fittings
* Furniture & Living Solutions
* View All
* Sanitary & Bathroom Fittings
* Home & Living Solutions
* View All
* Wardrobe & Storage Fittings
* Wardrobe & Coat Hooks
* Bed Fittings
* Library Ladders
* Office Fittings
* View All
* Office Desking Systems
* Table Fittings, Legs, Feet & Castors
* View All
* Furniture Glides & Castors
* Table Legs, Furniture Feet & Adjusters
* Table Fittings
* Drawers, Drawer Systems & Runners
* View All
* Drawer Systems
* Drawer Runners
* 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
* Kitchen Appliances & Accessories
* View All
* Kitchen Storage & Accessories
* Waste Management
* Sinks & Taps
* Worktops & Splashbacks
* Kitchen Appliances
* View All
* Baking & Cooking
* Refrigeration & Freezing
* Extractor hoods
* Dishwashers
* Small household appliances
* Kitchen Utensils & Bakeware
* Architectural Ironmongery
* View All
* Access Control
* Locking Systems
* View All
* Locks & Latches
* Panic Exit Hardware
* Door Hinges
* Door Closers & Controls
* Door Accessories
* Glass Doors & Glass Door Fittings
* Window Fittings
* Sliding, Folding & Tambour Door Fittings
* View All
* Sliding & Folding Door Fittings for Furniture
* Sliding & Folding Door Fittings for Architectural Applications
* Moveable Wall System
* Lighting & Electrical Fittings
* View All
* Lighting
* Electrical Accessories
* Tools & Consumables
* View All
* Screws
* Fixing Materials
*
* More details
*
More details
* More details
* View Here
* View Here
Furniture Fittings
KOSMO
Home Appliances
Catalogues and Brochures
Häfele Video Channel
We Are HÄFELE
The Häfele ALTO-S
Häfele Free space
SOCIAL MEDIA
Be a part of the Häfele network and follow Häfele's online activities in social
networks
Visit our channels
CUSTOMER CARE
Access more information on the terms and conditions of Häfele warranties.
View more
ABOUT HÄFELE
Established in 1923 in Nagold, Germany, Häfele today is one of the world’s
leading producers of furniture fittings, architectural hardware as well as
electronic locking systems. With 37 subsidiaries and wide product portfolio
presence in more than 150 countries and a history of over 90 years of experience
and continuous innovation, Häfele is developing exponentially and becoming a
world’s leading home as well as project solution provider.
WE WILL ASSIST YOU
Häfele is always available to respond to your questions and provide individual
support. Use the contact form to communicate your request. Häfele will respond
to you promptly. If you would rather speak with us on the phone, please call our
Customer Service at +65 6494 7400. We can be reached from 9:00 am to 5:30 pm,
Monday to Friday.
Quick Order
Please enter the article number.
Please enter a valid value for the number of articles.
Article number is not correct. Please check.
Article number not found. Please check.
Article currently not available.
Art. no.
Quantity
Project Name
add further articles
Add to an open order
Add to cart
Newsletter
--------------------------------------------------------------------------------
* My account ( )
* Login
*
* apps
*
* Print Page
--------------------------------------------------------------------------------
Print page apps Newsletter
© 2024 by Häfele Imprint Data Protection General Terms and Conditions Terms of
Use Sitemap
Contact Us
--------------------------------------------------------------------------------
E-mail: info@hafele.com.sg Hotline: +65 / 6494 7400
© 2024 by Häfele
Print page apps Newsletter
© 2024 by Häfele Imprint Data Protection General Terms and Conditions Terms of
Use Sitemap
Contact Us
ARTICLES COULD NOT BE ADDED TO THE WISH LIST.
Install this webapp on your iPhone, tap and click on "Add to homescreen"
YOU ARE NOW ON THE WEBSITE FOR HAFELE SINGAPORE
To the website of my country
Stay Here