FROM CACHE - en_header

Filter on PageFly collection page

Communauthé
New Member
1 0 0

Hello everybody,

Hope you're doing well.
I have a question regarding an element on my collection page in Pagefly.

So I have this "filter by tags" done in HTML at the top of my collection, which I would like it to appear not on ALL collections but only on one specific one.

Here is the HTML code : 

<div class="clearfix filter">
<p>Trier par type de thé</p>
<select class="coll-filter">
<option value="">Tous les types</option>
{% for tag in collection.all_tags %} {% if current_tags contains tag %}
<option value="{{ tag | handle }}" selected>{{ tag }}</option>
{% else %}
<option value="{{ tag | handle }}">{{ tag }}</option>
{% endif %} {% endfor %}
</select>
</div>

Does anyone have any idea how to do that ? Hide this part on all collections but one ?

Thanks !

Hamza

Replies 5 (5)
agururaj
New Member
6 0 0

Were you able to add filters to the pagefly collection page?

Dixor
Shopify Partner
14 2 3

There is no product filters at all in page Fly blocks. 

LiamGreenHQ
New Member
3 0 0

I'm having the same issues, did you find a resolution?

Dixor
Shopify Partner
14 2 3

There is no solution, only build custom code.
Actually as I am freelancer, ready to help.

LiamGreenHQ
New Member
3 0 0

I've managed for now by adding in a block and linking that to the shopify product grid with a class id then posted follow Custom code; 

 

window.addEventListener('load', function() {
document.querySelector('.custom-block').appendChild(document.querySelector('#shopify-section-template--14620475850809__product-grid'))
})