Skip to main content
TapasaranjanSa3
Jul 21, 2025 10:42 AM UTC
Solved

Need to create Search block in AEM EDS Universal Editor System

Hi Their,

 

Good day.

Need to implement a search block for my site which is being built on AEM Edge Delivery Service (universal editor based). Please provide me useful link/videos/page resources explaining about extending the OOTB search block on EDS, how does it function, what are the best practices, how a search API endpoint is established which can be consumer by the search block.

 

 

Thanks,

Tapas 

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
SantoshSai
SantoshSaiAccepted solution
Community Advisor
Jul 22, 2025 3:28 AM UTC

Hi @tapasaranjansa3,

The search block in AEM Edge Delivery Service (EDS) with Universal Editor is powered by a client-side implementation that queries a pre-built search index. To extend or customize the OOTB search block, you'll typically override the default block behavior and connect it to your own search API or index.

I recommend reviewing the following resources to understand how it works, how to extend it, and best practices for creating a search endpoint that integrates well with the EDS ecosystem:

Santosh Sai
View in thread

2 replies

SantoshSai
Community Advisor
SantoshSaiCommunity AdvisorAccepted solution
Community Advisor
Jul 22, 2025 3:28 AM UTC

Hi @tapasaranjansa3,

The search block in AEM Edge Delivery Service (EDS) with Universal Editor is powered by a client-side implementation that queries a pre-built search index. To extend or customize the OOTB search block, you'll typically override the default block behavior and connect it to your own search API or index.

I recommend reviewing the following resources to understand how it works, how to extend it, and best practices for creating a search endpoint that integrates well with the EDS ecosystem:

Translate
Santosh Sai
    TapasaranjanSa3Author
    Aug 21, 2025 12:56 PM UTC

    Thanks @santoshsai ,

     

    for the response.

    we extended the OOTB search block functionalities, modified the helix-query.yaml for indexing. Updated the component-definition/model/filter json similar to other blocks. In the search.js imported fetchPlaceholders from ffetch library ( import fetchPlaceholders } from /scripts/placeholder.js)

    As you know the helix-query.yaml entries gets transformed to query-index.json dynamically it worked properly we were able to render the matching search results accordingly.

    We added few extra features like highlighting search words inside DOM, displaying search suggestion during the user type entry etc.

    The only design issue which we couldn't figure out is including DAM: assets/pdf in the search result because the original implementation of search block is designed to index only pages not DAM assets.

     

    regards,

    Tapas

    Translate
    Terms & ConditionsAccessibility statement

    Loading footer...