additions

Author: Stubbe

README.org

@@ -9,17 +9,24 @@
 *** Live Search
 
     - Change Product Image to variant best matching query.
-    - Changed Product Name to variant best matching query.
+    - Changed Product Name to variant best matching query ?
 
 *** Search Page
 
     - Change Product Image to variant best matching query.
-    - Changed Product Name to variant best matching query.
+    - Changed Product Name to variant best matching query ?
     - Change Product Image to variant best matching facet selection.
-    - Change Product Name to variant best matching product selection.
+    - Change Product Name to variant best matching product selection ?
 
 *** Feed
 
     - Provide Variant names array.
     - Provide Variant Images array.
-    - Provide Variant Keyswords array.
+    - Provide Variant Keyswords/Synonyms array.
+
+*** Expected behaviour with example
+
+    You should expect that the image for a product in the live search is changed to match keywords provided per variant. This could be done with any string attribute list.
+    It has the caveat of not doing a fuzzy match, however it also allows you wider control of when to change variant images since you can directly address this by changing data in the list.
+
+    When providing a data attribute for which attributes to change picture for based on facet selection, it will overwrite the image selection based on the query, and instead use the variant value from the selected facet.

live_search/live_search.liquid

@@ -35,8 +35,7 @@
                     {% assign variant_synonyms = variant_synonyms + '|' %}
                 {% endif %}
 
-                {% if loAs we talked about during the alignment meeting, we have made some design streamlining to My Clerk. It would be awesome if you could test some things out on staging 1 (https://staging1-my.clerk.io/)
-                op.index0 < lim %}
+                {% if loop.index0 < lim %}
                 <a class="clerk_instant_search_link" href="{{ product.url }}">
                     <div class="clerk_instant_search_product" data-variant-synonyms="{{ variant_synonyms }}" data-variant-images="{{ variant_images }}">
                     <img class="clerk_instant_search_product_image" src="{{ product.image }}" />