From 9e6c2fa560ba3c049b664d4f24b0ee3f6b77e642 Mon Sep 17 00:00:00 2001
From: rozhnovaYana <scream.yv@gmail.com>
Date: Wed, 3 Jul 2024 17:13:39 +0300
Subject: [PATCH 01/11] added Mobile Breakpoint For Recommendation and fixed
 Recommendation Bug

---
 sections/findify-grid-search.liquid    | 38 ++++++++++++++++++--------
 sections/findify-recommendation.liquid |  4 ++-
 2 files changed, 29 insertions(+), 13 deletions(-)

diff --git a/sections/findify-grid-search.liquid b/sections/findify-grid-search.liquid
index b4c5f9d..80ad6b3 100644
--- a/sections/findify-grid-search.liquid
+++ b/sections/findify-grid-search.liquid
@@ -3,8 +3,10 @@
 
 {%  comment  %} Recommendation fallback configuration {% endcomment %}
 {%- assign recommendation_id = query_parameters | split: 'recommendation_id:' | last | split: '|' | first -%}
-{%- assign desktop_slide_per_view = query_parameters | split: 'desktop_slide_per_view:' | last | split: '|' | first | split: '&' | first -%}
-{%- assign recommendation_title = query_parameters | split: 'recommendation_title:' | last | split: '&' | first -%}{% include 'findify-grid-connector' %}
+{%- assign desktop_slide_per_view = query_parameters | split: 'desktop_slide_per_view=' | last | split: '|' | first | split: '&' | first -%}
+{%- assign mobile_slide_per_view = query_parameters | split: 'mobile_slide_per_view=' | last | split: '|' | first | split: '&' | first -%}
+
+{%- assign recommendation_title = query_parameters | split: 'recommendation_title=' | last | split: '&' | first -%}{% include 'findify-grid-connector' %}
 
 {%  comment  %} Content integration configuration {% endcomment %}
 {%- assign use_content_integration = query_parameters | split: 'use_content_integration:' | last | split: '&' | first -%}
@@ -137,18 +139,30 @@
 
       setFindifyIsLoading(false);
     } else {
-      const initRecommendation = async (type) => await findify.recommendation.init({
-          recommendation_id: "{{ recommendation_id }}",
-          desktop_slide_per_view,
-          recommendation_title
-        })
-        
-      findify.core.init.promise.then(() => {
-        initRecommendation()
-        window.addEventListener("popstate", () => {
+      const id = "{{ recommendation_id }}";
+      
+      const initRecommendation = async () => {
+        if (!id) {
+          console.warn(
+            'To display a Findify recommendation you should insert the ID within the Findify Recommendation App Block'
+          );
+          return;
+        }
+        await findify.recommendation.init({
+          id,
+          desktop_slide_per_view: "{{ desktop_slide_per_view }}",
+          title: "{{ recommendation_title }}",
+          mobile_slide_per_view: "{{ mobile_slide_per_view }}",
+        });
+      };
+
+      findify.core.init.then(() => {
+        initRecommendation();
+
+        window.addEventListener('popstate', () => {
           initRecommendation();
         });
-      });  
+      });
     }
 
   </script>
diff --git a/sections/findify-recommendation.liquid b/sections/findify-recommendation.liquid
index a501a58..29df894 100644
--- a/sections/findify-recommendation.liquid
+++ b/sections/findify-recommendation.liquid
@@ -3,6 +3,8 @@
 
 {%- assign recommendation_id = query_parameters | split: 'recommendation_id=' | last | split: '&' | first | url_decode -%}
 {%- assign desktop_slide_per_view = query_parameters | split: 'desktop_slide_per_view=' | last | split: '&' | first -%}
+{%- assign mobile_slide_per_view = query_parameters | split: 'mobile_slide_per_view=' | last | split: '|' | first | split: '&' | first -%}
+
 {%- assign title = query_parameters | split: 'title=' | last | split: '&' | first | url_decode -%}
 
 <div id="{{ recommendation_id }}" class='findify-recommendation-container'>
@@ -31,7 +33,7 @@
         slidesPerView: "{{ desktop_slide_per_view }}",
         breakpoints: {
           320: {
-            slidesPerView: 2,
+            slidesPerView: "{{ mobile_slide_per_view }}",
             spaceBetween: 20,
           },
           480: {

From 3ea561fc7bf1dfca106f5e84a3140ae621615ccf Mon Sep 17 00:00:00 2001
From: rozhnovaYana <scream.yv@gmail.com>
Date: Thu, 4 Jul 2024 11:08:40 +0300
Subject: [PATCH 02/11] updated assignment of props

---
 sections/findify-grid-search.liquid | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/sections/findify-grid-search.liquid b/sections/findify-grid-search.liquid
index 80ad6b3..296cefc 100644
--- a/sections/findify-grid-search.liquid
+++ b/sections/findify-grid-search.liquid
@@ -3,8 +3,8 @@
 
 {%  comment  %} Recommendation fallback configuration {% endcomment %}
 {%- assign recommendation_id = query_parameters | split: 'recommendation_id:' | last | split: '|' | first -%}
-{%- assign desktop_slide_per_view = query_parameters | split: 'desktop_slide_per_view=' | last | split: '|' | first | split: '&' | first -%}
-{%- assign mobile_slide_per_view = query_parameters | split: 'mobile_slide_per_view=' | last | split: '|' | first | split: '&' | first -%}
+{%- assign desktop_slide_per_view = query_parameters | split: 'desktop_slide_per_view:' | last | split: '|' | first | split: '&' | first -%}
+{%- assign mobile_slide_per_view = query_parameters | split: 'mobile_slide_per_view:' | last | split: '|' | first | split: '&' | first -%}
 
 {%- assign recommendation_title = query_parameters | split: 'recommendation_title=' | last | split: '&' | first -%}{% include 'findify-grid-connector' %}
 

From 4087c40f78ec097d1edaa40585f1fc97fc4c1640 Mon Sep 17 00:00:00 2001
From: rozhnovaYana <scream.yv@gmail.com>
Date: Thu, 4 Jul 2024 11:41:43 +0300
Subject: [PATCH 03/11] Added Desktop and Mobile Products per view Settings

---
 sections/findify-grid-collection.liquid | 18 +++++++++++++++++-
 sections/findify-grid-search.liquid     | 24 +++++++++++++++++++++---
 2 files changed, 38 insertions(+), 4 deletions(-)

diff --git a/sections/findify-grid-collection.liquid b/sections/findify-grid-collection.liquid
index 818168b..0765b7a 100644
--- a/sections/findify-grid-collection.liquid
+++ b/sections/findify-grid-collection.liquid
@@ -1,5 +1,10 @@
 {%- assign page_url = content_for_header | split: '"pageurl":"' | last | split: '"' | first | split: request.host | last | replace: '\/', '/' | replace: '%20', ' ' | replace: '\u0026', '&' | replace: '%7C', '|' | replace: '%27', "'" -%}
 {%- assign query_parameters = page_url | split: 'sections=findify-grid-collection&' | last -%}
+{%  comment  %} Grid config {% endcomment %}
+
+{%- assign desktop_products_per_view = query_parameters | split: 'desktop_products_per_view:' | last | split: '|' | first | split: '&' | first -%}
+{%- assign mobile_products_per_view = query_parameters | split: 'mobile_products_per_view:' | last | split: '|' | first | split: '&' | first -%}
+
 {% include 'findify-grid-connector' %}
 {% assign findify_filters_component_id = 'findify-filters-sidebar' %}
 
@@ -87,7 +92,18 @@
       </div>
     {% endif %}
   </div>
-
+  <style>
+     @media (min-width: 768px) {
+      .findify-product-list {
+        grid-template-columns: repeat({{desktop_products_per_view}}, minmax(180px, 1fr));
+      }
+    }
+    @media (max-width: 576px) {
+      .findify-product-list {
+        grid-template-columns: repeat({{mobile_products_per_view}}, minmax(180px, 1fr));
+      }
+    }
+  </style>
   <script>
       if("{{ use_lazy_loading_pagination }}" == "true") {
         initFindifyLazyLoadingPagination("{{lazy_loading_pagination_threshold}}");
diff --git a/sections/findify-grid-search.liquid b/sections/findify-grid-search.liquid
index 296cefc..95aa6c3 100644
--- a/sections/findify-grid-search.liquid
+++ b/sections/findify-grid-search.liquid
@@ -1,11 +1,15 @@
 {%- assign page_url = content_for_header | split: '"pageurl":"' | last | split: '"' | first | split: request.host | last | replace: '\/', '/' | replace: '%20', ' ' | replace: '\u0026', '&' | replace: '%7C', '|' | replace: '%27', "'" -%}
 {%- assign query_parameters = page_url | split: 'sections=findify-search&' | last -%}{%- assign query_parameters_products = page_url | split: 'sections=findify-products&' | last -%}
 
+{%  comment  %} Grid config {% endcomment %}
+
+{%- assign desktop_products_per_view = query_parameters | split: 'desktop_products_per_view:' | last | split: '|' | first | split: '&' | first -%}
+{%- assign mobile_products_per_view = query_parameters | split: 'mobile_products_per_view:' | last | split: '|' | first | split: '&' | first -%}
+
 {%  comment  %} Recommendation fallback configuration {% endcomment %}
 {%- assign recommendation_id = query_parameters | split: 'recommendation_id:' | last | split: '|' | first -%}
 {%- assign desktop_slide_per_view = query_parameters | split: 'desktop_slide_per_view:' | last | split: '|' | first | split: '&' | first -%}
 {%- assign mobile_slide_per_view = query_parameters | split: 'mobile_slide_per_view:' | last | split: '|' | first | split: '&' | first -%}
-
 {%- assign recommendation_title = query_parameters | split: 'recommendation_title=' | last | split: '&' | first -%}{% include 'findify-grid-connector' %}
 
 {%  comment  %} Content integration configuration {% endcomment %}
@@ -74,7 +78,10 @@
                 , hide: hide_load_prev %}
             </div>
           {% endif %}
-          <div id="findify-product-grid" class="findify-product-list">
+          <div
+            id="findify-product-grid"
+            class="findify-product-list"
+          >
             {% comment %}
               This element #findify-product-grid will be replaced with rendered html from sections/findify-products
             {% endcomment %}
@@ -125,7 +132,18 @@
     </div>
     <div id={{ recommendation_id }} class='swiper'></div>
   {% endif %}
-
+  <style>
+     @media (min-width: 768px) {
+      .findify-product-list {
+        grid-template-columns: repeat({{desktop_products_per_view}}, minmax(180px, 1fr));
+      }
+    }
+    @media (max-width: 576px) {
+      .findify-product-list {
+        grid-template-columns: repeat({{mobile_products_per_view}}, minmax(180px, 1fr));
+      }
+    }
+  </style>
   <script>
     if("{{ results_count }}" != "0"){
       if("{{ show_content_integration }}" == 'true') {

From 98ce5b393bd1105d3e7fb176d4429b9c63323a99 Mon Sep 17 00:00:00 2001
From: rozhnovaYana <scream.yv@gmail.com>
Date: Thu, 4 Jul 2024 17:11:18 +0300
Subject: [PATCH 04/11] updated variables location

---
 sections/findify-grid-collection.liquid | 4 ----
 sections/findify-grid-search.liquid     | 5 -----
 snippets/findify-grid-connector.liquid  | 3 +++
 3 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/sections/findify-grid-collection.liquid b/sections/findify-grid-collection.liquid
index 0765b7a..aa74b89 100644
--- a/sections/findify-grid-collection.liquid
+++ b/sections/findify-grid-collection.liquid
@@ -1,9 +1,5 @@
 {%- assign page_url = content_for_header | split: '"pageurl":"' | last | split: '"' | first | split: request.host | last | replace: '\/', '/' | replace: '%20', ' ' | replace: '\u0026', '&' | replace: '%7C', '|' | replace: '%27', "'" -%}
 {%- assign query_parameters = page_url | split: 'sections=findify-grid-collection&' | last -%}
-{%  comment  %} Grid config {% endcomment %}
-
-{%- assign desktop_products_per_view = query_parameters | split: 'desktop_products_per_view:' | last | split: '|' | first | split: '&' | first -%}
-{%- assign mobile_products_per_view = query_parameters | split: 'mobile_products_per_view:' | last | split: '|' | first | split: '&' | first -%}
 
 {% include 'findify-grid-connector' %}
 {% assign findify_filters_component_id = 'findify-filters-sidebar' %}
diff --git a/sections/findify-grid-search.liquid b/sections/findify-grid-search.liquid
index 95aa6c3..84806f7 100644
--- a/sections/findify-grid-search.liquid
+++ b/sections/findify-grid-search.liquid
@@ -1,11 +1,6 @@
 {%- assign page_url = content_for_header | split: '"pageurl":"' | last | split: '"' | first | split: request.host | last | replace: '\/', '/' | replace: '%20', ' ' | replace: '\u0026', '&' | replace: '%7C', '|' | replace: '%27', "'" -%}
 {%- assign query_parameters = page_url | split: 'sections=findify-search&' | last -%}{%- assign query_parameters_products = page_url | split: 'sections=findify-products&' | last -%}
 
-{%  comment  %} Grid config {% endcomment %}
-
-{%- assign desktop_products_per_view = query_parameters | split: 'desktop_products_per_view:' | last | split: '|' | first | split: '&' | first -%}
-{%- assign mobile_products_per_view = query_parameters | split: 'mobile_products_per_view:' | last | split: '|' | first | split: '&' | first -%}
-
 {%  comment  %} Recommendation fallback configuration {% endcomment %}
 {%- assign recommendation_id = query_parameters | split: 'recommendation_id:' | last | split: '|' | first -%}
 {%- assign desktop_slide_per_view = query_parameters | split: 'desktop_slide_per_view:' | last | split: '|' | first | split: '&' | first -%}
diff --git a/snippets/findify-grid-connector.liquid b/snippets/findify-grid-connector.liquid
index fa18b51..cb91053 100644
--- a/snippets/findify-grid-connector.liquid
+++ b/snippets/findify-grid-connector.liquid
@@ -83,6 +83,9 @@
   # 'tab' [ ]
 
   # Grid Settings and configurations
+  assign desktop_products_per_view = query_parameters | split: 'desktop_products_per_view:' | last | split: '|' | first | split: '&' | first 
+  assign mobile_products_per_view = query_parameters | split: 'mobile_products_per_view:' | last | split: '|' | first | split: '&' | first 
+
   assign settingsObj = page_url | split: 'settingsObj=' | last | split: '&' | first
 
   assign color_layout = settingsObj | split: 'color_filter:' | last | split: '|' | first

From 2e5b5feb910e65439f9bbe02cb3675c2e09f8929 Mon Sep 17 00:00:00 2001
From: rozhnovaYana <scream.yv@gmail.com>
Date: Fri, 5 Jul 2024 11:28:19 +0300
Subject: [PATCH 05/11] added quesries

---
 sections/findify-grid-collection.liquid |  4 ++++
 sections/findify-grid-search.liquid     |  4 ++++
 snippets/findify-grid-connector.liquid  |  8 ++++++++
 snippets/findify-query.liquid           | 21 +++++++++++++++++++++
 snippets/findify-toolbar-desktop.liquid | 16 +++++-----------
 snippets/findify-toolbar-mobile.liquid  | 12 +++++-------
 6 files changed, 47 insertions(+), 18 deletions(-)
 create mode 100644 snippets/findify-query.liquid

diff --git a/sections/findify-grid-collection.liquid b/sections/findify-grid-collection.liquid
index 818168b..e511917 100644
--- a/sections/findify-grid-collection.liquid
+++ b/sections/findify-grid-collection.liquid
@@ -9,6 +9,8 @@
       , results_count: products_count
       , is_collection: true
       , terms: terms
+      , corrected_q: corrected_q
+      , query_type: query_type
       , sort_options: sort_options
       , default_sort_by: default_sort_by
       , sort_by: sort_by
@@ -20,6 +22,8 @@
       , results_count: products_count
       , is_collection: true
       , terms: terms
+      , corrected_q: corrected_q
+      , query_type: query_type
       , sort_options: sort_options
       , default_sort_by: default_sort_by
       , sort_by: sort_by
diff --git a/sections/findify-grid-search.liquid b/sections/findify-grid-search.liquid
index b4c5f9d..2500262 100644
--- a/sections/findify-grid-search.liquid
+++ b/sections/findify-grid-search.liquid
@@ -31,6 +31,8 @@
       {% render 'findify-toolbar-desktop'
         , results_count: results_count
         , terms: terms
+        , corrected_q: corrected_q
+        , query_type: query_type
         , sort_options: sort_options
         , default_sort_by: default_sort_by
         , sort_by: sort_by
@@ -41,6 +43,8 @@
       {% render 'findify-toolbar-mobile'
         , results_count: results_count
         , terms: terms
+        , corrected_q: corrected_q
+        , query_type: query_type
         , sort_options: sort_options
         , default_sort_by: default_sort_by
         , sort_by: sort_by
diff --git a/snippets/findify-grid-connector.liquid b/snippets/findify-grid-connector.liquid
index fa18b51..66aa09e 100644
--- a/snippets/findify-grid-connector.liquid
+++ b/snippets/findify-grid-connector.liquid
@@ -31,6 +31,14 @@
     assign terms = page_url | split: 'terms=' | last | split: '&' | first
     # string endcomment
   endif
+  if page_url contains 'corrected_q='
+    assign corrected_q = page_url | split: 'corrected_q=' | last | split: '&' | first
+    # string endcomment
+  endif
+  if page_url contains 'query_type='
+    assign query_type = page_url | split: 'query_type=' | last | split: '&' | first
+    # string endcomment
+  endif
   assign types = page_url | split: 'types=' | last | split: '&' | first | split: ';'
   # string[] endcomment
 
diff --git a/snippets/findify-query.liquid b/snippets/findify-query.liquid
new file mode 100644
index 0000000..4ed51a7
--- /dev/null
+++ b/snippets/findify-query.liquid
@@ -0,0 +1,21 @@
+{% assign term_decoded = terms | url_decode %}
+
+<label class="findify-search-header-label">
+  {% if is_collection == true %}
+    {{ 'findify.collections.products_count' | t: count: results_count }}
+  {% elsif terms == '' %}
+    {{ 'findify.search.results_count' | t: count: results_count }}
+  {% elsif corrected_q != '' %}
+    Showing 36 Results For "{{ corrected_q }}". 0 Results For "
+    {{ term_decoded }}
+    ".
+  {% elsif query_type == 'or' %}
+    Showing 0 Results For "{{ term_decoded }}". Showing Results That Partially
+    Match Instead.
+  {% else %}
+    {{
+      'findify.search.results_count_for'
+      | t: count: results_count, term: term_decoded
+    }}
+  {% endif %}
+</label>
\ No newline at end of file
diff --git a/snippets/findify-toolbar-desktop.liquid b/snippets/findify-toolbar-desktop.liquid
index d735cb2..62905ac 100644
--- a/snippets/findify-toolbar-desktop.liquid
+++ b/snippets/findify-toolbar-desktop.liquid
@@ -11,17 +11,11 @@
         {{ 'findify.filters.filter_by' | t }}
       </button>
     </div>
-
-    <label class="findify-search-header-label">
-      {% if is_collection == true %}
-        {{ 'findify.collections.products_count' | t: count: results_count }}
-      {% elsif terms == "" %}
-        {{ 'findify.search.results_count' | t: count: results_count }}
-      {% else %}
-        {% assign term_decoded = terms | url_decode %}
-        {{ 'findify.search.results_count_for' | t: count: results_count, term: term_decoded }}
-      {% endif %}
-    </label>
+    {%
+      render 'findify-query' terms: terms, results_count: results_count, is_collection: is_collection,       , terms: terms
+      , corrected_q: corrected_q
+      , query_type: query_type
+    %}
     <div>
       {% render 'findify-sorting'
         , options: sort_options
diff --git a/snippets/findify-toolbar-mobile.liquid b/snippets/findify-toolbar-mobile.liquid
index f93cd1c..88a44a1 100644
--- a/snippets/findify-toolbar-mobile.liquid
+++ b/snippets/findify-toolbar-mobile.liquid
@@ -4,13 +4,11 @@
 %}
 
 <div class="findify-search-header mobile">
-  <label class="findify-search-header-label">
-    {% if is_collection == true %}
-      {{ results_count }} products
-    {% else %}
-      Showing {{ results_count }} results for "<b>{{ terms | url_decode }}</b>"
-    {% endif %}
-  </label>
+  {%
+    render 'findify-query' terms: terms, results_count: results_count, is_collection: is_collection,       , terms: terms
+    , corrected_q: corrected_q
+    , query_type: query_type
+  %}
   <div class="findify-search-header-toolbar">
     <div class="findify-search-header-toolbar-actions">
       <button id="{{ filter_toggle_sidepanel_element_id }}" class="findify-search-actions-toggle-btn">

From 5a6fed8bb74c0bf7b2a18c9889dc684383f68bf3 Mon Sep 17 00:00:00 2001
From: rozhnovaYana <scream.yv@gmail.com>
Date: Fri, 5 Jul 2024 11:28:42 +0300
Subject: [PATCH 06/11] added queries

---
 sections/findify-grid-collection.liquid |  4 ++++
 sections/findify-grid-search.liquid     |  4 ++++
 snippets/findify-grid-connector.liquid  |  8 ++++++++
 snippets/findify-query.liquid           | 21 +++++++++++++++++++++
 snippets/findify-toolbar-desktop.liquid | 16 +++++-----------
 snippets/findify-toolbar-mobile.liquid  | 12 +++++-------
 6 files changed, 47 insertions(+), 18 deletions(-)
 create mode 100644 snippets/findify-query.liquid

diff --git a/sections/findify-grid-collection.liquid b/sections/findify-grid-collection.liquid
index 818168b..e511917 100644
--- a/sections/findify-grid-collection.liquid
+++ b/sections/findify-grid-collection.liquid
@@ -9,6 +9,8 @@
       , results_count: products_count
       , is_collection: true
       , terms: terms
+      , corrected_q: corrected_q
+      , query_type: query_type
       , sort_options: sort_options
       , default_sort_by: default_sort_by
       , sort_by: sort_by
@@ -20,6 +22,8 @@
       , results_count: products_count
       , is_collection: true
       , terms: terms
+      , corrected_q: corrected_q
+      , query_type: query_type
       , sort_options: sort_options
       , default_sort_by: default_sort_by
       , sort_by: sort_by
diff --git a/sections/findify-grid-search.liquid b/sections/findify-grid-search.liquid
index b4c5f9d..2500262 100644
--- a/sections/findify-grid-search.liquid
+++ b/sections/findify-grid-search.liquid
@@ -31,6 +31,8 @@
       {% render 'findify-toolbar-desktop'
         , results_count: results_count
         , terms: terms
+        , corrected_q: corrected_q
+        , query_type: query_type
         , sort_options: sort_options
         , default_sort_by: default_sort_by
         , sort_by: sort_by
@@ -41,6 +43,8 @@
       {% render 'findify-toolbar-mobile'
         , results_count: results_count
         , terms: terms
+        , corrected_q: corrected_q
+        , query_type: query_type
         , sort_options: sort_options
         , default_sort_by: default_sort_by
         , sort_by: sort_by
diff --git a/snippets/findify-grid-connector.liquid b/snippets/findify-grid-connector.liquid
index fa18b51..66aa09e 100644
--- a/snippets/findify-grid-connector.liquid
+++ b/snippets/findify-grid-connector.liquid
@@ -31,6 +31,14 @@
     assign terms = page_url | split: 'terms=' | last | split: '&' | first
     # string endcomment
   endif
+  if page_url contains 'corrected_q='
+    assign corrected_q = page_url | split: 'corrected_q=' | last | split: '&' | first
+    # string endcomment
+  endif
+  if page_url contains 'query_type='
+    assign query_type = page_url | split: 'query_type=' | last | split: '&' | first
+    # string endcomment
+  endif
   assign types = page_url | split: 'types=' | last | split: '&' | first | split: ';'
   # string[] endcomment
 
diff --git a/snippets/findify-query.liquid b/snippets/findify-query.liquid
new file mode 100644
index 0000000..4ed51a7
--- /dev/null
+++ b/snippets/findify-query.liquid
@@ -0,0 +1,21 @@
+{% assign term_decoded = terms | url_decode %}
+
+<label class="findify-search-header-label">
+  {% if is_collection == true %}
+    {{ 'findify.collections.products_count' | t: count: results_count }}
+  {% elsif terms == '' %}
+    {{ 'findify.search.results_count' | t: count: results_count }}
+  {% elsif corrected_q != '' %}
+    Showing 36 Results For "{{ corrected_q }}". 0 Results For "
+    {{ term_decoded }}
+    ".
+  {% elsif query_type == 'or' %}
+    Showing 0 Results For "{{ term_decoded }}". Showing Results That Partially
+    Match Instead.
+  {% else %}
+    {{
+      'findify.search.results_count_for'
+      | t: count: results_count, term: term_decoded
+    }}
+  {% endif %}
+</label>
\ No newline at end of file
diff --git a/snippets/findify-toolbar-desktop.liquid b/snippets/findify-toolbar-desktop.liquid
index d735cb2..62905ac 100644
--- a/snippets/findify-toolbar-desktop.liquid
+++ b/snippets/findify-toolbar-desktop.liquid
@@ -11,17 +11,11 @@
         {{ 'findify.filters.filter_by' | t }}
       </button>
     </div>
-
-    <label class="findify-search-header-label">
-      {% if is_collection == true %}
-        {{ 'findify.collections.products_count' | t: count: results_count }}
-      {% elsif terms == "" %}
-        {{ 'findify.search.results_count' | t: count: results_count }}
-      {% else %}
-        {% assign term_decoded = terms | url_decode %}
-        {{ 'findify.search.results_count_for' | t: count: results_count, term: term_decoded }}
-      {% endif %}
-    </label>
+    {%
+      render 'findify-query' terms: terms, results_count: results_count, is_collection: is_collection,       , terms: terms
+      , corrected_q: corrected_q
+      , query_type: query_type
+    %}
     <div>
       {% render 'findify-sorting'
         , options: sort_options
diff --git a/snippets/findify-toolbar-mobile.liquid b/snippets/findify-toolbar-mobile.liquid
index f93cd1c..88a44a1 100644
--- a/snippets/findify-toolbar-mobile.liquid
+++ b/snippets/findify-toolbar-mobile.liquid
@@ -4,13 +4,11 @@
 %}
 
 <div class="findify-search-header mobile">
-  <label class="findify-search-header-label">
-    {% if is_collection == true %}
-      {{ results_count }} products
-    {% else %}
-      Showing {{ results_count }} results for "<b>{{ terms | url_decode }}</b>"
-    {% endif %}
-  </label>
+  {%
+    render 'findify-query' terms: terms, results_count: results_count, is_collection: is_collection,       , terms: terms
+    , corrected_q: corrected_q
+    , query_type: query_type
+  %}
   <div class="findify-search-header-toolbar">
     <div class="findify-search-header-toolbar-actions">
       <button id="{{ filter_toggle_sidepanel_element_id }}" class="findify-search-actions-toggle-btn">

From ae14aed6d971b9fc5b05799134767a1d453acec0 Mon Sep 17 00:00:00 2001
From: rozhnovaYana <scream.yv@gmail.com>
Date: Fri, 5 Jul 2024 12:01:07 +0300
Subject: [PATCH 07/11] added translation

---
 locales/ar.json               |  4 +++-
 locales/da.json               |  4 +++-
 locales/de.json               |  4 +++-
 locales/en.default.json       |  4 +++-
 locales/es.json               |  4 +++-
 locales/fi.json               |  4 +++-
 locales/fr.json               |  4 +++-
 locales/it.json               |  4 +++-
 locales/nl.json               |  4 +++-
 locales/no.json               |  4 +++-
 locales/pl.json               |  4 +++-
 locales/pt-PT.json            |  4 +++-
 locales/sv.json               |  4 +++-
 snippets/findify-query.liquid | 15 +++++++++------
 14 files changed, 48 insertions(+), 19 deletions(-)

diff --git a/locales/ar.json b/locales/ar.json
index 95baa7d..a3cb411 100644
--- a/locales/ar.json
+++ b/locales/ar.json
@@ -25,7 +25,9 @@
       "results_count": "عرض {{ count }} من نتائج",
       "results_count_for": " عرض {{ count }} من نتائج لـ \"{{ term }}\"",
       "no_results_for": "لا توجد نتائج لـ",
-      "no_results_message": "يرجى التحقق من التهجئة أو محاولة مصطلح بحث آخر"
+      "no_results_message": "يرجى التحقق من التهجئة أو محاولة مصطلح بحث آخر",
+      "results_count_for_corrected_query": "عرض {{ count }} نتائج لـ \"{{ corrected_term }}\". 0 نتائج لـ \"{{ term }}\".",
+      "results_count_for_partial_query": "عرض 0 نتائج لـ \"{{ term }}\". عرض النتائج التي تتطابق جزئيًا بدلاً من ذلك."
     },
     "collections": {
       "products_count": "{{ count }} المنتجات",
diff --git a/locales/da.json b/locales/da.json
index fbeea89..bd7106b 100644
--- a/locales/da.json
+++ b/locales/da.json
@@ -25,7 +25,9 @@
       "results_count": "Viser {{ count }} resultater",
       "results_count_for": "Viser {{ count }} resultater for\"{{ term }}\"",
       "no_results_for": "Ingen resultater for",
-      "no_results_message": "Venligst tjek stavningen eller prøv et andet søgeord"
+      "no_results_message": "Venligst tjek stavningen eller prøv et andet søgeord",
+      "results_count_for_corrected_query": "Viser {{ count }} resultater for \"{{ corrected_term }}\". 0 resultater for \"{{ term }}\".",
+      "results_count_for_partial_query": "Viser 0 resultater for \"{{ term }}\". Viser resultater, der delvist matcher i stedet."
     },
     "collections": {
       "products_count": "{{ count }} produkter",
diff --git a/locales/de.json b/locales/de.json
index 3deaeff..c883afc 100644
--- a/locales/de.json
+++ b/locales/de.json
@@ -25,7 +25,9 @@
       "results_count": "{{ count }} Ergebnisse werden angezeigt",
       "results_count_for": " {{ count }} Ergebnisse werden angezeigt für \"{{ term }}\"",
       "no_results_for": "Keine Ergebnisse für",
-      "no_results_message": "Bitte überprüfen Sie die Rechtschreibung oder versuchen Sie es mit einem anderen Suchbegriff"
+      "no_results_message": "Bitte überprüfen Sie die Rechtschreibung oder versuchen Sie es mit einem anderen Suchbegriff",
+      "results_count_for_corrected_query": "Es werden {{ count }} Ergebnisse für \"{{ corrected_term }}\" angezeigt. 0 Ergebnisse für \"{{ term }}\".",
+      "results_count_for_partial_query": "Es werden 0 Ergebnisse für \"{{ term }}\" angezeigt. Stattdessen werden Ergebnisse angezeigt, die teilweise übereinstimmen."
     },
     "collections": {
       "products_count": "{{ count }} produkte",
diff --git a/locales/en.default.json b/locales/en.default.json
index 3d3b7bc..3d8799a 100644
--- a/locales/en.default.json
+++ b/locales/en.default.json
@@ -25,7 +25,9 @@
       "results_count": "Showing {{ count }} results",
       "results_count_for": "Showing {{ count }} results for \"{{ term }}\"",
       "no_results_for": "No results for",
-      "no_results_message": "Please check the spelling or try another search term"
+      "no_results_message": "Please check the spelling or try another search term",
+      "results_count_for_corrected_query": "Showing {{ count }} Results For \"{{ corrected_term }}\". 0 Results For \"{{ term }}\".",
+      "results_count_for_partial_query": "Showing 0 Results For \"{{ term }}\". Showing Results That PartiallyMatch Instead."
     },
     "collections": {
       "products_count": "{{ count }} products",
diff --git a/locales/es.json b/locales/es.json
index 0fed20b..d4a3a5a 100644
--- a/locales/es.json
+++ b/locales/es.json
@@ -25,7 +25,9 @@
       "results_count": "Se muestran {{ count }} resultados",
       "results_count_for": " Se muestran {{ count }} resultados para \"{{ term }}\"",
       "no_results_for": " No hemos encontrado ningún resultado para ",
-      "no_results_message": "Por favor, verifica la ortografía o intenta con otro término de búsqueda"
+      "no_results_message": "Por favor, verifica la ortografía o intenta con otro término de búsqueda",
+      "results_count_for_corrected_query": "Kuvatakse {{ count }} tulemused päringule \"{{ corrected_term }}\". 0 tulemust päringule \"{{ term }}\".",
+      "results_count_for_partial_query": "Kuvatakse 0 tulemust päringule \"{{ term }}\". Selle asemel kuvatakse tulemused, mis osaliselt vastavad."
     },
     "collections": {
       "products_count": "{{ count }} productos",
diff --git a/locales/fi.json b/locales/fi.json
index a768873..5fb7021 100644
--- a/locales/fi.json
+++ b/locales/fi.json
@@ -25,7 +25,9 @@
       "results_count": "Näyttää {{ count }} tulosta",
       "results_count_for": "Näyttää {{ count }} tulosta tuotteelle \"{{ term }}\"",
       "no_results_for": "Ei tuloksia",
-      "no_results_message": "Tarkista oikeinkirjoitus tai kokeile toista hakusanaa"
+      "no_results_message": "Tarkista oikeinkirjoitus tai kokeile toista hakusanaa",
+      "results_count_for_corrected_query": "Näytetään {{ count }} tulokset haulle \"{{ corrected_term }}\". 0 tulosta haulle \"{{ term }}\".",
+      "results_count_for_partial_query": "Näytetään 0 tulosta haulle \"{{ term }}\". Näytetään sen sijaan osittain vastaavat tulokset."
     },
     "collections": {
       "products_count": "{{ count }} tuotteet",
diff --git a/locales/fr.json b/locales/fr.json
index f7e5c73..6acf222 100644
--- a/locales/fr.json
+++ b/locales/fr.json
@@ -25,7 +25,9 @@
       "results_count": "Afficher {{ count }} résultats",
       "results_count_for": "Afficher {{ count }} résultats pour \"{{ term }}\"",
       "no_results_for": "Aucun résultat pour",
-      "no_results_message": "Veuillez vérifier l'orthographe ou essayer un autre terme de recherche"
+      "no_results_message": "Veuillez vérifier l'orthographe ou essayer un autre terme de recherche",
+      "results_count_for_corrected_query": "Affichage de {{ count }} résultats pour \"{{ corrected_term }}\". 0 résultats pour \"{{ term }}\".",
+      "results_count_for_partial_query": "Affichage de 0 résultats pour \"{{ term }}\". Affichage des résultats qui correspondent partiellement à la place."
     },
     "collections": {
       "products_count": "{{ count }} produits",
diff --git a/locales/it.json b/locales/it.json
index 74c061a..c272528 100644
--- a/locales/it.json
+++ b/locales/it.json
@@ -25,7 +25,9 @@
       "results_count": "Mostrati {{ count }} risultati",
       "results_count_for": "Mostrati {{ count }} risultati per \"{{ term }}\"",
       "no_results_for": "Nessun risultato per",
-      "no_results_message": "Controlla i parametri di ricerca e riprova"
+      "no_results_message": "Controlla i parametri di ricerca e riprova",
+      "results_count_for_corrected_query": "Visualizzazione di {{ count }} risultati per \"{{ corrected_term }}\". 0 risultati per \"{{ term }}\".",
+      "results_count_for_partial_query": "Visualizzazione di 0 risultati per \"{{ term }}\". Vengono invece visualizzati i risultati che corrispondono parzialmente."
     },
     "collections": {
       "products_count": "{{ count }} prodotti",
diff --git a/locales/nl.json b/locales/nl.json
index 1ac4c79..4d9d951 100644
--- a/locales/nl.json
+++ b/locales/nl.json
@@ -25,7 +25,9 @@
       "results_count": " {{ count }} resultaten getoond",
       "results_count_for": " {{ count }} resultaten getoond voor \"{{ term }}\"",
       "no_results_for": "Geen resultaten voor",
-      "no_results_message": "Controleer alstublieft de spelling of probeer een ander zoekterm"
+      "no_results_message": "Controleer alstublieft de spelling of probeer een ander zoekterm",
+      "results_count_for_corrected_query": "Toont {{ count }} resultaten voor \"{{ corrected_term }}\". 0 resultaten voor \"{{ term }}\".",
+      "results_count_for_partial_query": "Toont 0 resultaten voor \"{{ term }}\". Resultaten weergeven die gedeeltelijk overeenkomen."
     },
     "collections": {
       "products_count": "{{ count }} producten",
diff --git a/locales/no.json b/locales/no.json
index 342834a..74440e9 100644
--- a/locales/no.json
+++ b/locales/no.json
@@ -25,7 +25,9 @@
       "results_count": "Viser {{ count }} resultater",
       "results_count_for": " Viser {{ count }} resultater for \"{{ term }}\"",
       "no_results_for": "Ingen resultater for",
-      "no_results_message": " Vennligst sjekk stavingen eller prøv et annet søkeord "
+      "no_results_message": " Vennligst sjekk stavingen eller prøv et annet søkeord ",
+      "results_count_for_corrected_query": "Viser {{ count }} resultater for \"{{ corrected_term }}\". 0 resultater for \"{{ term }}\".",
+      "results_count_for_partial_query": "Viser 0 resultater for \"{{ term }}\". Viser resultater som delvis samsvarer i stedet."
     },
     "collections": {
       "products_count": "{{ count }} produkter",
diff --git a/locales/pl.json b/locales/pl.json
index 769aafb..e5bc6a9 100644
--- a/locales/pl.json
+++ b/locales/pl.json
@@ -25,7 +25,9 @@
       "results_count": "Wyświetlanie {{ count }} wyników",
       "results_count_for": "Wyświetlanie {{ count }} wyników dla \"{{ term }}\"",
       "no_results_for": "Brak wyników dla ",
-      "no_results_message": "Proszę sprawdzić pisownię lub spróbować innego terminu wyszukiwania"
+      "no_results_message": "Proszę sprawdzić pisownię lub spróbować innego terminu wyszukiwania",
+      "results_count_for_corrected_query": "Wyświetlanie {{ count }} wyników dla „{{ corrected_term }}”. 0 wyników dla \"{{ term }}\".",
+      "results_count_for_partial_query": "Wyświetlanie 0 wyników dla „{{ term }}”. Zamiast tego wyświetlanie wyników, które są częściowo zgodne."
     },
     "collections": {
       "products_count": "{{ count }} produkty",
diff --git a/locales/pt-PT.json b/locales/pt-PT.json
index b37eca9..c2ea6ad 100644
--- a/locales/pt-PT.json
+++ b/locales/pt-PT.json
@@ -25,7 +25,9 @@
       "results_count": "A mostrar {{ count }} resultados",
       "results_count_for": "A mostrar {{ count }} resultados para \"{{ term }}\"",
       "no_results_for": "Sem resultados para",
-      "no_results_message": "Por favor, verifique a ortografia ou tente outro termo de pesquisa"
+      "no_results_message": "Por favor, verifique a ortografia ou tente outro termo de pesquisa",
+      "results_count_for_corrected_query": "Mostrando {{ count }} resultados para \"{{ corrected_term }}\". 0 Resultados para \"{{ term }}\".",
+      "results_count_for_partial_query": "Exibindo 0 resultados para \"{{ term }}\". Mostrando resultados que correspondem parcialmente."
     },
     "collections": {
       "products_count": "{{ count }} produtos",
diff --git a/locales/sv.json b/locales/sv.json
index 9aac792..677c0b5 100644
--- a/locales/sv.json
+++ b/locales/sv.json
@@ -25,7 +25,9 @@
       "results_count": "Visar {{ count }} resultat",
       "results_count_for": "Visar {{ count }} resultat för \"{{ term }}\"",
       "no_results_for": "Inga resultat för",
-      "no_results_message": " Vänligen kontrollera stavningen eller prova med ett annat sökord"
+      "no_results_message": " Vänligen kontrollera stavningen eller prova med ett annat sökord",
+      "results_count_for_corrected_query": "Visar {{ count }} resultat för \"{{ corrected_term }}\". 0 resultat för \"{{ term }}\".",
+      "results_count_for_partial_query": "Visar 0 resultat för \"{{ term }}\". Visar resultat som delvis matchar istället."
     },
     "collections": {
       "products_count": "{{ count }} produkter",
diff --git a/snippets/findify-query.liquid b/snippets/findify-query.liquid
index 4ed51a7..7355aa4 100644
--- a/snippets/findify-query.liquid
+++ b/snippets/findify-query.liquid
@@ -6,16 +6,19 @@
   {% elsif terms == '' %}
     {{ 'findify.search.results_count' | t: count: results_count }}
   {% elsif corrected_q != '' %}
-    Showing 36 Results For "{{ corrected_q }}". 0 Results For "
-    {{ term_decoded }}
-    ".
+    {{
+      'findify.search.results_count_for_corrected_query'
+      | t: count: results_count, term: term_decoded, corrected_term: corrected_q
+    }}
   {% elsif query_type == 'or' %}
-    Showing 0 Results For "{{ term_decoded }}". Showing Results That Partially
-    Match Instead.
+    {{
+      'findify.search.results_count_for_partial_query'
+      | t: term: term_decoded
+    }}
   {% else %}
     {{
       'findify.search.results_count_for'
       | t: count: results_count, term: term_decoded
     }}
   {% endif %}
-</label>
\ No newline at end of file
+</label>

From 1819b786e376234af2264307dc9b822892e5c505 Mon Sep 17 00:00:00 2001
From: Alexander <53477245+a1exFindify@users.noreply.github.com>
Date: Thu, 18 Jul 2024 13:01:29 +0300
Subject: [PATCH 08/11] analytics fix

---
 assets/findify-analytics.js           | 28 +++++++++++++++++++++++++--
 assets/findify-product-card.js        |  2 +-
 sections/findify-product-card.liquid  |  2 +-
 snippets/findify-head-injector.liquid | 21 ++++++++++----------
 4 files changed, 38 insertions(+), 15 deletions(-)

diff --git a/assets/findify-analytics.js b/assets/findify-analytics.js
index caa5cd0..67e68e4 100644
--- a/assets/findify-analytics.js
+++ b/assets/findify-analytics.js
@@ -3,6 +3,7 @@
    * productPageAnalyticsTagSelectorId can be found in findify-head-injector
    */
   const productPageAnalyticsTagSelectorId = "findify-analytics-product";
+  
   const isProductDetails = () =>
     !!document.getElementById(productPageAnalyticsTagSelectorId);
 
@@ -18,21 +19,44 @@
     const ref = window.document.referrer;
     const url = window.location.href;
     const page_type = getPageType();
+    const itemId = document.getElementById(productPageAnalyticsTagSelectorId)?.getAttribute('data-findify-item-id');
+    const variantId = document.getElementById(productPageAnalyticsTagSelectorId)?.getAttribute('data-findify-variant-item-id');
+
+    const sendEvent = (...props) => findify.core.analytics.sendEvent("view-page", ...props)
 
     try {
-      findify.core.analytics.sendEvent("view-page", {
+      sendEvent({
         width,
         height,
         ref,
         url,
         page_type,
+        item_id: itemId,
+        variant_item_id: variantId
       });
     } catch (error) {
       console.error("Error sending view-page event", error);
     }
   };
 
-  const updateCartEvent = () => {};
+  const updateCartEvent = () => {
+    const cart = document.querySelector('[data-findify-event="update-cart"]');
+    const cartItems = cart &&  Array.prototype.slice.call(cart.children);
+    const items = cartItems.map(item => {
+      return {
+        item_id: item.getAttribute('data-findify-item-id'), 
+        variant_item_id: item.getAttribute('data-findify-variant-item-id'),
+        unit_price: item.getAttribute('data-findify-unit-price'), 
+        quantity: item.getAttribute('data-findify-quantity')
+      }
+    }) || [];
+    
+    try {
+      findify.core.analytics.sendEvent("update-cart", {line_items: items});
+    } catch (error) {
+      console.error("Error sending update-cart event", error);
+    }
+  };
 
   setTimeout(() => {
     viewPageEvent();
diff --git a/assets/findify-product-card.js b/assets/findify-product-card.js
index 301b080..f8e51f1 100644
--- a/assets/findify-product-card.js
+++ b/assets/findify-product-card.js
@@ -30,7 +30,7 @@ const savePosition = (id, page) => {
 }
 
 const initOnProductCardClick = (id, page, properties) => {
-  document.getElementById(id).addEventListener("click", (e) => {
+  document.querySelector(`.${properties.widget}_${id}`).addEventListener("click", (e) => {
     initProductCardAnalytics(id, properties);
     savePosition(id, page);
   });
diff --git a/sections/findify-product-card.liquid b/sections/findify-product-card.liquid
index 8a85fc2..ae58195 100644
--- a/sections/findify-product-card.liquid
+++ b/sections/findify-product-card.liquid
@@ -3,7 +3,7 @@
 <div 
   id="{{ id }}"
   product-id="product-{{ id }}" 
-  class="findify-product-card {{ class }}" 
+  class="findify-product-card {{ class }} {{ widget }}_{{ id }}"
   {%if page != blank%}
     page="{{ page }}"
   {%endif%}
diff --git a/snippets/findify-head-injector.liquid b/snippets/findify-head-injector.liquid
index 0013a86..1f818d8 100644
--- a/snippets/findify-head-injector.liquid
+++ b/snippets/findify-head-injector.liquid
@@ -6,17 +6,16 @@
     data-findify-variant-item-id="{{product.selected_or_first_available_variant.id}}"></div>
 {% endif %}
 
-{% if cart %}
-  <div data-findify-event="update-cart">
-    {% for item in cart.items %}
-      <div
-        data-findify-item-id="{{ item.product_id }}"
-        data-findify-variant-item-id="{{item.variant_id}}"
-        data-findify-unit-price="{{ item.price | money_without_currency }}"
-        data-findify-quantity="{{ item.quantity }}"></div>
-    {% endfor %}
-  </div>
-{% endif %}
+
+<div data-findify-event="update-cart">
+  {% for item in cart.items %}
+    <div
+      data-findify-item-id="{{ item.product_id }}"
+      data-findify-variant-item-id="{{item.variant_id}}"
+      data-findify-unit-price="{{ item.price | money_without_currency }}"
+      data-findify-quantity="{{ item.quantity }}"></div>
+  {% endfor %}
+</div>
 
 <script>
   window.findify = {

From 8377806ee56d81d6037342c6fe59ad38dc487746 Mon Sep 17 00:00:00 2001
From: Sipkao <sipkaoagency@gmail.com>
Date: Thu, 18 Jul 2024 11:57:37 +0100
Subject: [PATCH 09/11] analytics relies on findify.core.init

---
 assets/findify-analytics.js         | 16 ++++++++--------
 sections/findify-grid-search.liquid |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/assets/findify-analytics.js b/assets/findify-analytics.js
index caa5cd0..8656fdb 100644
--- a/assets/findify-analytics.js
+++ b/assets/findify-analytics.js
@@ -2,14 +2,14 @@
   /**
    * productPageAnalyticsTagSelectorId can be found in findify-head-injector
    */
-  const productPageAnalyticsTagSelectorId = "findify-analytics-product";
+  const productPageAnalyticsTagSelectorId = 'findify-analytics-product';
   const isProductDetails = () =>
     !!document.getElementById(productPageAnalyticsTagSelectorId);
 
   const getPageType = () => {
-    if (isProductDetails()) return "product-details";
-    if (findify.utils.isSearch()) return "search-results";
-    if (findify.utils.isCollection()) return "smart-collection";
+    if (isProductDetails()) return 'product-details';
+    if (findify.utils.isSearch()) return 'search-results';
+    if (findify.utils.isCollection()) return 'smart-collection';
   };
 
   const viewPageEvent = () => {
@@ -20,7 +20,7 @@
     const page_type = getPageType();
 
     try {
-      findify.core.analytics.sendEvent("view-page", {
+      findify.core.analytics.sendEvent('view-page', {
         width,
         height,
         ref,
@@ -28,14 +28,14 @@
         page_type,
       });
     } catch (error) {
-      console.error("Error sending view-page event", error);
+      console.error('Error sending view-page event', error);
     }
   };
 
   const updateCartEvent = () => {};
 
-  setTimeout(() => {
+  findify.core.init.then(() => {
     viewPageEvent();
     updateCartEvent();
-  }, 1000);
+  });
 })();
diff --git a/sections/findify-grid-search.liquid b/sections/findify-grid-search.liquid
index b4c5f9d..e6563f7 100644
--- a/sections/findify-grid-search.liquid
+++ b/sections/findify-grid-search.liquid
@@ -143,7 +143,7 @@
           recommendation_title
         })
         
-      findify.core.init.promise.then(() => {
+      findify.core.init.then(() => {
         initRecommendation()
         window.addEventListener("popstate", () => {
           initRecommendation();

From 1e90b80010d98a1ced6f710f9a79a7dbe78b8baf Mon Sep 17 00:00:00 2001
From: Sipkao <sipkaoagency@gmail.com>
Date: Thu, 18 Jul 2024 11:59:03 +0100
Subject: [PATCH 10/11] Version bumped up

---
 snippets/findify-head-injector.liquid | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/snippets/findify-head-injector.liquid b/snippets/findify-head-injector.liquid
index 0013a86..851557d 100644
--- a/snippets/findify-head-injector.liquid
+++ b/snippets/findify-head-injector.liquid
@@ -20,7 +20,7 @@
 
 <script>
   window.findify = {
-    current_version: "2024-07.01", // DO NOT MODIFY! This is required within Shopify App Side, a Regex will extract the current version.
+    current_version: "2024-07.02", // DO NOT MODIFY! This is required within Shopify App Side, a Regex will extract the current version.
     product_fields: {
         include: [], // Include, also, these fields to be returned to liquid section
         exclude: [], // Exclude these fields from being sent to liquid section

From 1b700152d16ce84dfdb85e8e4a0827367399b7d1 Mon Sep 17 00:00:00 2001
From: rozhnovaYana <scream.yv@gmail.com>
Date: Fri, 19 Jul 2024 13:06:46 +0300
Subject: [PATCH 11/11] added static pagination

---
 assets/findify-content.js            | 258 ++++++++++++++++-----------
 sections/findify-grid-search.liquid  |  14 +-
 sections/findify-pagination.liquid   |   3 +
 snippets/findify-content-grid.liquid |   7 +-
 4 files changed, 179 insertions(+), 103 deletions(-)

diff --git a/assets/findify-content.js b/assets/findify-content.js
index a9ca6f4..6b8024a 100644
--- a/assets/findify-content.js
+++ b/assets/findify-content.js
@@ -1,100 +1,158 @@
-/*
- *   Description: Bind infinite scroll event on window, and checking the div with id if shown and active and reached
- *   @return void;
- */
-const initFindifyContentEvents = () => {
-  const contentIntegrations = Object.keys(findify.grid.liquid?.contents).map((id) => ({
-    id,
-  }));
-  contentIntegrations.forEach(({ id }) => {
-    const infiniteScrollElement = document.getElementById(
-      `${id}-infinite-scroll`
-    );
-
-    /*
-     *   @return boolean;
-     */
-    const isContentDisplayed = () => {
-      return document.getElementById(`${id}-content`).style.display === "block";
-    };
-
-    const hasNextPage = (currentPage, lastPage) => currentPage <= lastPage;
-
-    const scrollEventOptions = { passive: true };
-
-    const onScrollFunction = async () => {
-      const currentPage =
-        findify.contents.state[id].meta.offset /
-          findify.contents.state[id].meta.limit +
-        1;
-      const lastPage = Math.ceil(
-        findify.contents.state[id].meta.total /
-          findify.contents.state[id].meta.limit
-      );
-      if (
-        isContentDisplayed() &&
-        !findify.contents.state[id].loading &&
-        findify.utils.isInViewport(infiniteScrollElement) &&
-        hasNextPage(currentPage, lastPage)
-      ) {
-        findify.contents.state[id] = {
-          ...findify.contents.state[id],
-          loading: true,
-        };
-
-        const offset =
-          findify.contents.state[id].meta.offset +
-          findify.contents.state[id].meta.limit;
-        const contentToLoad = {
-          [id]: {
-            title: findify.grid.liquid?.contents[id].title,
-          },
-        };
-        const response = await findify.contents.api(contentToLoad, {
-          offset,
-        });
-        await findify.grid.renderContents({
-          [id]: {
-            ...response[id],
-            items: [...response[id].items].splice(
-              response[id].meta.offset,
-              response[id].meta.offset
-            ),
-          },
-        });
-
-        const updatedPage = offset / findify.contents.state[id].meta.limit + 1;
-        if (lastPage <= updatedPage) {
-          removeLoader();
-        }
-        findify.contents.state[id].loading = false;
-      }
-    };
-
-    const removeLoader = () => {
-      infiniteScrollElement?.remove();
-      window.removeEventListener(
-        "scroll",
-        onScrollFunction,
-        scrollEventOptions
-      );
-    };
-
-    const lastPage = Math.ceil(
-      findify.contents.state[id].meta.total /
-        findify.contents.state[id].meta.limit
-    );
-    const currentPage =
-      findify.contents.state[id].meta.offset /
-        findify.contents.state[id].meta.limit +
-      1;
-    if (
-      lastPage <= currentPage ||
-      findify.contents.state[id].meta.total === 0
-    ) {
-      removeLoader();
-    } else {
-      window.addEventListener("scroll", onScrollFunction, scrollEventOptions);
-    }
-  });
-};
+/*
+ *   Description: Bind infinite scroll event on window, and checking the div with id if shown and active and reached
+ *   @return void;
+ */
+const initFindifyContentEvents = () => {
+  const contentIntegrations = Object.keys(findify.grid.liquid?.contents).map((id) => ({
+    id,
+  }));
+
+  const updateActivePage = async (page, content_id) => {
+    const contentSelector = `#${content_id}-content`;
+    const offset = (page - 1) * findify.contents.state[content_id].meta.limit;
+    window.scrollTo({ top: 0, behavior: "smooth" });
+
+    const contentToLoad = {
+      [content_id]: {
+        title: findify.grid.liquid?.contents[content_id].title,
+      },
+    };
+
+    const response = await findify.contents.api(
+      contentToLoad,
+      {
+        offset,
+        limit: findify.contents.state[content_id].meta.limit,
+      },
+      true
+    );
+
+    await findify.pagination.render(
+      response[content_id]?.meta,
+      `#${content_id}-content`
+    );
+    // findify.utils.executeElementScripts(
+    //   document.querySelector(`#${id}-content #findify-pagination`)
+    // );
+
+    await findify.grid.renderContents(
+      {
+        [content_id]: {
+          ...response[content_id],
+          items: [...response[content_id].items],
+        },
+      },
+      false,
+      true
+    );
+  };
+
+  contentIntegrations.forEach(({ id }) => {
+    const infiniteScrollElement = document.getElementById(
+      `${id}-infinite-scroll`
+    );
+
+    /*
+     *   @return boolean;
+     */
+    const isContentDisplayed = () => {
+      return document.getElementById(`${id}-content`).style.display === "block";
+    };
+
+    const hasNextPage = (currentPage, lastPage) => currentPage <= lastPage;
+
+    const scrollEventOptions = { passive: true };
+
+    const onScrollFunction = async () => {
+      const currentPage =
+        findify.contents.state[id].meta.offset /
+          findify.contents.state[id].meta.limit +
+        1;
+      const lastPage = Math.ceil(
+        findify.contents.state[id].meta.total /
+          findify.contents.state[id].meta.limit
+      );
+      if (
+        isContentDisplayed() &&
+        !findify.contents.state[id].loading &&
+        findify.utils.isInViewport(infiniteScrollElement) &&
+        hasNextPage(currentPage, lastPage)
+      ) {
+        findify.contents.state[id] = {
+          ...findify.contents.state[id],
+          loading: true,
+        };
+
+        const offset =
+          findify.contents.state[id].meta.offset +
+          findify.contents.state[id].meta.limit;
+        const contentToLoad = {
+          [id]: {
+            title: findify.grid.liquid?.contents[id].title,
+          },
+        };
+        const response = await findify.contents.api(contentToLoad, {
+          offset,
+        });
+        await findify.grid.renderContents({
+          [id]: {
+            ...response[id],
+            items: [...response[id].items].splice(
+              response[id].meta.offset,
+              response[id].meta.offset
+            ),
+          },
+        });
+
+        const updatedPage = offset / findify.contents.state[id].meta.limit + 1;
+        if (lastPage <= updatedPage) {
+          removeLoader();
+        }
+        findify.contents.state[id].loading = false;
+      }
+    };
+
+    const removeLoader = () => {
+      infiniteScrollElement?.remove();
+      window.removeEventListener(
+        "scroll",
+        onScrollFunction,
+        scrollEventOptions
+      );
+    };
+
+    const lastPage = Math.ceil(
+      findify.contents.state[id].meta.total /
+        findify.contents.state[id].meta.limit
+    );
+    const currentPage =
+      findify.contents.state[id].meta.offset /
+        findify.contents.state[id].meta.limit +
+      1;
+    if (
+      lastPage <= currentPage ||
+      findify.contents.state[id].meta.total === 0
+    ) {
+      removeLoader();
+    } else {
+      window.addEventListener("scroll", onScrollFunction, scrollEventOptions);
+    }
+     // pagination
+
+     const initPagination = () => {
+      const links = document.querySelectorAll(
+        `#${id}-content .pagination__item.link`
+      );
+
+      links.forEach((link) =>
+        link.addEventListener("click", async (e) => {
+          e.preventDefault();
+          const page = link.getAttribute("data-value");
+          page && (await updateActivePage(page, id));
+          initPagination();
+        })
+      );
+    };
+    initPagination();
+  });
+};
diff --git a/sections/findify-grid-search.liquid b/sections/findify-grid-search.liquid
index b4c5f9d..e61ca09 100644
--- a/sections/findify-grid-search.liquid
+++ b/sections/findify-grid-search.liquid
@@ -13,6 +13,16 @@
 {% else %}
   {%- assign show_content_integration = true -%}
 {% endif %}
+
+{%- assign content_lazy_loading_pagination = query_parameters
+  | split: 'content_lazy_loading_pagination:'
+  | last
+  | split: '|'
+  | first
+  | split: '&'
+  | first
+-%}
+
 {% assign findify_filters_component_id = 'findify-filters-sidebar' %}
 <div id="findify-search" class="findify-search-section">
   {% if results_count > 0 %}
@@ -111,7 +121,9 @@
         {% assign content_id = tab | split: '~' | first %}
         <div id="{{content_id}}-content" class="findify-tab-content">
           {% render 'findify-content-grid'
-            , content_id: content_id %}
+            , content_id: content_id
+            , content_lazy_loading_pagination: content_lazy_loading_pagination
+            %}
         </div>
       {% endfor %}
     {% endif %}
diff --git a/sections/findify-pagination.liquid b/sections/findify-pagination.liquid
index 8bf897d..cd60a6c 100644
--- a/sections/findify-pagination.liquid
+++ b/sections/findify-pagination.liquid
@@ -41,6 +41,7 @@
         {%- if previous -%}
           <li>
             <a
+              data-value='{{ previous_title }}'
               href="{{ previous_url }}{{ anchor }}"
               class="pagination__item pagination__item--next pagination__item-arrow link motion-reduce"
               aria-label="{{ 'general.pagination.previous' | t }}">
@@ -62,6 +63,7 @@
             {%- if is_link -%}
               <a
                 href="{{ url }}{{ anchor }}"
+                data-value='{{ title }}'
                 class="pagination__item link"
                 aria-label="{{ 'general.pagination.page' | t: number: title }}">{{ title }}</a>
             {%- else -%}
@@ -82,6 +84,7 @@
         {%- if next -%}
           <li>
             <a
+              data-value='{{ next_title }}'
               href="{{ next_url }}{{ anchor }}"
               class="pagination__item pagination__item--prev pagination__item-arrow link motion-reduce"
               aria-label="{{ 'general.pagination.next' | t }}">
diff --git a/snippets/findify-content-grid.liquid b/snippets/findify-content-grid.liquid
index fddc150..6d553f8 100644
--- a/snippets/findify-content-grid.liquid
+++ b/snippets/findify-content-grid.liquid
@@ -4,6 +4,9 @@
 
 <div class="findify-content-grid">
   <div id="content-tab-{{content_id}}" class="findify-content-list"></div>
-  {% render 'findify-lazy-loading-pagination'
-    , id: content_id %}
+  {% if content_lazy_loading_pagination == 'true' %}
+    {% render 'findify-lazy-loading-pagination', id: content_id %}
+  {% else %}
+    <div id="findify-pagination"></div>
+  {% endif %}
 </div>
\ No newline at end of file