Product Grid
A featured product showcase in an asymmetric grid layout — one large product on the left spanning two rows, two smaller products stacked on the right. Best for highlighting a hero product alongside supporting products.
Layout
The grid uses a 3fr 2frcolumn ratio. The left cell spans the full height of the grid. The two right cells each take half the height. Each card shows the product name and price — there is no Buy button on the grid itself; clicking a card links through to that product's own page.
Settings
Products
Select up to 3 products from your catalogue. In the editor, a product picker appears. On published pages, products link to their product pages.
Card height
The pixel height of the overall grid. Drag the bottom resize handle or set from the settings panel. Default: 480px.
Gap
Gap between grid cells in pixels.
Border radius
Corner radius for each card.
Product Grid works best with products that have strong primary images. The large left cell displays the image prominently — choose your most visually impactful product for the left slot.