Projects

A section of your website that shows the projects in your Projects table: the title, the job type, the notes and the after photo, with the before photo beside it so the page can show the two as a comparison. Featured projects come first, then the newest, up to six.

Use it when

Use this preset when a business keeps a Projects table and wants its finished work on a page: a "Recent work" section on the home page, or a projects page of its own. Add it from the Sites editor's Data panel, pick the Projects table, then put the section on a page. From then on the page follows the table: a project added or featured in Data reaches the live site without a new publish.

Use something else when

A table that is not a Projects table (no Featured, Date or After column) cannot be bound to this section; the apply refuses it and names the missing column. Photos with no job behind them are a Gallery. One page per project, with its own address, is the Data panel's "Give each its own page", which works on this use once it is placed. Showing more than six, or in another order, is a change to the placed use in the Data panel, not another preset.

What it adds or changes

• Shows: Up to 6 projects
• Order: Featured first, then newest
• Works with: Projects table

Adds rows to your site · your site draws them

What it needs

It needs:

• The table projects come from (required)

Example

Clearwater Pressure Washing, a fictional business, applies this preset to its site with its Projects table bound, puts the section on its home page under the heading "Recent work", and saves. The page shows the featured Westchase house wash first, then the Carrollwood driveway and the Seminole Heights roof by date, each as its before and after photos, the job type and the notes.

Limits

The blueprint's roles name one image per record, so the pairing of Before with After is the section markup's doing, not the placement's: a table whose two image columns are named differently still pairs, but a table with one image column shows that image alone. Six projects is the preset's ceiling for a home-page section; raise the limit on the placed use for a projects page. Choose Before and after slider under On the page before Put on a page and each project's two photos become one picture with a slider visitors drag, tap or move with the arrow keys; where the site's script doesn't run (and in the editor) the two show side by side. Filter chips › By job type or By neighborhood lets visitors narrow the projects; a project without both photos shows its after photo alone. Removing the use takes the section off every page; the rows stay in Data.