Any design ideas on incorporating an inventory page with filtering?

[BarryK]

We want to include a modest inventory page with a few dozen products by a handful of vendors. Would like to provide an interactive filter component for visitors who wanted to browse by product type, vendor, and maybe two or three other criteria (probably numerical).

Is this a big deal (hours of implementation time) and are there some Hubspot "tips and tricks" for doing this primarily in the Hubspot editor (Hubspot-maintainted site) without messing up the VAST templates we are using for the website design?

[David_HubSnacks]

We did this here if it helps.

The custom modules used to build Assuaged’s new products page not only improves UX/UI but also enables the customer to effortlessly manage the page’s content as needed.

https://designers.hubspot.com/inspire/entry/improving-page-ux-ui-with-custom-modules

 

David

www.hubsnacks.com

Unlimited HubSpot Tasks For A Fixed Monthly Fee

HubSpot Certified Diamond Solutions Partner

See our latest independent 5-Star reviews here...

[Anton]

Hi @BarryK,

the best way would be - as @Ebowling said - to do it with HubDB.
If you don't have it, you could write a "simple" custom module with some widgets, widget groups and for loops. After you've created the module insert it into your template and "paste" your products.

regards

Anton

Did my post help answer your query? Help the Community by marking it as a solution

[Ebowling · Accepted solution]

Hi Barry, do you have access to HubDB? It's HubSpot's table-building database tool. Each item in the inventory would have a row in the table, with each column designating the criteria you'd like the visitor to be able to filter the content by. Once you build out the table, you would create a custom module that pulls in the table data. Depending on your experience with HTML, CSS, and HubL, this process could take 1-5 hours.

Here's some documentation on HubDB:

https://designers.hubspot.com/docs/tools/hubdb

https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-to-edit-hubdb-tables