Product Listing
Allow users to browse through grouped sliders of products or resources and filter down to a sortable general listing.
Default Sections
Default Modules
Built-In Modules
How to Use This Template
The Product Listing template is designed specifically for creating comprehensive product catalogs and resource directories within your HubSpot CMS site. This template excels when you need to showcase multiple products with advanced filtering and sorting capabilities, making it ideal for e-commerce stores, service portfolios, or downloadable resource libraries.
Setting Up Your Product Listing Page
When creating a new page with this template, you’ll immediately have access to the Hero - Simple section and Product Listing module in your page editor. The template’s strength lies in its dual presentation modes: visitors can browse products through visually appealing grouped sliders or switch to a traditional grid layout for more detailed comparison shopping.
Customizing the Filtering Experience
The built-in filtering system allows you to create custom taxonomies for your products. You can configure filter categories through the Product Listing module settings in the page editor - simply drag and drop the module to access its options panel. Consider organizing filters by product type, price range, brand, or any custom properties you’ve defined in your HubSpot database.
Optimizing for Different Use Cases
This template works particularly well for businesses with diverse product lines or agencies showcasing portfolio pieces. The sortable listing view helps users find specific items quickly, while the slider presentation keeps visitors engaged with visual discovery. You can enhance the experience further by utilizing the built-in Schema module to improve search engine visibility for your product pages.
Remember to leverage the Transparent Header module if your hero section features striking product imagery - this creates a seamless, immersive browsing experience that encourages exploration.