In this tutorial we will be going over how to create your listing’s layout. We have built AF Listings 2.0 to be as adaptive as possible so that you can easily add your listing’s unique content. Lets dive in!

When you create a new listing you will notice that the sections box will be blank. To add in a new section, click on the add section button and select one of the pre-designed section modules.

Note there are Ten Total types of page sections for you to choose from.  

  • Hero
  • About
  • Photo Gallery
  • Video Gallery
  • Map
  • Property Details
  • Area Info
  • Additional Details
  • Contact 
  • Open house

These sections are interchangeable, and can be moved up and down anywhere in position on the page.  Each section includes available options to configure, which can include images and written or embedded content. 

We recommend a basic listing structure of: 

  • Hero
  • About
  • Photo Gallery
  • Map 
  • Contact

Notes About Section Layout Options: 

You may click to toggle open any section to reveal it's contents, settings and options. By clicking the arrow to the right side, you can open or collapse that module.

You may add or delete sections using the plus and minus symbols: 

Drag & Drop is also available for all sections you are using.  This allows to you view and test different layout orders in line with your layout and design goals. 

Creating Your Listing Section Layout: 

Click Add Section to add any section from the list and take a look at defining its options and insert content. With every section module, you have the ability to input:

  • a section title for easy navigation
  • adjust its background color -or- 
  • add a background image.


You have multiple pre-designed section modules you can choose from. All sections are designed to help provide you with better flexibility to target each one of your listing’s unique needs without running the risk of breaking the design.

Learn More about Each Section Type and It's available options in below. 

Did this answer your question?