B
Bonzai 2
Web Parts

Marketplace

Display any SharePoint list as a searchable, filterable catalog with grid or list layouts.

ListsFeature Parity: 85%

Get Marketplace Working in 3 Steps

20-30 minutes

Prerequisites

  • Bonzai 2 package installed on your site
  • A SharePoint list with items to display
1

Add the web part to your page

Edit the page, click the + button, and search for "Marketplace" in the Bonzai category.

2

Select your list

Open the property pane, select your SharePoint list from the dropdown picker.

3

Configure columns and publish

Toggle which columns to display, set layout options, and publish your page.

Dynamic Schema Discovery

Unlike traditional web parts that require specific list schemas, Marketplace automatically discovers columns from any SharePoint list. Just point it at your list and toggle which fields to display.

When to Use This Web Part

Use this when you need to...

  • Display IT service catalog or help desk offerings
  • Create an internal product or equipment inventory
  • Build a knowledge base or FAQ directory
  • Show office supplies or asset catalog
  • Display any structured list data with search and filtering

Best page locations

  • Service catalogs — IT services, HR resources, facilities
  • Inventory pages — equipment, supplies, assets
  • Directory listings — vendors, partners, resources
  • Knowledge bases — FAQs, policies, procedures

Consider alternatives when...

  • Document libraries — use Documents Rollup instead
  • News articles — use News Rollup instead
  • People/employees — use Employee Directory instead
  • Events with dates — use Events Rollup instead

Related web parts:

Documents Rollupdisplaying files from document librariesAdvanced Linkssimple link tiles without list dataLandingmanually curated content cards

Layout Templates

Marketplace supports two display layouts:

Grid (Tiles)Card-based grid with 2-5 columns per row — best for visual catalogs
List (Rows)Compact row-based layout — best for data-dense listings

Key Features

Search

Filter items by title with debounced search

Category Filtering

Auto-discovered from Choice columns

Sorting

Sort by any sortable column, ascending or descending

Create New

Button opens SharePoint new item form

Step-by-Step Configuration

1

Create or identify your SharePoint list

Marketplace works with any SharePoint list. Create a new list or use an existing one with the data you want to display.

Add a Choice column for categories — Marketplace will auto-discover it for filtering.

2

Edit your SharePoint page

Navigate to the page where you want to add the Marketplace. Click "Edit" in the top right corner.
3

Add the Marketplace web part

Click the + button in any section, type "Marketplace" in the search box, and select "Bonzai Marketplace" from the results.
4

Open the property pane

Click the pencil icon on the web part to open the property pane on the right side.
5

Set the title (optional)

Enter a descriptive title like "IT Services", "Equipment Catalog", or "Office Supplies".
6

Select your list

Use the List dropdown picker to select your SharePoint list. The web part will load the list schema automatically.

To use a list from a different site, enter the Site URL first, then select the list.

7

Choose your layout

Select Grid (tiles) or List (rows) layout. For Grid, choose how many columns per row (2-5).
8

Configure column visibility

In the "Columns" section, toggle which fields to display on item cards. Title is shown by default.

The column toggles are generated dynamically from your list schema.

9

Enable/disable features

Toggle Search, Sorting, Category Filter, and Create New button as needed for your use case.
10

Set pagination

Use the Items Per Page slider (6-50) to control how many items appear before pagination.
11

Save and publish

Click outside the property pane, then save and publish your page. Your marketplace is now live!

Common Configurations

Copy these ready-to-use configurations for common scenarios:

IT Service Catalog

Searchable IT services with categories

Best for: IT help desk, service portal
Configuration
TitleIT Services
LayoutGrid (3 columns)
Items Per Page12
Enable SearchYes
Enable Category FilterYes
Show Create ButtonNo

Office Supplies Catalog

Orderable supplies with create option

Best for: Facilities, office management
Configuration
TitleOffice Supplies
LayoutGrid (4 columns)
Items Per Page24
Enable SearchYes
Enable SortingYes
Show Create ButtonYes

Equipment Inventory

Asset tracking with list view

Best for: IT asset management, facilities
Configuration
TitleEquipment Inventory
LayoutList
Items Per Page20
Enable SearchYes
Enable SortingYes
Enable Category FilterYes

Knowledge Base

FAQ or policy directory

Best for: HR, Legal, internal documentation
Configuration
TitleKnowledge Base
LayoutList
Items Per Page15
Enable SearchYes
Enable Category FilterYes
Show Create ButtonNo

Best Practices

Add a Choice column for categories

If your list has a Choice column, Marketplace automatically discovers it and creates a filter dropdown. This is the easiest way to enable category filtering.

Use meaningful column names

Column titles are displayed in item cards. Use clear, user-friendly names like "Description" instead of internal names like "Desc1".

Configure columns for your use case

Show only the most important columns on cards. Too many columns create cluttered cards. Users can click items to see full details in SharePoint.

Pagination handles large lists

Marketplace uses SharePoint paging tokens for efficient pagination. It works well with lists containing thousands of items.

User/Person fields show display names

Person columns are automatically expanded to show display names instead of IDs. This requires an extra API call, which may slightly increase load time.

Troubleshooting

Still need help? Contact Bonzai Support


Reference

Technical details for developers and advanced users.

Property Pane Configuration

PropertyTypeRequiredDescription
titleTextNoWeb part title displayed above the content
siteUrlTextNoSite URL for cross-site queries. Leave empty for current site.
listNameList PickerYesSharePoint list to display
layoutTypeDropdownNoGrid (tiles) or List (rows). Default: Grid
itemsPerRowDropdownNoColumns per row for grid layout (2-5). Default: 3
itemsPerPageSlider (6-50)NoItems to display per page. Default: 12
enableSearchToggleNoShow search box. Default: On
enableSortingToggleNoShow sort dropdown. Default: On
enableCategoryFilterToggleNoShow category filter dropdowns. Default: On
showCreateButtonToggleNoShow "Create New" button. Default: On
displayColumnsColumn TogglesNoComma-separated list of column internal names to display

List Requirements

Marketplace works with any SharePoint list (BaseTemplate 100). The only required column is the default Title field, which is used for item names and search.

Minimum Columns

ColumnTypeRequiredNotes
TitleSingle line of textYesUsed for item name and search filtering
CreatedDate/TimeNoAvailable for sorting and display
ModifiedDate/TimeNoDefault sort field when no custom sort is set
AuthorPersonNoExpanded to show display name when present

Recommended Columns (Optional)

ColumnTypePurpose
TitleSingle line of textItem name (always displayed)
DescriptionMultiple lines of textItem details
CategoryChoiceEnables category filtering dropdown
StatusChoiceItem status (Active, Inactive, etc.)
OwnerPersonResponsible person (displays name)

Features Checklist

  • Dynamic schema discovery (works with any list)
  • Grid and List layout options
  • Configurable columns per row (2-5)
  • Search with debounce (300ms)
  • Category filtering (auto-discovered from Choice columns)
  • Sorting by any sortable field (ascending/descending)
  • Pagination with SharePoint paging tokens
  • Create New button (opens SharePoint form)
  • Click-to-view (opens SharePoint display form)
  • User/Person field expansion (shows display names)
  • Cross-site data source support
  • Responsive design
  • Theme Manager integration

Data Source

Marketplace queries SharePoint lists using the REST API. It uses efficient paging tokens (@odata.nextLink) for pagination, which works well with large lists. The web part caches list schema to reduce API calls.

Migration from Classic Bonzai

The Marketplace web part in Bonzai 2 provides similar functionality to the Classic Bonzai Marketplace, with modernized architecture using React and SPFx. Key improvements include dynamic schema discovery, SharePoint paging tokens for large lists, and automatic User field expansion.