A menu on a website is a price list with better manners — a photograph, a portion tag, a short description and a price that is easy to find.
The Pricing List block builds one dish at a time, and style 3 is the one that carries a picture.
For every External Form Styler setting in one place, see the main Pricing List guide.
Before You Start
- Edition: Free — works in Nexter Blocks (free) and with Nexter Blocks Pro.
- Block to enable: Pricing List, switched on under Nexter > Blocks in your WordPress dashboard.
- Your dish photographs already in the Media Library.
Steps
- Add the Pricing List block and set Style to Style 3 — the only style with an image.
- Choose the dish image and its shape.
- Enter the title, description and price.
- Use the tag field for portions or labels, separating several with a vertical bar —
Small|Medium|Largebecomes three tags.
- Style the row once, then duplicate the block for every other dish, and group them under headings for each course.
One block is one item. There is no repeater inside it, so a menu of ten dishes is ten Pricing List blocks stacked up, not one block with a list in it. Build the first one, style it, then duplicate it.
How It Behaves
The Pricing List block is one row of a menu or price list — a tag, a title, a description, a price, and in one of the three styles an image.
- Only style 3 shows an image. Measured: the same block given the same picture rendered no image at all in styles 1 and 2, and the image in style 3. If you want photographs beside your items, style 3 is the only choice — choosing an image in the other two styles does nothing and gives no warning.
- The tag field splits on a vertical bar. Measured:
Small|Medium|Largerendered as three separate tags, andChef specialas one. That is how you get several labels from one field — but it also means a|you meant literally will be split. - Style 3 adds a divider between the title and the price — measured, it is part of this style only, and it is what gives a menu its dotted-line look.
- One block is one item. There is no repeater inside it, so a menu of ten dishes is ten Pricing List blocks stacked up, not one block with a list in it. Build the first one, style it, then duplicate it.
- Empty fields are dropped. Measured: a dish with no description renders without an empty gap where one would be, so a mixed menu still lines up.
Limitations
- It is a menu, not a shop. There is no ordering, no cart and no stock — it presents dishes and prices.
- The Box Align setting currently has no effect. Measured on published pages across every style and every value: the alignment class is never added to the markup, so the block’s own alignment rules never apply. Use the block’s ordinary alignment and spacing controls instead. This is reported to the development team.
- Courses are your own structure. The block has no grouping of its own; use headings and columns around the blocks.
- Prices are plain text, so a currency change means editing every block. Keep the menu in a reusable pattern if you change prices often.
Troubleshooting
The dish photo is not appearing
Only style 3 shows an image. Measured: the same block given the same picture rendered no image at all in styles 1 and 2, and the image in style 3. If you want photographs beside your items, style 3 is the only choice — choosing an image in the other two styles does nothing and gives no warning.
My portion sizes are all on one line
Separate them with a vertical bar. Measured: Small|Medium|Large renders three separate tags, while text without a bar renders as one.
Adding twenty dishes is slow
Style one block completely, then duplicate it — the styling comes with the copy. Measured, each block is a single dish; there is no repeater.
The alignment control does nothing
The Box Align setting currently has no effect. Measured on published pages across every style and every value: the alignment class is never added to the markup, so the block’s own alignment rules never apply. Use the block’s ordinary alignment and spacing controls instead. This is reported to the development team.
The menu looks cramped on a phone
Use the block’s responsive spacing and image-size controls; style 3 stacks the image above the text on narrow screens.
