Hey, I’m planning to build a similar pricing engine with four tabs. Each tab would have its own two dropdown filters, so there will be a lot of different pricing display combinations. My question is: can I use four separate instances, one for each tab? Will it work? Thank you!
Hey @slawek!
Four separate instances will work perfectly for your pricing engine setup! ![]()
Looking at your screenshot, you’re building a layout with four tab buttons (Shared Hosting, WordPress, VPS, Dedicated Servers) each with their own dropdown filters for region and subscription length. This is ideal for multiple CMS Filter instances.
Here’s how to set this up using the fs-list-instance attribute:
For each tab’s filtering system:
-
Shared Hosting tab:
- Add
fs-list-instance="shared-hosting"to the form containing your region/subscription dropdowns - Add
fs-list-instance="shared-hosting"to the collection list showing the pricing plans
- Add
-
WordPress tab:
- Add
fs-list-instance="wordpress"to the form - Add
fs-list-instance="wordpress"to the corresponding collection list
- Add
-
VPS tab:
- Add
fs-list-instance="vps"to the form - Add
fs-list-instance="vps"to the corresponding collection list
- Add
-
Dedicated Servers tab:
- Add
fs-list-instance="dedicated"to the form - Add
fs-list-instance="dedicated"to the corresponding collection list
- Add
Each instance will operate independently, so the dropdowns in your “Shared Hosting” tab will only filter the pricing plans for that specific hosting type without affecting the others.
Would love to see this on your staging site once you have it configured! Let us know how it goes! ![]()
@Support-Finn
Great, thank you so much for confirming what I wanted to build. Once the project is ready and live, I’ll be happy to share the solution.
