Function doesnt work

[imSanv]

Hello!
I implemented all things but i can't see your design and the js doesn't work i select my size and doesnt make anything, i don't know what happened, i followed all steps but i dont found product-loop

Please help me! Thank you

[jglovier]

Hi @imSanv, it's very hard to troubleshoot without more details, or actually seeing your implementation. If you have it in a repo or want to paste it into a Gist, I'd be happy to take a look and see if I can spot the issue.

Also, did you check your browser for console errors? If there is an error in the browser console, that might help you pinpoint the issue.

[michaelkingbaa]

Hi @jglovier!

I'm having sort of the same issue as the previous poster.

Here's my product-loop.liquid file:

{% assign product_found = false %}
{% assign skip = false %}

{% capture new_row %}
    <br class="clear product_clear" />
{% endcapture %}

{% for product in products limit: limit %}

  {% if product.id == skip_product.id or skip == true %}
    {% assign product_found = true %}
  {% else %}
    {% if forloop.rindex0 == 0 and product_found == false and forloop.length != products.count and template != 'search' %}
      {% assign skip = true %}
    {% else %}

      {% include 'product-thumbnail' with product-loop %}

      {% if products_per_row == "2" %}
        {% cycle '', new_row %}
      {% elsif products_per_row == "3" %}
        {% cycle '', '', new_row %}    
      {% elsif products_per_row == "4" %}  
        {% cycle '', '', '', new_row %}
      {% endif %}
    {% endif %}    
  {% endif %}
  
{% endfor %}


js-size-filter
{% for variant in product.variants %}
	{% if variant.available %}
		size-{{ variant.title }}
	{% endif %}
{% endfor %}

Any pointers would be appreciated!

-Mike

[joesasson]

@michaelkingbaa I think the intention of the code in Step 4 is to set a class for the actual product thumbnails to be selected by js. It looks like in your code (like in mine) the product thumbnails are somewhere else. In mine, it was in a file called product-thumbnail.liquid but it doesn't really matter. The point is that you are inserting

js-size-filter
{% for variant in product.variants %}
	{% if variant.available %}
		size-{{ variant.title }}
	{% endif %}
{% endfor %}

into the class attribute of your thumbnail.