www.hafele.com.ph
Open in
urlscan Pro
13.225.63.109
Public Scan
Submitted URL: https://hafele.com.ph/
Effective URL: https://www.hafele.com.ph/en/
Submission: On March 14 via api from US — Scanned from US
Effective URL: https://www.hafele.com.ph/en/
Submission: On March 14 via api from US — Scanned from US
Form analysis 9 forms found in the DOM
Name: hubOnePageCheckout — POST https://www.hafele.com.ph/hap-live/web/WFS/Haefele-HPI-Site/en_PH/-/PHP/ViewHubPage-Submit
<form method="post" onsubmit="return validateCvv();" action="https://www.hafele.com.ph/hap-live/web/WFS/Haefele-HPI-Site/en_PH/-/PHP/ViewHubPage-Submit" name="hubOnePageCheckout" id="js-hubOnePageCheckout"
class="js-quick-buy o-quick-buy hubOnePageCheckout"><input type="hidden" name="SynchronizerToken" value="d48c50475163e48016a6387aaedece126781b7be4d9308839b94729ba58c9682">
<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.ph/en/account/login/
<form action="https://www.hafele.com.ph/en/account/login/" method="GET"><input type="hidden" name="SynchronizerToken" value="d48c50475163e48016a6387aaedece126781b7be4d9308839b94729ba58c9682">
<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.ph/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">Privacy Policy</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.ph/hap-live/web/WFS/Haefele-HPI-Site/en_PH/-/PHP/ViewParametricSearch-SimpleOfferSearch
<form action="https://www.hafele.com.ph/hap-live/web/WFS/Haefele-HPI-Site/en_PH/-/PHP/ViewParametricSearch-SimpleOfferSearch" name="searchForm" class="js-search" data-searchid="searchForm" id="searchForm"><input type="hidden" name="SynchronizerToken"
value="d48c50475163e48016a6387aaedece126781b7be4d9308839b94729ba58c9682"><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.ph/hap-live/web/WFS/Haefele-HPI-Site/en_PH/-/PHP/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: directOrderForm — POST https://www.hafele.com.ph/hap-live/web/WFS/Haefele-HPI-Site/en_PH/-/PHP/ViewCart-Dispatch
<form name="directOrderForm" class="directOrderForm" id="directOrderForm" action="https://www.hafele.com.ph/hap-live/web/WFS/Haefele-HPI-Site/en_PH/-/PHP/ViewCart-Dispatch" method="post"><input type="hidden" name="SynchronizerToken"
value="d48c50475163e48016a6387aaedece126781b7be4d9308839b94729ba58c9682">
<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.ph/hap-live/web/WFS/Haefele-HPI-Site/en_PH/-/PHP/ViewChangeOrder-GetChangeOrderView?StateFilter=CHANGEABLE">
<span class="stdButtonInner o-flyout__btn-change-order-text">Zu einer offenen Bestellung hinzufügen.</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.ph/en/cart/
<form action="https://www.hafele.com.ph/en/cart/" name="miniCartGoToCartQuickForm" class="js-miniGoToCartQuick1 u-display-inline" method="get"><input type="hidden" name="SynchronizerToken"
value="d48c50475163e48016a6387aaedece126781b7be4d9308839b94729ba58c9682">
<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.ph/en/cart/" data-testid="CartQuickViewButton" data-minicartlabelurl="https://www.hafele.com.ph/hap-live/web/WFS/Haefele-HPI-Site/en_PH/-/PHP/IncludeCart-MiniCartLabel" data-minicartcontenturl="https://www.hafele.com.ph/hap-live/web/WFS/Haefele-HPI-Site/en_PH/-/PHP/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.ph/hap-live/web/WFS/Haefele-HPI-Site/en_PH/-/PHP/ViewUserAccount-ProcessLoginHeaderItemLogin
<form name="loginWithExistingAccountForm" id="loginWithExistingAccountForm" class="stdForm" action="https://www.hafele.com.ph/hap-live/web/WFS/Haefele-HPI-Site/en_PH/-/PHP/ViewUserAccount-ProcessLoginHeaderItemLogin" method="post"><input
type="hidden" name="SynchronizerToken" value="d48c50475163e48016a6387aaedece126781b7be4d9308839b94729ba58c9682">
<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.ph/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.ph/en/info/-/186609/" 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.ph/hap-live/web/WFS/Haefele-HPI-Site/en_PH/-/PHP/ViewCart-Dispatch
<form name="dOrderFormResponsive" class="directOrderForm" id="dOrderFormResponsive" action="https://www.hafele.com.ph/hap-live/web/WFS/Haefele-HPI-Site/en_PH/-/PHP/ViewCart-Dispatch" method="post"><input type="hidden" name="SynchronizerToken"
value="d48c50475163e48016a6387aaedece126781b7be4d9308839b94729ba58c9682">
<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.ph/hap-live/web/WFS/Haefele-HPI-Site/en_PH/-/PHP/ViewChangeOrder-GetChangeOrderView?StateFilter=CHANGEABLE">
<span class="stdButtonInner o-flyout__btn-change-order-text">Zu einer offenen Bestellung hinzufügen.</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
PRIVACY POLICY
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.
* Philippines
Search
Search for product name or article numbers
Search for product name or article numbers
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
Zu einer offenen Bestellung hinzufügen.
Add to cart
0 Cart
EAN
EAN
* EAN
Find products by either scanning QR code or EAN code
Unable to detect / invalid code
Probieren Sie es nochmal!
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...
My account ( ) Login
* 0
*
* Menu
* Products
* Furniture & Door Handles
* View All
* Furniture Handles & Knobs
* Door Handles
* Window Handles
* Security Fittings
* Furniture & Living Solutions
* View All
* Sanitary & Bathroom Fittings
* Home & Living Solutions
* View All
* Wardrobe & Storage Fittings
* Wardrobe & Coat Hooks
* Bed Fittings
* Office Fittings
* View All
* Office Desking Systems
* Office Organisation
* 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 Organisation
* 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
* Ventilation Grills & Systems
* 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 Appliances
* Lighting & Electrical Fittings
* View All
* Lighting
* TVs & Media Systems
* Electrical Accessories
* Tools & Consumables
* View All
* Screws
* Fixing Materials
* Tools & Accessories
* View All
* Drill Bits, Bits & Cutting Tools
* Hand Tools & Jigs
* Knowledge
* Overview
* Furniture Fittings
* Architectural Hardware
* Kitchen
* Bathroom
* Lighting
* Sliding
* Industry
* Overview
* Competences
* Production sites
* Service
* Overview
* Catalogues and brochures
* Configuration tools
* Contact
* Showrooms & Sales Offices
* Customer Care
* Trade fairs & events
* About Häfele
* Overview
* Company profile
* Business figures
* Management of the Häfele Group
* Quality and environmental management
* The Häfele Story
* Careers
* Häfele Philippines
* Mission statement and brand
* Catalogues
* Worldwide
* Contact
* * My account ( )
* Login
* Contact
HOME
* Furniture & Door Handles
* View All
* Furniture Handles & Knobs
* Door Handles
* Window Handles
* Security Fittings
* Furniture & Living Solutions
* View All
* Sanitary & Bathroom Fittings
* Home & Living Solutions
* View All
* Wardrobe & Storage Fittings
* Wardrobe & Coat Hooks
* Bed Fittings
* Office Fittings
* View All
* Office Desking Systems
* Office Organisation
* 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 Organisation
* 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
* Ventilation Grills & Systems
* 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 Appliances
* Lighting & Electrical Fittings
* View All
* Lighting
* TVs & Media Systems
* Electrical Accessories
* Tools & Consumables
* View All
* Screws
* Fixing Materials
* Tools & Accessories
* View All
* Drill Bits, Bits & Cutting Tools
* Hand Tools & Jigs
* THE MOST COMPLETE KITCHEN APPLIANCE SOLUTION
Details
* HOTEL LOCKING SYSTEM
Details
* KITCHEN CLEVER STORAGE
Details
* LED LIGHTING SYSTEM FOR FURNITURE AND ROOMS
Details
DIY Catalog 2022
Loox 5
Häfele Appliances 2020 - 2021
Häfele Catalogues and Brochures
Our Showrooms
Shop Now
WE WILL ASSIST YOU
Häfele is always available to respond to your questions and provide individual
support. Use the appropriate contact form to communicate your request. Häfele
will respond to you promptly. We will also be pleased to call you back. If you
would rather speak with us on the phone, please call our Hotline +632 8842
3353 from 8 am to 5 pm, Monday to Friday, and from 9 am to 4 pm on Saturdays. If
you have a question outside of these service hours, we offer an extensive
Questions and Answers area for quick and easy assistance.
ABOUT HÄFELE
Häfele is an international company providing hardware and fitting systems and
electronic access control systems. Around the world, customers from the
furniture industry, dealers, joiners and cabinet makers, as well as architects,
planners and builders all rely on Häfele's expertise and performance.
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
Zu einer offenen Bestellung hinzufügen.
Add to cart
Newsletter
--------------------------------------------------------------------------------
* My account ( )
* Login
*
*
*
* Print Page
--------------------------------------------------------------------------------
Print page Newsletter
© 2024 by Häfele Imprint Data protection General Terms and Conditions Terms and
conditions of use Sitemap
Contact Us
--------------------------------------------------------------------------------
E-mail: info@hafele.com.ph Tel.: +632 8842-3353
© 2024 by Häfele
Print page Newsletter
© 2024 by Häfele Imprint Data protection General Terms and Conditions Terms and
conditions 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 PHILIPPINES
To the website of my country
Stay Here