Adding container for for search in standalone gnav

adobecom · Sep 4, 2024 · b67ae71 · b67ae71
1 parent 8df386c
commit b67ae71
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/libs/blocks/global-navigation/global-navigation.js b/libs/blocks/global-navigation/global-navigation.js
@@ -813,6 +813,11 @@ class Gnav {
     analyticsValue: 'Logo',
   });
 
+  decorateCustomSearch = () => {
+    this.elements.customSearch = toFragment`<div class="feds-search"></div>`;
+    return this.elements.customSearch;
+  };
+
   decorateMainNav = async () => {
     const breadcrumbs = isDesktop.matches ? '' : await this.decorateBreadcrumbs();
     this.elements.mainNav = toFragment`<div class="feds-nav"></div>`;
@@ -822,6 +827,7 @@ class Gnav {
         ${isDesktop.matches ? '' : this.decorateSearch()}
         ${this.elements.mainNav}
         ${isDesktop.matches ? this.decorateSearch() : ''}
+        ${getConfig().searchEnabled === 'on' ? this.decorateCustomSearch() : ''}
       </div>
     `;
 

diff --git a/libs/navigation/navigation.js b/libs/navigation/navigation.js
@@ -4,7 +4,7 @@ const blockConfig = [
     name: 'global-navigation',
     targetEl: 'header',
     appendType: 'prepend',
-    params: ['imsClientId'],
+    params: ['imsClientId', 'searchEnabled'],
   },
   {
     key: 'footer',