Product Grid
A six-card shop grid listing products with a Placeholder thumbnail, name, from-price, and a format chip for each item.
A six-card shop grid listing products with a Placeholder thumbnail, name, from-price, and a format chip for each item.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Product Grid is the main shop listing surface, six product cards each carrying a Placeholder thumbnail, a name, a from-price in tabular-nums, and a format chip (Preset, Template, Print, Ebook) so visitors can scan what you sell before committing to a product page. The heading copy lands the value plainly: presets, templates, prints, and guides built from years of client work.
Products are one array, three columns on large screens so the grid breathes. The type chip is the distinctive detail, it tells a visitor the format and expected file type before they click, which reduces refund requests.
Use this as the main shop listing page or a shop section on a portfolio homepage. The installer swaps the six product names, prices, and type chips to match their actual catalogue, and replaces the Placeholders with product cover images.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the full product catalogue grid. Other shop layouts:
Tip: the type chip is the shortcut a buyer needs, name the format so they do not have to read the description to know what they are buying.