In this tutorial we are going to go over how to set up a listing feed to populate all of the individual listings you have created. Lets dive in.
Creating A Listing Feed
To generate a listing feed you will either first want to create a new page and edit it with cornerstone.
Or you can also navigate to an existing page and edit it with cornerstone.
Once in the cornerstone editing view, first you will want to select the appropriate page template from the settings tabs. The most common template used on AgentFire websites is Blank - No Container | Header, Footer.
Next you will want to add in a new section to your layout.
You will now want to drag our AF Listings cornerstone element into your new section.
By clicking on the element you can now begin to edit its settings.
Editing The Element
Within our AgentFire Listings Cornerstone element there are multiple customization options available so that you can create a feed that suites your specific needs. Lets look at a few of the common settings you will want to be aware of.
First you can filter the feed results to only display listings from specific categories defined by location, status and property type.
If you need information on how to create these filters, review our tutorial on Listings V3 Settings.
The first filter shown on the page is the location filter, and any location you have added to your listings will be shown in a dropdown here. Use this filter when you are isolating for listings only in a specific area or neighborhood.
Select a location filter if needed:
Also shown on the page will be Listing statuses that you have created. Select one or more filters to isolate listing results on the page.
Add listing status filters as needed:
Filtering by property type is also possible, and any property types you have created will be displayed here. You may choose one or more property type filters on the page.
Add property type filters as needed.
Next you have a couple different options to adjust the page layout as well as the look of your listing's previews.
The Page layout option allows you to use this element within the page body, or to hide the header and footer of your site to create a full page listing portal.
Integrated: Grid and map are contained in the page body.
Standalone: Listing page is displayed without a header or footer.
Listing item appearance in the grid
You will also have the opportunity to decide how your listing grid entries should appear. The items layout controls the appearance template of the individual listing results on the page.
Click Default to view the default appearance:
Click Compact to view the compact appearance:
Click Price, Date Or Status Sorting:
Sort your listing results on the page by price, date or status.
You may use ascending or decending orders.
The listings per page option provides automatic pagination of listing results to ensure that your visitors can quickly load the page when there are numerous listing results.
This setting controls how many appear before adding tabbed pagination to the bottom of the grid.
Edit pagination number as needed:
You may also set a strict result limit total on how many listings can be shown. This is separate from pagination, and is typically used to provide a small number of listings to feature on areas like a homepage.
Use a result limit if you need to carefully control how many listings appear in the resulting grid.
Enable the result limit and enter the max number of listings to show:
You may also decide to display listings with filtering capabilities. This is typically used when there are too many listing results to display on a single page, and pagination is not sufficient.
Enable Filters for end users as needed:
Displaying the Map:
The map can be turned on with a single switch, and will instantly turn your listing page into a beautiful map search for your listings.
Enable the map:
Now one cool trick you may want to utilize is when displaying the map, also turn on the listings container.
Then, navigate out of your listing element, and up to the Section you created earlier on the page. You may find this by clicking the Section Breadcrumb, or by using the top left "Layout" Tab in Cornerstone.
Click the section option from your breadcrumbs above the listing element.
In your section remove any padding that is applied.
Now back to your listing element. Click to revew the Row settings from your cornerstone breadcrumbs.
Click the row option from your breadcrumbs:
Finally within your row, turn off the column container.
The result is a beautiful, edge to edge map, with your listings neatly still contained inside of the site wrapper.
Note: If your listings are shown edge to edge, head back to the listing element and enable the listing container, shown below.
Using the Listing Grid by Generating A Shortcode
To generate a listing feed shortcode, first navigate to the WordPress editor and click on the small AgentFire icon in the toolbar.
It will then bring up your listing feed shortcode manager. Here you can define what listings should display in this specific feed and select its styling preferences.
After inserting the shortcode onto the page, you will need to set the template to no-container - header/footer.
Now you can go ahead and publish your page for your listing feed to display!
Click publish to save your work.
Learn how to navigate the AF editor, build your listing content, enable awesome features and more in our additional articles on the Listings V3 plugin.