Product List
A dense shop list inside one bordered panel, each row with a thumbnail, product name, one line description, format chip, price, and a view action.
A dense shop list inside one bordered panel, each row with a thumbnail, product name, one line description, format chip, price, and a view action.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Product List is the dense counterpart to a card grid. Six products stack as rows inside one bordered, divided panel, each row pairing a small aspect-4/3 Placeholder thumbnail with the product name, a format chip (Preset, Template, Ebook, LUT, Print), a one line description, a price in tabular-nums, and a View button. A count line beside the heading reads 6 products.
The catalog is one array rendered as divided rows, so adding an item is a single entry. The description truncates to one line to keep every row the same height, and the View button hides on the smallest screens to protect the layout. This is the surface to reach for when the shop has more items than a card grid shows comfortably.
Use this as a full catalog view on a shop page, or anywhere a scannable list beats a card grid. The installer swaps the six products for their real catalog and updates the count line beside the heading.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the full shop catalog list. Other list uses:
Tip: let the description truncate to one line; even row height is what makes a long list easy to scan.