Any design ideas on incorporating an inventory page with filtering?

SOLVE
BarryK
Member

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?

0 Upvotes
1 Accepted solution

Accepted Solutions
Ebowling
Solution
Member

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

View solution in original post

3 Replies 3
Ebowling
Solution
Member

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

View solution in original post

Anton
Key Advisor | Diamond Partner

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



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



0 Upvotes
David_HubSnacks
Contributor | Elite Partner

 

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
Unlimited HubSpot Tasks For A Fixed Monthly Fee
HubSpot Certified Diamond Solutions Partner
See our latest independent 5-Star reviews here...
Warm regards,
David
HubSnacks
Unlimited HubSpot Tasks For a Fixed Month Fee
www.hubsnacks.com
HubSpot Certified Diamond Solutions Partner
0 Upvotes