[PRO] How to Display Additional Portfolio Details in a Block Theme PRO

The PRO version lets you store Project Details with every portfolio post — and this guide shows how to display them on single project pages when your theme is a block theme (edited via the Site Editor).

The Project Details fields

When editing a portfolio post, fill in the Project Details panel — it sits in the editor’s settings sidebar (Post tab), right below Categories:

Field	Meta key
Director	su_portfolio_item_director
Year of Production	su_portfolio_item_year
Client	su_portfolio_item_client
What we did	su_portfolio_item_skills

The plugin stores these fields; displaying them is up to the theme. WPZOOM themes from the Inspiro family show them automatically. On other themes, add them to the portfolio template yourself — it takes a few minutes with the Site Editor.

Displaying the fields in a block theme

1. Install the small, free Meta Field Block plugin (it renders any custom field as a block; block themes have no built-in block for post meta values with labels).
2. Open Appearance → Editor → Templates and edit the template used for single portfolio posts (create one for the portfolio_item post type if the theme doesn’t have it — “Add New Template → Single item: Portfolio Post”).
3. Where the details should appear (typically right below the title), add a Columns block with four Meta Field Block instances, one per meta key from the table above. Give each a label (“Client”, “Year”, …) in the block’s settings.
4. Save the template — every portfolio post now shows its details, pulled from the Project Details box.

This is exactly how the Inspiro Blocks PRO demo renders its project pages.

Tips

• Leave a field empty and the Meta Field Block renders nothing for it — no stray labels.
• The same technique works in patterns and template parts, and with conditional display plugins.

Using a classic (non-block) theme?

Since WPZOOM Portfolio PRO 1.5.0 you don’t need the Site Editor or an extra plugin: the plugin ships a shortcode and a PHP template tag that print the Project Details anywhere. Add

[wpzoom_portfolio_project_details]

to the post content, or call wpzoom_portfolio_project_details() from your child theme’s portfolio template. See the dedicated guide: How to Display Project Details in a Classic Theme (Template Tag & Shortcode). The shortcode works in block themes too (via the Shortcode block), if you prefer it over the Meta Field Block approach.