Add Product Filter to Homepage Using PageFly (Dawn Theme)

Shopify Discussion
1

Hi,

I’m building a Shopify site using a copy of the Dawn Theme and the PageFly page builder.

My design requires a product filter (by tags or collection) to appear on the Home page, instead of the standard collection/catalog page. I’m not sure how to make this happen, especially using PageFly or via Liquid code inside Dawn.

Has anyone implemented something similar? Any guidance or suggestions would be much appreciated!

Thanks in advance!

2

Hi,

Hope this will help

  • Create collections or tags
  • Add buttons in PageFly to simulate filters
  • Add custom code to filter products on homepage (optional)

Add Filter Logic with Liquid + JavaScript Code example


  
  

  {% for product in collections.all.products %}
    

      ### {{ product.title }}
    

  {% endfor %}
  • Use real Shopify filters on collection pages
1 Like
3

Thank You for the suggestions.
I’ll give it a try and let you know.

Take Care