I'm trying to use the isotope filter functions in the "portfolio" plugin component. I imported this working example (https://codepen.io/desandro/pen/nFrte) to help me, but the filter function doesn't work with on my code. how can I get it to work?

here is my component:

<pre><code>

<h2>Filter</h2>

<div id="filters" class="button-group">  <button class="button is-checked" data-filter="*">show   all</button>
  {% for item in __SELF__.portfolio %}<button class="button" data-filter="{{ item.category.name }}">{{ item.category.name }} </button>{% endfor %}
</div>

<div class="grid">
  {% for item in __SELF__.portfolio %}
  <div class="element-item {{ item.category.name }} " data-category="{{ item.category.name }}">
    <h3 class="name">{{ item.category.name }}</h3>
  </div>

{% endfor %}

</div>
</code></pre>

Last updated 7 years ago