Price Menu (Divi)
A menu or price list for Divi 5. Every row is a Menu Row child — a dish or a section heading — with its own price, original price, size prices, tags, image or icon, link, highlight and sold-out flag. Five skins, columns per device, section filter tabs, a tag legend and schema.org Menu data. Each example is labelled with the settings that make it.
1. A café menu — the classic list
Skin: Classic · dotted title–price connector · dietary tags with a legend below · a highlighted dish with a ribbon · an original price · a “Market price” text price · a sold-out dish.
2. Cards with images, in two columns
Skin: Cards · Columns 2 (1 on phones) · images on the left · Hover: Lift · titles link to the product. The same module is a price list for anything, not only food.
Heavyweight organic cotton, brushed inside.
Zip hoodie
$72Two-way zip and deep pockets.
Studio tee
Was $35$29Slub cotton, printed by hand.
Light and cropped, a summer favourite.
Divi Ninja tee
Sold out$32Limited print, while it lasts.
3. Bordered rows, price chips and icons
Skin: Bordered rows · Price Position: Chip on the right · Font Awesome icons for each row and each section heading · Media Vertical Alignment: Middle.
4. Elegant, with size prices
Skin: Elegant (centered) · size prices (Glass | Carafe | Bottle) instead of a single price · serif headings from the skin.
Size prices
Write sizes as Glass: 9 | Carafe: 24 | Bottle: 42. Leave the main price empty to show only the sizes, or fill both.
A number gets the currency symbol; any other text — “Market price” — is shown as written.
5. The chalk board
Skin: Chalk board — a slate background, a wooden frame and handwritten type, straight from the skin. Tag Style: Round symbols.
Currency
Currency Symbol £, before the number. It can also go after the number (12€).
Round symbols show V, VG, GF, DF, 🌶 and N; the full name stays for screen readers and as a tooltip.
6. Section filter tabs
Section Filter Tabs with an “All” tab · 3 columns (2 on tablets, 1 on phones) · price below the description · the tabs fade the chosen section in.
7. On a dark background, styled from the Design tab
Title and price fonts, a card per item (Items: background, border, padding, radius), a gold accent, dashed lines, a highlighted tasting menu and schema.org Menu data.