www.hafele.com.my Open in urlscan Pro
18.66.147.20 Public Scan

Back to summary

Submitted URL:
https://hafele.com.my/
Effective URL:
https://www.hafele.com.my/en/
Submission: On November 08 via api (November 8th 2024, 4:14:52 pm UTC) from US — Scanned from DE

Form analysis
10 forms found in the DOM

Name: hubOnePageCheckout — POST https://www.hafele.com.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewHubPage-Submit

<form method="post" onsubmit="return validateCvv();" action="https://www.hafele.com.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewHubPage-Submit" name="hubOnePageCheckout" id="js-hubOnePageCheckout"
  class="js-quick-buy o-quick-buy hubOnePageCheckout"><input type="hidden" name="SynchronizerToken" value="42ed78e7bcd013bc0de1a24a0ce0b488308c6469f982a116ce7a6024c8e51bec">
  <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.my/en/account/login/

<form action="https://www.hafele.com.my/en/account/login/" method="GET">
  <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.my/en/account/login/">Log on again</button>
    <a class="a-btn a-btn--xs-fw t-btn t-btn-secondary cancelButton">Close</a>
  </div>
</form>

<form id="formLawCookie">
  <div class="hflLayerBox cookieOptOutWarningLayer" style="display:none" id="lawcookieGoogleAnalytcis">
    <div class="hflLayerContainer container isMobile">
      <div class="hflLayerCnt">
        <div class="warningContainer">
          <h2 class="layerHeadline">Browser 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 — /hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewParametricSearch-SimpleOfferSearch

<form action="/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewParametricSearch-SimpleOfferSearch" name="searchForm" class="js-search" data-searchid="searchForm" id="searchForm"><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.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/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.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewRecommendations-ClearNotifications

<form method="post" action="https://www.hafele.com.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewRecommendations-ClearNotifications" name="ClearNotifications"><input type="hidden" name="SynchronizerToken"
    value="cabc1415541edd8554078e7a6ee66308dd57f7620c2b6b8143725f0892929149">
  <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.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewCart-Dispatch

<form name="directOrderForm" class="directOrderForm" id="directOrderForm" action="https://www.hafele.com.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewCart-Dispatch" method="post"><input type="hidden" name="SynchronizerToken"
    value="42ed78e7bcd013bc0de1a24a0ce0b488308c6469f982a116ce7a6024c8e51bec">
  <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">&nbsp;</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>&nbsp;</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() &amp;&amp; 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() &amp;&amp; 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() &amp;&amp; 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() &amp;&amp; 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() &amp;&amp; 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() &amp;&amp; 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>&nbsp;</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.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/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.my/en/cart/

<form action="https://www.hafele.com.my/en/cart/" name="miniCartGoToCartQuickForm" class="js-miniGoToCartQuick1 u-display-inline" method="get">
  <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.my/en/cart/" data-testid="CartQuickViewButton" data-minicartlabelurl="https://www.hafele.com.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/IncludeCart-MiniCartLabel" data-minicartcontenturl="https://www.hafele.com.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/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.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewUserAccount-ProcessLoginHeaderItemLogin

<form name="loginWithExistingAccountForm" id="loginWithExistingAccountForm" class="stdForm" action="https://www.hafele.com.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewUserAccount-ProcessLoginHeaderItemLogin" method="post"><input
    type="hidden" name="SynchronizerToken" value="42ed78e7bcd013bc0de1a24a0ce0b488308c6469f982a116ce7a6024c8e51bec">
  <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() &amp;&amp; !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.my/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>
          </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.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewRecommendations-ClearNotifications

<form method="post" action="https://www.hafele.com.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewRecommendations-ClearNotifications" name="ClearNotifications"><input type="hidden" name="SynchronizerToken"
    value="cabc1415541edd8554078e7a6ee66308dd57f7620c2b6b8143725f0892929149">
  <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.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewCart-Dispatch

<form name="dOrderFormResponsive" class="directOrderForm" id="dOrderFormResponsive" action="https://www.hafele.com.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewCart-Dispatch" method="post"><input type="hidden" name="SynchronizerToken"
    value="42ed78e7bcd013bc0de1a24a0ce0b488308c6469f982a116ce7a6024c8e51bec">
  <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() &amp;&amp; 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.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/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
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



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.

Effective from 01.04.2024, a Handling Fee of RM50 will be imposed when Order
Value is below RM350.


 * Malaysia

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
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
   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
       * Shop Fittings
       * 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 Organisation
       * View All
       * Kitchen Storage & Accessories
       * Waste Management
       * Sinks & Taps
       * Worktops & Splashbacks
       * Kitchen Appliances
         * View All
         * Baking & Cooking
         * Extractor Hoods
         * Small Household Appliances
       * Ventilation Grills & Systems
   
    * Architectural Ironmongery
       * View All
       * Access Control
       * Locking Systems
         * View All
         * Locks & Latches
       * 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
       * Moveable Wall Systems
   
    * Lighting & Electrical Fittings
       * View All
       * Lighting
       * Cabinet Lifts, TV Lifts & Brackets
       * Electrical Accessories
   
    * Tools & Consumables
       * View All
       * Screws
       * Fixing Materials
       * Tools & Accessories
         * View All
         * Drill Bits, Bits & Cutting Tools
         * Hand Tools & Jigs

 * 
 * 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
    * Other Information
    * Online Tutorials
    * Newsletter
    * Trade Fairs & Events
    * Promotion
    * Help and Support
    * Supplier Portal

 * About Häfele
    * Overview
    * Häfele Worldwide
    * Brand Products
    * Business figures
    * Management of the Häfele Group
    * Quality and environmental management
    * The Häfele Story
    * Häfele Locations
    * Careers
    * Compliance
    * Häfele Malaysia
    * Häfele Showrooms & Offices
    * Mission statement and brand
    * Social Media

 * Catalogues
 * Worldwide
 * Contact
   
 * * My account ( )
   * Login

   CATALOGUES AND BROCHURES
   
   Häfele Home - Home Appliances 2020/2021
   Häfele Home - App Digital Lock
   Häfele Pro - Furniture Fittings
   All catalogues and brochures
   
   HÄFELE APP
   
   Get the Häfele catalogue on your smartphone or tablet
   
   To the Häfele app
   
   FURNITURE FITTINGS (INTERNATIONAL)
   
   
   
   To the Furniture Fittings Catalogue
   
   
   
   
   
   
 * Catalogues
 * Contact
   





HOME


 * 
   
   
   
   More details


 * 
   
   
   
   More details
 * More details


 * 
   
   
   
   More details
 * More details


 * 
   
   
   
   More details
 * 



Register Now
Häfele Home - App Digital Lock
Häfele Pro – Architectural Hardware
Häfele Pro - Furniture Fittings
Brochures & Catalogues


FIND HÄFELE IN YOUR AREA

Häfele Showrooms & Offices Häfele Trade Partners

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 +603 2024 7339. We can be reached from 9 am to 6 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
Zu einer offenen Bestellung hinzufügen.
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 and
conditions of use Sitemap Help and Support
Contact Us


--------------------------------------------------------------------------------

E-mail: info@hafele.com.my Tel.: (Business Enquiry) +603 2028 7468

© 2024 by Häfele

Print page Apps Newsletter

© 2024 by Häfele Imprint Data protection General Terms and Conditions Terms and
conditions of use Sitemap Help and Support
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 MALAYSIA

To the website of my country
Stay Here

www.hafele.com.my Open in urlscan Pro 18.66.147.20 Public Scan

Form analysis 10 forms found in the DOM

Name: hubOnePageCheckout — POST https://www.hafele.com.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewHubPage-Submit

GET https://www.hafele.com.my/en/account/login/

Name: searchForm — /hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewParametricSearch-SimpleOfferSearch

Name: ClearNotifications — POST https://www.hafele.com.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewRecommendations-ClearNotifications

Name: directOrderForm — POST https://www.hafele.com.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewCart-Dispatch

Name: miniCartGoToCartQuickForm — GET https://www.hafele.com.my/en/cart/

Name: loginWithExistingAccountForm — POST https://www.hafele.com.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewUserAccount-ProcessLoginHeaderItemLogin

Name: ClearNotifications — POST https://www.hafele.com.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewRecommendations-ClearNotifications

Name: dOrderFormResponsive — POST https://www.hafele.com.my/hap-live/web/WFS/Haefele-HMA-Site/en_MY/-/MYR/ViewCart-Dispatch

Text Content

www.hafele.com.my Open in urlscan Pro
18.66.147.20 Public Scan

Form analysis
10 forms found in the DOM