I am working on a website where I want to show some product comparisons. I am still trying to figure out how to make it. I tried some ideas but they didn’t work as I was hoping for.
Is there anybody who managed to make a decent comparison table? (I checked some old forum posts about it, but they were not very useful) I am looking to make something like this: https://bestreviews.com/best-home-printers
What I’ve tried is;
I created a CMS collection with the information that goes into each cell of the comparison table. Like;
- Product name
- Product model
- Product photo
- Product link to buy
- Product details
(I added the same fields 3 times, for 3 different products)
I created a new CMS entry for each comparison table. I tried adding a Multi-Reference field to my Blog Post CMS, where I linked it to my “Comparison Table” CMS. And I created a table on my blog template and put the Comparison table CMS Collection List in this table. Everything looked great. But the problem was this table was showing all the Comparison Table entries from the CMS. I just wanted it to show the Comparison Table entry that I choose from my Blog’s multi-reference field. Let’s say the blog post is about “Best Printers”. And I want this blog post to show my comparison table ! that I choose from the multi-reference field, not to show the whole CMS collection entries. I am not sure if multi-reference field works for this, or maybe I am not getting multi-reference field purpose.
Please see this image: webflow comparison table help|690x388
I don’t know if I am on a right track, or if it is possible to do this with Webflow. But I really appreciate your help to fix my work or show me another way to create a comparison table.