Documentation: Forecourt
Vehicle overview and detail pages
Forecourt shows your stock on two kinds of pages: the overview with all vehicles and a detail page per vehicle.
The overview page
Create it with the menu item type Forecourt: Vehicle overview (grid). Visitors can switch between a grid with photo cards and a compact list. Their choice is remembered for their next visit.
| Items per page | Leave empty to use the value from the component options. |
| Default layout | Grid or list, shown to visitors who have not made a choice yet. |
| Layout switcher position | Where the grid and list buttons appear: top, bottom, both, or none to hide the switcher. |
| Result count position | Overrides the component setting for this page. |
Each card shows the main photo, the price, the year, the mileage or operating hours, the fuel type and the transmission. Vehicles with the price type Price on request show that text instead of a price.
The detail page
You do not have to create menu items for single vehicles. Every vehicle in the overview links to its own page with a readable address, by default based on the make, model and year. You can change it in the Alias field of the vehicle.
The detail page shows:
- the photos, which open full screen in a lightbox;
- the price with a note whether it includes VAT, excludes VAT or falls under the margin scheme;
- a specification table with only the fields you filled in;
- the MOT expiry date as a coloured badge: green when it is more than 90 days away, orange within 90 days and red when it has expired;
- options and accessories, grouped by category;
- the description;
- the contact form, or a link to your own contact page, plus the WhatsApp and call buttons when you set a number.
Each detail page has a page title, a meta description and Open Graph tags, so links shared on social media show the vehicle photo and price. It also adds structured data that tells search engines the page is about a car with a price.
Contact settings per page
The menu item type Forecourt: Vehicle detail lets you override the contact form, redirect URL, WhatsApp number and phone number. This is useful if one location of your business uses a different number.