Press Enter to search or Esc to close

FW Real Estate – Documentation

FWRE Official Design

FW Real Estate tutorial for WordPress

This design was previously called Agency. If you are following older material that refers to "FW Real Estate - Agency Design", you are in the right place — the current name is FWRE Official Design.

What It Is

FWRE Official Design is the front-end layer that FW Real Estate ships with. It renders every page the plugin produces — property listings, the property detail page, agent profiles, the account area, and the four embeddable modules — inside your existing WordPress theme. It is not a theme and does not replace yours. It works with any theme already running on your site.

Installation and Updates

Nothing needs to be installed separately. Official is bundled with FW Real Estate and appears already installed under FW Real Estate → Add-ons → Designs as soon as you install the plugin. Because it ships inside the plugin package, it updates automatically whenever you update FW Real Estate. There is no separate download and nothing to update independently.

Activating the Design

To make Official the active design, go to FW Real Estate → Configuration → General → System settings and set the Default design option. Individual pages can override the default — use the corresponding option on the block or shortcode for that page — so a single page can use a different design without changing the site-wide setting.

What the Design Covers

Property listing — five layouts are available. A layout appears in the visitor's switcher only when its associated add-on is enabled.

  • List — the default; a vertical list of property cards showing photo, title, price, and key specs
  • Grid — a card grid with featured properties given a wider tile (requires Grid View add-on)
  • Table — a compact tabular listing
  • Map — properties plotted on a map with markers (requires Map View add-on)
  • Slideshow — a full-bleed slideshow of results (requires Slideshow View add-on)
Property listing page with list layout
Property listing page with list layout
Property listing page with grid layout
Property listing page with grid layout

Property detail page — includes the image gallery, a header with title and price, property information displayed as accordion panels, tabs, or a plain list (configured under Configuration → Properties), a sidebar for the inquiry form and agent card, a print view, a quick view overlay from the grid layout, and a PDF brochure layout when that add-on is enabled.

Property detail page with tabs and sidebar
Property detail page with tabs and sidebar

Agents — the agent directory, public agent profiles, an agent's listings, and the front-end profile editor. These pages come from the Agents add-on; Official supplies their appearance.

Agents list page
Agents list page

Account area — the visitor dashboard, saved properties, saved searches, the comparison table, and contributor screens when the Property Manager add-on is enabled.

Modules — styled layouts for all four embeddable modules: Search, Latest / Featured, Agent, and Mortgage Calculator.

Add-on fragments — approximately 30 small styled fragments covering individual add-on surfaces: the favourite button, compare button and panel, map panel, status badges, share buttons, open-house badge and schedule, rental price badge, currency selector, 3D-tour tile, and more. These keep each add-on looking consistent with the rest of the site.

Settings

Official has no settings screen of its own. Its appearance is controlled by the product's display settings under Configuration → General and Configuration → Properties.

Localisation

Official ships its interface strings — headings, button labels, empty states, and accessibility labels — in all 15 supported languages. All strings are editable in FW Real Estate → Translation.

Performance

Images are lazy-loaded throughout listing cards, the detail gallery, agent photos, and module images. The exception is the main hero image on the property detail page, which loads eagerly so the page's largest element paints as early as possible. Non-critical scripts are deferred to avoid blocking rendering.

Customisation

For small visual changes, use FW Real Estate → Styles. This CSS editor is separate from the plugin files and survives updates — nothing entered there is lost when FW Real Estate is upgraded. For a full redesign, build a new design add-on by copying Official's view files and stylesheets under your own key, then select it as the Default design. Editing Official's own files directly is not recommended: a plugin update replaces the entire plugin directory, overwriting any changes made to the shipped files.


Was this article helpful?
Previous
Grid View
Next
Welcome to FW Real Estate
  • Client Login

    Restore password
  • New Registration

or
Make sure @fastw3b.com email domain is white-listed in your email client to restore password, verify registration, get order confirmations, etc.