FFWEB-3357: Fix filter cloud issue on category pages

Fix filter cloud issue on category pages
Upgrade Web Components version to v5.1.1

Author: Rayn93

.github/workflows/ci.yml

@@ -25,7 +25,7 @@ jobs:
         run: echo "::set-output name=dir::$(composer config cache-files-dir)"
 
       - name: Load Composer cache
-        uses: actions/cache@v2
+        uses: actions/cache@v4
         with:
           path: ${{ steps.composer-cache.outputs.dir }}
           key: ${{ runner.os }}-${{ matrix.php }}-${{ matrix.deps }}-composer

CHANGELOG.md

@@ -5,10 +5,11 @@
 
 ### Change
 - Upgrade Web Components default styles
-- Upgrade Web Components version to v5.1.0
+- Upgrade Web Components version to v5.1.1
 
 ### Fix
 - Implement redirection to search result page for searchTerm and brand suggests
+- Fix filter cloud issue on category pages
 
 ## [v6.0.0] - 2025.02.05
 ### BREAKING

assets/js/ff-web-components/bundle.js

@@ -72,7 +72,7 @@
             {% endif %}
 
             {% if oViewConf.getSearchImmediate()|escape("js") and oView.getClassKey() == "search_result" %}
-                const searchParams = factfinder.utils.env.searchParamsFromUrl({ categoryFieldName: `{{oViewConf.getFFStringConfigParam('ffCategoryPathFieldName')}}` });
+                let searchParams = factfinder.utils.env.searchParamsFromUrl({ categoryFieldName: `{{oViewConf.getFFStringConfigParam('ffCategoryPathFieldName')}}` });
                 initialSearch(searchParams, { requestOptions: { origin: `initialSearch` } });
             {% endif %}
 
@@ -89,9 +89,13 @@
                 }));
 
                 const initOptions = factfinder.config.get();
-                initialSearch({
-                    filters: initOptions.appConfig.categoryPage,
-                });
+                searchParams = factfinder.utils.env.searchParamsFromUrl(
+                    { categoryFieldName: `{{oViewConf.getFFStringConfigParam('ffCategoryPathFieldName')}}` }
+                );
+
+                searchParams.filters = searchParams.filters ?? [];
+                searchParams.filters.push(initOptions.appConfig.categoryPage[0]);
+                initialSearch(searchParams);
             {% endif %}
 
         });