wickes-css2 2.105.0-develop.7 → 2.105.0-develop.8

package/src/page_my-account-trade-pro-carousel-double.html

@@ -0,0 +1,127 @@
+{{#extend
+  "my-account-v2"
+  iconUserClass=my_account.tradepro.icons.tradeproID
+  dataBreadcrumbs=my_account.tradepro.breadcrumbs
+  pageClass="page_my-account_new"
+  title="My Account Trade Pro Carousel Double"
+  pageMyAcc=true
+  myAccV2=true
+  isLoggedIn=true
+  tradepro-nav=true
+  mainClass="my-account"
+  switch-vat=true
+}}
+{{#content "main"}}
+<div class="container">
+  <div class="row">
+    <div class="col-12">
+      {{> my-account/mobile-nav my-account-menu-new
+          menu=my_account.tradepro.menu
+          active-index=0
+          page-name=my_account.tradepro.menu.[0].title
+          }}
+    </div>
+  </div>
+</div>
+<div class="account-summary">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="account-summary__wrapper d-none d-sm-grid mb-3">
+          {{> my-account/greetings
+              name=my_account.user.name
+              subtitle=my_account.user.email
+          }}
+        </div>
+        {{#extend "my-account/cards-swap"}}
+          {{#content "card1"}}
+            <div class="account-summary__wrapper account-summary__wrapper--secondary account-summary__wrapper--double">
+              {{> my-account/greetings
+                  secondary=true
+                  mod="d-sm-none"
+                  name=my_account.user.name
+                  subtitle=my_account.user.email
+              }}
+              {{> my-account/discount
+                  secondary=true
+                  discountText=my_account.tradepro2.discountText
+                  title="In-store discount"
+                  code=my_account.discount
+              }}
+              {{> my-account/clipboard-code-card
+                  secondary=true
+                  mod="trade-pro-id"
+                  icon=my_account.tradepro.icons.tradeproID
+                  title="TradePro ID"
+                  code=my_account.tradeProId
+              }}
+            </div>
+          {{/content}}
+          {{#content "card2"}}
+            <div class="account-summary__wrapper">
+              {{> my-account/greetings
+                  mod="d-sm-none"
+                  name=my_account.user.name
+                  subtitle=my_account.user.email
+              }}
+              {{> my-account/discount
+                  discountText=my_account.tradepro.discountText
+                  title="In-store discount"
+                  code=my_account.discount
+              }}
+              {{> my-account/clipboard-code-card
+                  mod="trade-pro-id"
+                  icon=my_account.tradepro.icons.tradeproID
+                  title="TradePro ID"
+                  code=my_account.tradeProId
+              }}
+              {{> my-account/clipboard-code-card
+                  mod="discount-code"
+                  icon="fas fa-badge-percent"
+                  title="Online discount code"
+                  code=my_account.tradepro.discountCode
+              }}
+            </div>
+          {{/content}}
+        {{/extend}}
+        {{> my-account/active-orders/list-orders
+          switch-vat=true
+          title=my_account.tradepro.activeOrders.sectionTitle
+          linkText='View all orders'
+          orders=my_account.tradepro.activeOrders.orderList
+        }}
+      </div>
+    </div>
+  </div>
+</div>
+<div class="container">
+  <div class="row">
+    <div class="col-12">
+      {{> my-account/menu-items
+          items=my_account.tradepro.menu
+          }}
+    </div>
+  </div>
+</div>
+<div class="container">
+  <div class="row">
+    <div class="col-12">
+      {{> my-account/saving-totaliser this-last-year=true}}
+    </div>
+  </div>
+</div>
+<div class="account-actions">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        {{> my-account/user-account-actions mod="d-sm-none"}}
+        {{> my-account/contact-us contacts=my_account.contacts}}
+      </div>
+    </div>
+  </div>
+</div>
+{{/content}}
+{{#content "foot" mode="append"}}
+<script defer src="./js/my-account.min.js"></script>
+{{/content}}
+{{/extend}}

package/src/page_my-account-trade-pro-carousel.html

@@ -0,0 +1,134 @@
+{{#extend
+  "my-account-v2"
+  iconUserClass=my_account.tradepro.icons.tradeproID
+  dataBreadcrumbs=my_account.tradepro.breadcrumbs
+  pageClass="page_my-account_new"
+  title="My Account Trade Pro Carousel"
+  pageMyAcc=true
+  myAccV2=true
+  isLoggedIn=true
+  tradepro-nav=true
+  mainClass="my-account"
+  switch-vat=true
+}}
+{{#content "main"}}
+<div class="container">
+  <div class="row">
+    <div class="col-12">
+      {{> my-account/mobile-nav my-account-menu-new
+          menu=my_account.tradepro.menu
+          active-index=0
+          page-name=my_account.tradepro.menu.[0].title
+          }}
+    </div>
+  </div>
+</div>
+<div class="account-summary">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        <div class="account-summary__wrapper d-none d-sm-grid mb-3">
+          {{> my-account/greetings
+              name=my_account.user.name
+              subtitle=my_account.user.email
+          }}
+        </div>
+        {{#extend "my-account/cards-swap"}}
+          {{#content "card1"}}
+            <div class="account-summary__wrapper account-summary__wrapper--secondary">
+              {{> my-account/greetings
+                  mod="d-sm-none"
+                  secondary=true
+                  name=my_account.user.name
+                  subtitle=my_account.user.email
+              }}
+              {{> my-account/discount
+                  secondary=true
+                  discountText=my_account.tradepro2.discountText
+                  title="In-store discount"
+                  code=my_account.discount
+              }}
+              {{> my-account/clipboard-code-card
+                  secondary=true
+                  mod="trade-pro-id"
+                  icon=my_account.tradepro.icons.tradeproID
+                  title="TradePro ID"
+                  code=my_account.tradeProId
+              }}
+              {{> my-account/clipboard-code-card
+                  secondary=true
+                  mod="discount-code"
+                  icon="fas fa-badge-percent"
+                  title="Online discount code"
+                  code=my_account.tradepro.discountCode
+              }}
+            </div>
+          {{/content}}
+          {{#content "card2"}}
+            <div class="account-summary__wrapper">
+              {{> my-account/greetings
+                  mod="d-sm-none"
+                  name=my_account.user.name
+                  subtitle=my_account.user.email
+              }}
+              {{> my-account/discount
+                  discountText=my_account.tradepro.discountText
+                  title="In-store discount"
+                  code=my_account.discount
+              }}
+              {{> my-account/clipboard-code-card
+                  mod="trade-pro-id"
+                  icon=my_account.tradepro.icons.tradeproID
+                  title="TradePro ID"
+                  code=my_account.tradeProId
+              }}
+              {{> my-account/clipboard-code-card
+                  mod="discount-code"
+                  icon="fas fa-badge-percent"
+                  title="Online discount code"
+                  code=my_account.tradepro.discountCode
+              }}
+            </div>
+          {{/content}}
+        {{/extend}}
+        {{> my-account/active-orders/list-orders
+          switch-vat=true
+          title=my_account.tradepro.activeOrders.sectionTitle
+          linkText='View all orders'
+          orders=my_account.tradepro.activeOrders.orderList
+        }}
+      </div>
+    </div>
+  </div>
+</div>
+<div class="container">
+  <div class="row">
+    <div class="col-12">
+      {{> my-account/menu-items
+          items=my_account.tradepro.menu
+          }}
+    </div>
+  </div>
+</div>
+<div class="container">
+  <div class="row">
+    <div class="col-12">
+      {{> my-account/saving-totaliser this-last-year=true}}
+    </div>
+  </div>
+</div>
+<div class="account-actions">
+  <div class="container">
+    <div class="row">
+      <div class="col-12">
+        {{> my-account/user-account-actions mod="d-sm-none"}}
+        {{> my-account/contact-us contacts=my_account.contacts}}
+      </div>
+    </div>
+  </div>
+</div>
+{{/content}}
+{{#content "foot" mode="append"}}
+<script defer src="./js/my-account.min.js"></script>
+{{/content}}
+{{/extend}}

package/src/page_my-account-trade-pro.html

@@ -33,7 +33,7 @@
               subtitle=my_account.user.email
           }}
           {{> my-account/discount
-              discountSrc=my_account.tradepro.discount
+              discountText=my_account.tradepro.discountText
               title="In-store discount"
               code=my_account.discount
           }}

package/src/page_my-shopping-list-add-notes.html

@@ -18,6 +18,5 @@
     copy-id=true
   }}
 </main>
-<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_my-shopping-list-energy.html

@@ -15,6 +15,5 @@
 {{/content}}
 <script defer src="./js/page/project-list.js"></script>
 <script defer src="./js/energy-efficiency.min.js"></script>
-<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_my-shopping-list-hide-download.html

@@ -7,7 +7,6 @@
 </main>
 {{/content}}
 {{#content "foot" mode="append"}}
-<script defer src="./js/project-list.min.js"></script>
-<script defer src="./js/share-project-list.min.js"></script>
+<script src="./js/project-list-note.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_my-shopping-list-pdf.html

@@ -3,7 +3,5 @@
 {{/content}}
 {{#content "body"}}
   {{> shopping-list-pdf}}
-
-<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_my-shopping-list-saved-ref.html

@@ -6,6 +6,5 @@
     {{> shopping-list emptyShopList=false isUserRegister=true pagination=true ref-value=true}}
 </main>
 <script defer src="./js/page/project-list.js"></script>
-<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_my-shopping-list-wisdom-oos-registered.html

@@ -6,7 +6,6 @@
     {{> shopping-list emptyShopList=false isUserRegister=true pagination=true ref=true wisdom=true available=0}}
 </main>
 <script defer src="./js/page/project-list.js"></script>
-<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{#content "foot" mode="append"}}
     {{> wisdom-modal available=0 current=5}}

package/src/page_my-shopping-list-wisdom-oos.html

@@ -6,7 +6,6 @@
     {{> shopping-list emptyShopList=false isUserRegister=false pagination=true ref=true wisdom=true available=0}}
 </main>
 <script defer src="./js/page/project-list.js"></script>
-<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{#content "foot" mode="append"}}
     {{> wisdom-modal available=0 current=5}}

package/src/page_my-shopping-list-wisdom-partial-registered.html

@@ -6,7 +6,6 @@
     {{> shopping-list emptyShopList=false isUserRegister=true pagination=true ref=true wisdom=true available=10}}
 </main>
 <script defer src="./js/page/project-list.js"></script>
-<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{#content "foot" mode="append"}}
     {{> wisdom-modal available=12 current=15}}

package/src/page_my-shopping-list-wisdom-registered.html

@@ -6,7 +6,6 @@
     {{> shopping-list emptyShopList=false isUserRegister=true pagination=true ref=true wisdom=true available=10}}
 </main>
 <script defer src="./js/page/project-list.js"></script>
-<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{#content "foot" mode="append"}}
     {{> wisdom-modal available=12 current=5}}

package/src/page_my-shopping-list-wisdom.html

@@ -6,7 +6,6 @@
     {{> shopping-list emptyShopList=false isUserRegister=false pagination=true ref=true wisdom=true available=10}}
 </main>
 <script defer src="./js/page/project-list.js"></script>
-<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{#content "foot" mode="append"}}
     {{> wisdom-modal available=12 current=5}}

package/src/page_my-shopping-list.html

@@ -9,6 +9,5 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.1/html2pdf.bundle.min.js"
         integrity="sha512-1qLXyA3x0VSWeM+8vOotn6+KIRGdcQ8QMzsNeDXmdJsUAnoDGjzlxzqAuUGJGrGkGrtOrq4buDoAHxR89D9PWA=="
         crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_my-shopping-list_not-register.html

@@ -5,9 +5,6 @@
 <main>
     {{> shopping-list emptyShopList=false pagination=true}}
 </main>
-{{/content}}
-{{#content "foot" mode="append"}}
 <script defer src="./js/page/project-list.js"></script>
-<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_plp-with-paint.html

@@ -15,13 +15,19 @@
 
     <div class="row">
       <aside class="left-aside">
-        {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state"}}
+        {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
+        {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
       </aside>
 
       <div class="content">
         {{> shop-colour title="Shop by colour"}}
         <div class="sort-products-list">
           <div class="sort-products-list__section sort-products-list__items-per-page">
+            <button class="btn btn-primary open-filters-btn" id="open-overlay">
+               <span class="btn__text">
+                 <span class="icon"><span class="fas fa-filter"></span></span>Filter products
+               </span>
+            </button>
             {{> form-row dropdown="true" ddn-mod="ddn_small" id="d1-top" label="Products per page" label-hidden="true" placeholder="All products per page"}}
           </div>
           <div class="sort-products-list__section sort-products-list__pagination">
@@ -65,6 +71,5 @@
 <script defer src="./js/page/plp.js"></script>
 <script defer src="./js/page/plp-img-v2.js"></script>
 <script defer src="./js/page/plp-cards-v2.js"></script>
-<script defer src="./js/search-filter.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_plp.html

@@ -15,7 +15,8 @@
 
     <div class="row">
       <aside class="left-aside">
-        {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state"}}
+        {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
+        {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
       </aside>
 
       <div class="content">
@@ -24,6 +25,11 @@
 
         <div class="sort-products-list">
           <div class="sort-products-list__section sort-products-list__items-per-page">
+            <button class="btn btn-primary open-filters-btn" id="open-overlay">
+              <span class="btn__text">
+                <span class="icon"><span class="fas fa-filter"></span></span>Show filters
+              </span>
+            </button>
             {{> form-row dropdown="true" ddn-mod="ddn_small" id="d1-top" label="Products per page" label-hidden="true" placeholder="All products per page"}}
           </div>
           <div class="sort-products-list__section sort-products-list__pagination">
@@ -61,6 +67,5 @@
 {{/content}}
 {{#content "foot" mode="append"}}
 <script defer src="./js/page/plp.js"></script>
-<script defer src="./js/search-filter.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_plp_v2-energy-efficiency.html

@@ -17,11 +17,17 @@
         <div class="row">
             <aside class="left-aside">
                 {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
+                {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
             </aside>
 
             <div class="content">
                 <div class="sort-products-list">
                     <div class="sort-products-list__section sort-products-list__items-per-page">
+                        <button class="btn btn-primary open-filters-btn" id="open-overlay">
+                                   <span class="btn__text">
+                                     <span class="icon"><span class="fas fa-filter"></span></span>Filter products
+                                   </span>
+                        </button>
                         {{> form-row dropdown="true" ddn-mod="ddn_small" id="d1-top" label="Products per page" label-hidden="true" placeholder="All products per page"}}
                     </div>
                     <div class="sort-products-list__section sort-products-list__pagination">
@@ -72,6 +78,5 @@
 <script defer src="./js/energy-efficiency.min.js"></script>
 <script defer src="./js/page/plp-img-v2.js"></script>
 <script defer src="./js/page/plp-cards-v2.js"></script>
-<script defer src="./js/search-filter.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_plp_v2-favourite-products.html

@@ -1,4 +1,4 @@
-{{#extend "base" hybrisClass="hybris-class" pageClass="page-responsiveThematicProductListPage products-list-page" title="Products list" pagePlp=true}}
+{{#extend "base" hybrisClass="hybris-class" pageClass="products-list-page" title="Products list" pagePlp=true}}
     {{#content "head" mode="append" pagePlp=true}}
         <link type="text/css" rel="stylesheet" href="./css/components/plp-favourite-product.css">
     {{/content}}
@@ -16,7 +16,7 @@
 
                 <div class="row">
                     <aside class="left-aside">
-                        {{> search-filter filterTitle="Filter results" collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
+                        {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
                         {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
                     </aside>
 
@@ -40,13 +40,16 @@
                         </div>
 
                         <div class="products-list products-list-v2">
+                            {{#if search-result_v2.product-banner}}
+                                {{>card_product_banner_v2}}
+                            {{/if}}
                             {{#each search-result_v2.products}}
                                 {{>card_product_v2 showFavourite="true"}}
                             {{/each}}
                         </div>
 
                         <div class="sort-products-list">
-                            <div class="sort-products-list__section sort-products-list__items-per-page">
+                            <div class="sort-products-list__section sort-products-list__items-per-page is-hidden">
                                 {{> form-row dropdown="true" ddn-mod="ddn_small" id="d1-bottom" label="Products per page" label-hidden="true" placeholder="All products per page"}}
                             </div>
                             <div class="sort-products-list__section sort-products-list__pagination">
@@ -72,7 +75,5 @@
         <script defer src="./js/page/plp-img-v2.js"></script>
         <script defer src="./js/page/plp-cards-v2.js"></script>
         <script defer src="./js/plp-favourite-product.bundle.min.js"></script>
-        <script defer src="./js/plp-filters.min.js"></script>
-        <script defer src="./js/search-filter.min.js"></script>
     {{/content}}
-{{/extend}}
+{{/extend}}

package/src/page_plp_v2-vat.html

@@ -16,12 +16,18 @@
 
                 <div class="row">
                     <aside class="left-aside">
-                        {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state"}}
+                        {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
+                        {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
                     </aside>
 
                     <div class="content">
                         <div class="sort-products-list">
                             <div class="sort-products-list__section sort-products-list__items-per-page">
+                                <button class="btn btn-primary open-filters-btn" id="open-overlay">
+                                   <span class="btn__text">
+                                     <span class="icon"><span class="fas fa-filter"></span></span>Filter products
+                                   </span>
+                                </button>
                                 {{> form-row dropdown="true" ddn-mod="ddn_small" id="d1-top" label="Products per page" label-hidden="true" placeholder="All products per page"}}
                             </div>
                             <div class="sort-products-list__section sort-products-list__pagination">
@@ -68,6 +74,5 @@
         <script defer src="./js/page/plp.js"></script>
         <script defer src="./js/page/plp-img-v2.js"></script>
         <script defer src="./js/page/plp-cards-v2.js"></script>
-        <script defer src="./js/search-filter.min.js"></script>
     {{/content}}
 {{/extend}}

package/src/page_plp_v2.html

@@ -17,29 +17,19 @@
 
                 <div class="row">
                     <aside class="left-aside">
-                        {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state"}}
+                        {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
+                        {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
                     </aside>
 
                     <div class="content">
-                        <div class="plp-filters" data-component="plp-filters" aria-label="Product filters">
-                            <div class="plp-filters__bar plp-filters__bar-mobile" role="tablist" aria-label="Filters">
-                                {{> kitchen/mobile-nav-item
-                                icon="fas fa-filter"
-                                title="Filter by"
-                                info="1,818 results"
-                                modalId="filterModal"
-                                mod="filter-modal-cta"
-                                }}
-                                {{> kitchen/mobile-nav-item
-                                icon="fas fa-sort-alt"
-                                title="Sort by"
-                                info="Relevance"
-                                dropdown=true
-                                }}
-                            </div>
-                        </div>
                         <div class="sort-products-list">
-                            {{> kitchen/sort-by }}
+                            <input id="numberOfPagesPLP" value="3" type="hidden">
+                            <div class="sort-products-list__total">
+                                <span>{{plp_load-more.pagination.totalNumberOfResults}} products</span>
+                            </div>
+                            <div class="sort-products-list__section sort-products-list__sort-by">
+                                {{> form-row dropdown="true" ddn-mod="ddn_small" id="#sort_form1" label="Sort by" label-hidden="true" placeholder="Name (descending)"}}
+                            </div>
                         </div>
 
                         <div class="products-list products-list-v2">
@@ -81,11 +71,8 @@
         </main>
     {{/content}}
     {{#content "foot" mode="append"}}
-    {{> kitchen/filter-modal isKitchenMode=false modalTitle="Filter by" }}
         <script defer src="./js/plp.bundle.min.js"></script>
         <script defer src="./js/page/plp-img-v2.js"></script>
         <script defer src="./js/page/plp-cards-v2.js"></script>
-        <script defer src="./js/search-filter.min.js"></script>
-        <script defer src="./js/plp-filters.min.js"></script>
     {{/content}}
 {{/extend}}

package/src/page_product_search-vat.html

@@ -17,12 +17,18 @@
 
         <div class="row">
             <aside class="left-aside">
-                {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state"}}
+                {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
+                {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
             </aside>
 
             <div class="content">
                 <div class="sort-products-list">
                     <div class="sort-products-list__section sort-products-list__items-per-page">
+                        <button class="btn btn-primary open-filters-btn" id="open-overlay">
+              <span class="btn__text">
+                <span class="icon"><span class="fas fa-filter"></span></span>Show filters
+              </span>
+                        </button>
                         {{> form-row dropdown="true" ddn-mod="ddn_small" id="d1-top" label="Products per page" label-hidden="true" placeholder="All products per page"}}
                     </div>
                     <div class="sort-products-list__section sort-products-list__pagination">
@@ -63,6 +69,5 @@
 <script defer src="./js/page/plp-img-v2.js"></script>
 <script defer src="./js/page/plp-cards-v2.js"></script>
 <script defer src="./js/components/badge-cashback.js"></script>
-<script defer src="./js/search-filter.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_product_search.html

@@ -17,12 +17,18 @@
 
         <div class="row">
             <aside class="left-aside">
-                {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state"}}
+                {{> search-filter collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
+                {{> search-filter-mobile collapsed="accordion_collapsed" hidden="hidden-state" fixed-height="custom-scroll"}}
             </aside>
 
             <div class="content">
                 <div class="sort-products-list">
                     <div class="sort-products-list__section sort-products-list__items-per-page">
+                        <button class="btn btn-primary open-filters-btn" id="open-overlay">
+              <span class="btn__text">
+                <span class="icon"><span class="fas fa-filter"></span></span>Show filters
+              </span>
+                        </button>
                         {{> form-row dropdown="true" ddn-mod="ddn_small" id="d1-top" label="Products per page" label-hidden="true" placeholder="All products per page"}}
                     </div>
                     <div class="sort-products-list__section sort-products-list__pagination">
@@ -63,6 +69,5 @@
 <script defer src="./js/page/plp-img-v2.js"></script>
 <script defer src="./js/page/plp-cards-v2.js"></script>
 <script defer src="./js/components/badge-cashback.js"></script>
-<script defer src="./js/search-filter.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_project-list-generate-project-list-ID.html

@@ -19,7 +19,4 @@
   }}
 </main>
 {{/content}}
-{{#content "foot" mode="append"}}
-<script defer src="./js/share-project-list.min.js"></script>
-{{/content}}
 {{/extend}}