fix(storefront): BCTHEME-1765 With Product Filtering enabled widgets …

…on category page disappear after navigating using pagination
bigcommerce · Feb 2, 2024 · 96ef06a · 96ef06a
1 parent 481bf05
commit 96ef06a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Draft
+- With Product Filtering enabled widgets on category page disappear after navigating using pagination [#2425](https://github.com/bigcommerce/cornerstone/pull/2425)
 - Anchor links on category pages are not working when product filtering is enabled [#2415](https://github.com/bigcommerce/cornerstone/pull/2415)
 - Dispatch an event on productOptionsChanged [#2400](https://github.com/bigcommerce/cornerstone/pull/2400)
 - Check lang helpers usage and existence of key in translation file [#2403](https://github.com/bigcommerce/cornerstone/pull/2403)

diff --git a/assets/scss/layouts/body/_body.scss b/assets/scss/layouts/body/_body.scss
@@ -29,6 +29,12 @@
     @include grid-column(12);
 }
 
+.page-region {
+    @include grid-column(12);
+    width: 75%;
+    float: right;
+}
+
 .page-content--centered {
 
     @include breakpoint("medium") {

diff --git a/templates/pages/category.html b/templates/pages/category.html
@@ -49,6 +49,9 @@ <h1 class="page-heading">{{category.name}}</h1>
 
     <div class="page-content" id="product-listing-container">
         {{> components/category/product-listing}}
+    </div>
+
+    <div class="page-region">
         {{{region name="category_below_content"}}}
     </div>
 </div>